Skip to content

samyakshah3008/TripleS-Store-react

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

TripleS Store


Project Preview

preview

Home Page

  • You can see a landing page with a list of featured categories.
  • If you click on any one of the categories you will be redirected to the product list page with the selected category.

Product Listing Page

  • You can see a product listing page where all the products are listed with a section of filters.

  • You can see multiple filters on the product listing page including,

  • Price: A radio button to sort from low to high & high to low.

  • Category: A checkbox with various categories according to the theme.

  • Ratings: A slider for ratings.

  • You can see a button to clear filters from where you can clear all the applied filters.

  • On the product cards, you can see two call-to-action buttons,

  • Add to Cart: you can click on the "Add to Cart" primary button which will add the item to the cart & once added shows "Go to Cart" on the product card.

  • Add to Wishlist: you can click on a "Wishlist" secondary icon button where if you click adds the item in the wishlist & vice-verse.

Cart Management

  • From the navbar, you can navigate to the cart where all the products that you want to buy are mentioned.

  • On the product card, you can see the quantity of a particular product. you can Increase or Decrease the quantity of a particular product.

  • Remove the product from the cart

  • Add the product to the Wishlist

  • you can see the price details card of the cart containing a button to checkout which will show the total price of the products with its quantity.

Wishlist Management

  • From the navbar, you can navigate to my wishlist where all the products that you would like to buy are mentioned.
  • On the product card,
  • you can remove the item from the wishlist
  • Add the item to the cart
  • If the cart already contains that item, it's only increasing the quantity.

Sign-up Page

  • You can see a sign-up page from where you can sign-up using your email, first name, last name, password & confirm password.

Login Page

  • You can see a login page from where you can log in using your email & password.

Logout

  • You can see a logout button from where you can log out from the app on the header navbar.