shopping-list

FTS-TASK10- implementing a shopping list using ReactJS

🌠 Overview

This project designs and implements a shopping cart interface with the following features:

1. Product Grid: Display products in a grid format, showcasing the name, image, and price of each item.
2. Add to Cart: Incorporate an "Add to Cart" button for each product.
3. Cart Details: Present a cart section that lists all the items added.
4. Item Removal: Provide an option for users to delete individual items from the cart.
5. Total Amount: Display the cumulative price of the items in the cart.
6. Checkout: Include a form where users can input their name and email for order submission.

---

👾 Technologies Used

---

👁️ Preview

You can access a live demo of this application here -> https://shopping-list-makeup-store.netlify.app/

---

🕹️ Getting Started

To run this application locally, follow these steps:

1. Clone the repository:

   git clone https://github.com/dohmeid/shopping-list.git
   

2. Go to folder shopping-list

   cd shopping-list
   

3. Install the required dependencies from package.json

   npm i
   

4. Start the development server using:

    npm start
   

5. You can access the project by navigating to http://localhost:3000 in your web browser.