Giter VIP home page Giter VIP logo

chococart's Introduction

ChocoCart

ChocoCart is an e-commerce application to but different kinds of chocolates online.

Live project: ChocoCart

Tech Stack : html css react react

  • Frontend: HTML, CSS, JavaScript, React
  • Version Control: Git and GitHub
  • Hosting: Netlify
  • Code Editor and tools: VS Code
  • Backend: MockBee

Features:

  1. Home Page : A home/landing page, it shows the available categories with some of the products from that category.
  2. Product Listing Page : A product listing page which shows all the products and a filters section.
  3. 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.
  4. 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.
  5. 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.
  6. 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.
  7. 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.
  8. Loading & Alerts : React-tostify has been used to show the alerts, when products are added to cart/wishlist, when user logs in, etc.
  9. Authentication : The user can sign up, sign in, sign in as guest and sign out of the website.
  10. Address Management : The user can save multiple addresses and choose from the saved address while purchasing the products.
  11. 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.

How to install and run locally:

$ git clone https://github.com/prthmh/ChocoCart.git
$ cd ChocoCart
$ npm install
$ npm start

chococart's People

Contributors

prthmh avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.