Skip to content

FTS-TASK10 - designing and implementing a shopping cart interface in react js

Notifications You must be signed in to change notification settings

dohmeid/shopping-list

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

11 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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/

products cart0 checkout


🕹️ 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.

Releases

No releases published

Packages

No packages published