Skip to content

Latest commit

 

History

History
72 lines (46 loc) · 1.93 KB

README.md

File metadata and controls

72 lines (46 loc) · 1.93 KB

React Product Cart

This simple shopping cart application built with React.js allows users to add items to the cart, remove them, and see their total.

screenshot

image

Features

  • Add items to the cart
  • Remove items from the cart
  • View the total cost of items in the cart
  • filter items from the view
  • view the total quantity of products

Project Setup

  1. Clone the repository:

    git clone https://github.com/Binary-Shade/react-product-cart.git
cd react-product-cart

  2. Install dependencies:

    npm install

  3. Start the development server:

    npm start

  4. Open your browser and navigate to http://localhost:3000 to see the application in action.

Usage

Adding Items to the Cart

Browse through the list of available products. To add an item to your cart, click the "Add to Cart" button next to the desired product.

Removing Items from the Cart

In the cart, each item has a "Remove" button next to it. Click this button to remove the item from your cart.

Viewing Total Cost

The total cost of the items in your cart is displayed at the bottom. This updates automatically as you add or remove items.

Contributing

If you would like to contribute to this project, please follow these steps:

  1. Fork the repository
  2. Create a new branch (git checkout -b feature/your-feature-name)
  3. Make your changes
  4. Commit your changes (git commit -am 'Add some feature')
  5. Push to the branch (git push origin feature/your-feature-name)
  6. Create a new Pull Request

License

This project is licensed under the MIT License - see the LICENSE file for details.

Contact

If you have any questions, feel free to open an issue or contact me at [email protected].

Happy hacking 🚀