https://github.com/thangapandi-k/react-usecontext-task
Created a cart page with item quantity, price per item, total quantity and total price of the added products
https://github.com/thangapandi-k/react-usecontext-task
react usecontext
Last synced: 15 days ago
JSON representation
Created a cart page with item quantity, price per item, total quantity and total price of the added products
- Host: GitHub
- URL: https://github.com/thangapandi-k/react-usecontext-task
- Owner: Thangapandi-K
- Created: 2024-07-08T02:06:37.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2024-07-08T02:11:14.000Z (almost 2 years ago)
- Last Synced: 2025-03-15T03:28:13.189Z (about 1 year ago)
- Topics: react, usecontext
- Language: JavaScript
- Homepage: https://cartpage-usecontext-task.netlify.app/
- Size: 104 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## React useContext Task
> Created a cart page with item quantity, price per item, total quantity and total price of the added products.
- [Click here](https://cartpage-usecontext-task.netlify.app/) to preview tha deployed webpage
- Created cards for all added products.
- We can increase or decrease product quantity using the `-` & `+` buttons provided. Also can see the available stock which is connected with product quantity added to the cart.
- Also can remove the product from the cart page using `Remove from cart` button.
- Each cart has a `Sub-Total` display which gives the total amount of that particular product will be displayed. And updates accoring to the number of quantity added or removed.
- At the botton we can see the `Total Amount` of the product added to the cart & `Total Quantity` of the product added to the cart can be seen.