Revive Mart is an e-commerce platform built with React.js & Styled Components. If you'd like to visit the project, please click on the following link
I chose to consume the Fake Store API to display all the products from the store; they are categorized into Jewelry, Women's, and Men's categories.
If the user wants a customized product view based on the available filters, they can filter by: Lowest price, Highest price, Name (A - Z), or Rating (Stars).
Each product has a display where the user can add the item to the cart, view its price, and access more information about it.
If the user wants to see the status of their cart, they will have a small visual feedback indicating the quantity of items they have added to the cart. They will also have a dropdown with more information about the selected products, where they can add more items if necessary, remove items, and view the total for each product based on the chosen quantity. If there are no items, it will show that the cart is empty.
There is a cart summary page where the user can access and view more information about the products in the cart and proceed to checkout.
- React.js
- Styled Components
- Vite
- React Router Dom