https://github.com/kuzhalikumaraguru/shoppingcartreacttask
Shopping cart list in React.js
https://github.com/kuzhalikumaraguru/shoppingcartreacttask
bootstrap conditional-rendering css hooks html jsx passing-data-between-components reactjs toggle-buttons usestate
Last synced: 4 months ago
JSON representation
Shopping cart list in React.js
- Host: GitHub
- URL: https://github.com/kuzhalikumaraguru/shoppingcartreacttask
- Owner: kuzhalikumaraguru
- Created: 2023-12-25T17:45:05.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2023-12-25T17:45:09.000Z (over 1 year ago)
- Last Synced: 2024-04-23T09:35:43.022Z (about 1 year ago)
- Topics: bootstrap, conditional-rendering, css, hooks, html, jsx, passing-data-between-components, reactjs, toggle-buttons, usestate
- Language: CSS
- Homepage: https://b53-wd-tamil-shopping-cart-react.netlify.app/
- Size: 68.4 KB
- Stars: 0
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
1. Shop home page with topbar,header and card component to list down the products.
2. The shopping cart should display a list of available products with their name and description.
3. Users should be able to add items to the cart by clicking the "Add to Cart" button.
4. When an item is added to the cart, the cart quantity number should be increased.
5. The "Add to Cart" button should be changed to the "Remove from Cart" button once the item is added to the cart.
6. Users should be able to remove items from the cart by clicking the "Remove from Cart" button.
7. When an item is removed from the cart, the cart quantity number should be decreased.
8. The "Remove from Cart" button should be changed back to the "Add to Cart" button once the item is removed from the cart.