Style Kart

An e-commerce store to shop for the latest clothes in fashion. Please go through the following document to understand the use and functioning of the app.

Installation

To run this app in your local, clone this repository and navigate to the folder containing it and run the following commands.

npm install

npm start

Deployed link

https://stylekart.netlify.app/

Technologies used

• React JS
• React router dom
• Mockbee (for backend)

Features of the app

• Auth

  • #
  • Login
  • Logout
  • Guest login

• Homepage

  Has three categories, clicking on which, user will be directed to the product listing page having products of only those categories

• Product listing page

  This page shows all the products available. It also has a filter component having the following functions :

  • Filter by price (using a slider)
  • Filter by category (using checkboxes)
  • Filter by rating (radio buttons)
  • Sort by price (low to high/high to low)
  • Clear all filters

  Then the product cards in this page can also be used to add the product to the wishlist or to the cart.

• Wishlist page

  Shows all the products in the wishlist. From here, user can also add item to cart or remove from wishlist.

• Cart page

  Shows all the products present in the cart along with the bill for checkout. Items from here can be removed as well as moved to wishlist.