An e-commerce site which allows the user to add, remove and update quantities of various products in their shopping cart. The data is pulled from a JSON file, and custom context and hooks are used to provide data and functionality, manage and update the state of the cart items, as well as store the cart items in the browser. This has been built using React with TypeScript and styled using Chakra UI.
Features
- Add, remove and update quantities of different products
- Pulls product data from JSON file
- ShoppingCartContext used to manage and update state of cart items
- useLocalStorage custom hook to store items in shopping cart
- Styled using Chakra UI
- Fully responsive
Stacks Used
Links