ChocoCart is an e-commerce application to but different kinds of chocolates online.
Live project: ChocoCart
- Frontend: HTML, CSS, JavaScript, React
- Version Control: Git and GitHub
- Hosting: Netlify
- Code Editor and tools: VS Code
- Backend: MockBee
- Home Page : A home/landing page, it shows the available categories with some of the products from that category.
- Product Listing Page : A product listing page which shows all the products and a filters section.
- Individual Product Page : A product details page which shows the details of the products and the call to action buttons to add the product to the cart or the wishlist.
- Filter : On the products listing page, the user can filter the products on the basis of category, ratings, sort the products from low to high or high to low.
- Search : A search bar in the navigation bar, clicking on which the the search input opens and the user can search the products by name.
- Cart Management : A cart page, which is a private route, so the user can only go to the cart page or add the product to cart if they are logged in. In the cart page, The user can update the quantity of the product, remove from cart, or move the product from the cart.
- Wishlist Management : A wishlist page, which is a private route, so the user can only go to the wishlist page or add the product to wishlist if they are logged in.
- Loading & Alerts : React-tostify has been used to show the alerts, when products are added to cart/wishlist, when user logs in, etc.
- Authentication : The user can sign up, sign in, sign in as guest and sign out of the website.
- Address Management : The user can save multiple addresses and choose from the saved address while purchasing the products.
- Checkout : The user can click on the checkout button in the cart page and then choose the shipping address from the saved addresses or can add a new address. after choosing the address the user can place order by clicking on place order button.
$ git clone https://github.com/prthmh/ChocoCart.git
$ cd ChocoCart
$ npm install
$ npm start