Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/furkan-dogu/shopping-cart
This project I created with React includes a mock API used for simulating a shopping cart.
https://github.com/furkan-dogu/shopping-cart
axios bootstrap css javascript mock-api react react-router-dom
Last synced: about 6 hours ago
JSON representation
This project I created with React includes a mock API used for simulating a shopping cart.
- Host: GitHub
- URL: https://github.com/furkan-dogu/shopping-cart
- Owner: furkan-dogu
- Created: 2023-12-24T14:39:35.000Z (11 months ago)
- Default Branch: main
- Last Pushed: 2024-01-06T19:45:06.000Z (11 months ago)
- Last Synced: 2024-01-06T20:44:39.306Z (11 months ago)
- Topics: axios, bootstrap, css, javascript, mock-api, react, react-router-dom
- Language: JavaScript
- Homepage: https://shopping-cart-furkan-dogu.vercel.app
- Size: 10.5 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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](#features)
- [Technologies Used](#technologies-used)
- [Project Skeleton](#project-skeleton)
- [Screenshots](#screenshots)
## Live Demo
[Shopping Cart](https://shopping-cart-gamma-snowy.vercel.app/)
## 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](https://react-bootstrap.netlify.app/)
- [Bootstrap](https://getbootstrap.com/)
- Axios for API requests
- [Mockapi](https://mockapi.io/) for data
- Icons from [Font Awesome](https://fontawesome.com/icons)
- 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.