Front-end Engineer
Experienced in JavaScript, TypeScript, React, React Native, and other related tools.
Feel free to check my repositories and to reach me out through the links above.
Fictional e-commerce platform where developers can get inspired to build their own
Home Page: https://leafy-dun.vercel.app
It is necessary to actually make the website's content searchable.
For this reason, a Search Page must be built and the search input in the Header must work to either:
Currently, many features are unavailable due to no existence of an API.
For this reason, an API must be created and integrated to the Front-end, to enable the user to have an Account, Buy products etc.
Firebase must be the one to be used, since the features that are planned to be implemented aren't really complex, there's no need to actually validate data for checkout (since its fake) and Firebase attend all the expectations.
Create the components necessary to handle the Product Page:
Create a bag page
Its necessary to use the metadata sent by Prismic in:
Create the necessary components to the Category Page:
Build the following components and use them in Home:
In the filters drawer, there's no way to remove a price filter, since it doesn't show a badge with price filter, only with others.
The user must have an account in order to other features rise.
The first setup of an account must include:
Its necessary to setup translation to have an organized way to define static Portuguese texts in the project, instead of writing it directly in the component.
The goal isn't to launch Leafy with multi language support yet, but have a better way to write static texts.
Create checkout flow
For this project, the Prismic CMS must be used to provide the content that the pages will render.
Its necessary to create the Pages and the Slices with real examples
Primarily, Leafy will be launched to mobile.
But, it is also necessary to launch it for desktop, and provide access to all devices.
Its necessary to structure better the components folder. Its not organized enough, the pages and components are using several libraries and types that are not centralized and good to use.
For this reason, it was decided to use shadcn/ui as a standard of the components, since its based on Radix UI accessible unstyled components, a library that its already in use in the project.
Also, under the hood, theres the content normalization that converts Prismic data to render Images and Links. But there are Prismic-ready components available that should be used.
Consider consulting https://prismic.io/docs/technical-reference/prismicio-next#prismicnextlink and https://prismic.io/docs/technical-reference/prismicio-next#prismicpreview for technical reference and improve only the rendering of Images and Links.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.