https://github.com/samyakshah3008/triples-store-react

TripleS Store
https://github.com/samyakshah3008/triples-store-react

ecommerce frontend react-hooks react-router reactjs shopping-cart

Last synced: 20 days ago
JSON representation

TripleS Store

• Host: GitHub
• URL: https://github.com/samyakshah3008/triples-store-react
• Owner: samyakshah3008
• Created: 2022-03-21T15:13:00.000Z (almost 3 years ago)
• Default Branch: Development
• Last Pushed: 2023-06-12T06:18:43.000Z (over 1 year ago)
• Last Synced: 2024-10-18T21:09:18.775Z (2 months ago)
• Topics: ecommerce, frontend, react-hooks, react-router, reactjs, shopping-cart
• Language: JavaScript
• Homepage: https://triple-s-store-react.vercel.app/
• Size: 41.9 MB
• Stars: 3
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
## TripleS Store 




### Project Preview 

![preview](/src/assets/video/preview.gif)

### 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.