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: about 1 year ago
JSON representation
TripleS Store
- Host: GitHub
- URL: https://github.com/samyakshah3008/triples-store-react
- Owner: samyakshah3008
- Created: 2022-03-21T15:13:00.000Z (over 4 years ago)
- Default Branch: Development
- Last Pushed: 2023-06-12T06:18:43.000Z (about 3 years ago)
- Last Synced: 2025-03-24T06:54:42.361Z (about 1 year 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
### 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.