FTS-TASK10- implementing a shopping list using ReactJS
This project designs and implements a shopping cart interface with the following features:
- Product Grid: Display products in a grid format, showcasing the name, image, and price of each item.
- Add to Cart: Incorporate an "Add to Cart" button for each product.
- Cart Details: Present a cart section that lists all the items added.
- Item Removal: Provide an option for users to delete individual items from the cart.
- Total Amount: Display the cumulative price of the items in the cart.
- Checkout: Include a form where users can input their name and email for order submission.
You can access a live demo of this application here -> https://shopping-list-makeup-store.netlify.app/
To run this application locally, follow these steps:
-
Clone the repository:
git clone https://github.com/dohmeid/shopping-list.git
-
Go to folder shopping-list
cd shopping-list
-
Install the required dependencies from package.json
npm i
-
Start the development server using:
npm start
-
You can access the project by navigating to http://localhost:3000 in your web browser.