Clik here to see the project
- React Hooks
- Props/States/Components
- LocalStorage
- Context-API
- React-Router-Dom-v6
- useLocation-Hook
- useParams-Hook
- Toastify
- Bootstrap5
- Form
- Javascript
- Swiper
- I filtered the products with the help of underscroe.js library
- I used underscore.js library again to sort items according to their names and prices
- You can add new item to the cart and remove item from the cart
- When you add or remove item, total fee will change simulatenously
- When you add or remove item, total amount of cart will change simulatenously as well
- I used localStorage to keep cart list thus your cart won't change after refreshing
- It is not allowed to add the same item with the same color.If you try,just the amount of the item in your cart will increase
- You can add the same item with different color even though there is already the same item in your cart
- If there is not item that you want to add in stock,you can not and an alert will be displayed
- If there is not item in your cart and press the "buy" button, an alert will be displayed
- If you don't login, you are not allowed to buy something
- It is not allowed to add items more than their amounts in stock
