https://github.com/lb1997ccb/rx-shopping-cart

A React-based shopping cart application that allows you to browse products, add them to the cart and manage quantities. The app features dynamic updates using React context for state management, ensuring a seamless user experience. Built with modern React best practices, it emphasizes responsiveness and usability.
https://github.com/lb1997ccb/rx-shopping-cart

dynamic-update react-javascript react-state-management shopping-cart-demo

Last synced: 19 days ago
JSON representation

A React-based shopping cart application that allows you to browse products, add them to the cart and manage quantities. The app features dynamic updates using React context for state management, ensuring a seamless user experience. Built with modern React best practices, it emphasizes responsiveness and usability.

• Host: GitHub
• URL: https://github.com/lb1997ccb/rx-shopping-cart
• Owner: lb1997ccb
• License: mit
• Created: 2024-06-26T13:12:37.000Z (6 months ago)
• Default Branch: master
• Last Pushed: 2024-06-26T13:20:01.000Z (6 months ago)
• Last Synced: 2024-06-26T16:15:05.154Z (6 months ago)
• Topics: dynamic-update, react-javascript, react-state-management, shopping-cart-demo
• Language: JavaScript
• Homepage:
• Size: 9.26 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Rx Shopping Cart

A React-based shopping cart application that allows you to browse products, add them to the cart and manage quantities. The app features dynamic updates using React context for state management, ensuring a seamless user experience. Built with modern React best practices, it emphasizes responsiveness and usability.

## Features

- **Product Listing:** Display a list of available products with prices and an "Add to Cart" button.

- **Cart Management:** Manage items in the cart, including adding and removing items.

- **Total Calculation:** Calculate and display the total cost of items in the cart.

- **Notifications:** Show notifications for successful item additions with automatic dismissal.

## Installation

1. Clone the repository: `git clone `

2. Navigate into the project directory: `cd rx-shopping-cart`

3. Install dependencies: `npm install`

## Usage

1. Start the development server: `npm start`

2. Open your browser and visit: `http://localhost:3000`

## Technologies Used

- React

- JavaScript (ES6+)

- HTML/CSS

- npm (Node Package Manager)

## Contributing

Contributions are welcome! Feel free to fork this repository and submit pull requests.

## License

This project is licensed under the MIT License. See the [LICENSE](./LICENSE) file for details.