https://github.com/Ajith312/Task-Shopping-Cart
This is a simple shopping cart application built using React. It allows users to view products, add them to a cart, adjust quantities, and remove items from the cart. The cart totals are automatically updated based on the products and their quantities.
https://github.com/Ajith312/Task-Shopping-Cart
bootstrap css javascript reactjs
Last synced: 12 months ago
JSON representation
This is a simple shopping cart application built using React. It allows users to view products, add them to a cart, adjust quantities, and remove items from the cart. The cart totals are automatically updated based on the products and their quantities.
- Host: GitHub
- URL: https://github.com/Ajith312/Task-Shopping-Cart
- Owner: gitaju37
- Created: 2024-09-11T11:12:20.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2024-09-11T11:36:58.000Z (almost 2 years ago)
- Last Synced: 2024-10-20T08:10:29.358Z (over 1 year ago)
- Topics: bootstrap, css, javascript, reactjs
- Language: JavaScript
- Homepage: https://ajith-shopping-cart-task.netlify.app/
- Size: 13.7 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Shopping Cart Application :shopping_cart:
## Overview :medal_military:
This is a simple shopping cart application built using React. It allows users to view products, add them to a cart, adjust quantities, and remove items from the cart. The cart totals are automatically updated based on the products and their quantities.
## Features :rainbow:
- **View Products**: Display a list of products with their details.
- **Add to Cart**: Add products to the cart.
- **Update Quantities**: Increase or decrease the quantity of items in the cart.
- **Remove Items**: Remove items from the cart.
- **Calculate Totals**: Display the subtotal and total cost of items in the cart.
## Technologies Used :desktop_computer:
- **React**: JavaScript library for building user interfaces.
- **React Router**: For handling routing and navigation.
- **Bootstrap & CSS**: For styling the components.
## Context API :large_orange_diamond:
- **MyContext**: Provides global state for cart products, quantities, and total calculation.