Shopping Cart

About the Project

This project I created with React includes a mock API used for simulating a shopping cart. This API simulates basic shopping operations such as listing products, adding items to the cart, and removing items from the cart.

Table of Contents

• Features
• Technologies Used
• Project Skeleton
• Screenshots

Live Demo

Shopping Cart

Features

• Add any product you want to the shopping cart.
• Delete any product from the cart.
• Update any product in the cart.

Technologies Used

• React
• React Router Dom
• React Bootstrap
• Bootstrap
• Axios for API requests
• Mockapi for data
• Icons from Font Awesome
• Styling with CSS

Project Skeleton

Shopping Cart (folder)
|
|----readme.md         
SOLUTION
├── public
│     └── index.html
├── src
│   ├── App.js
│   ├── assets
│   │    └── [image]
│   ├── components
│   │    ├── CardTotal.jsx
│   │    ├── Navbar.jsx
│   │    ├── ProductCard.jsx
│   │    └── ProductForm.jsx
│   ├── index.css
│   ├── index.js
│   ├── router
│   │    └── router.js
│   └── pages
│        ├── About.jsx
│        ├── Main.jsx
│        ├── NewProduct.jsx
│        ├── ProductList.jsx
│        └── UpdateProduct.jsx
├── package.json
└── yarn.lock

Screenshots

Compatibility

The project is compatible with both wide-screen computers and mobile devices.