https://github.com/zlhshn/shopping-card-router

This project is a multi-page web application. Addition and editing operations between pages were managed with react router.
https://github.com/zlhshn/shopping-card-router

axios crud react-router react-router-hooks

Last synced: about 1 month ago
JSON representation

This project is a multi-page web application. Addition and editing operations between pages were managed with react router.

• Host: GitHub
• URL: https://github.com/zlhshn/shopping-card-router
• Owner: zlhshn
• Created: 2023-12-19T12:36:35.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2024-03-05T21:05:38.000Z (10 months ago)
• Last Synced: 2024-03-05T22:25:26.299Z (10 months ago)
• Topics: axios, crud, react-router, react-router-hooks
• Language: JavaScript
• Homepage: https://shopping-page-peach.vercel.app
• Size: 12.6 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
## Description

This project is a multi-page web application. Addition and editing operations between pages were managed with react router. Additionally, operations such as deleting, increasing and decreasing products on the product list page were also worked on.

##  Live Link of the Project

[shop](https://shopping-card-router-zlh.vercel.app/)

## How does my project look

![shop](./shopping.gif)

## API Reference

Created Mock APi 

https://mockapi.io

## How to use?

🛒 Users can add products on the new product page 


🛒 Users can view the product on the product list page 


🛒 Users can click on the image of the product and edit it. 


🛒 Users can increase, decrease and delete the product card. 


## Tech/framework/method used

🚀 React 


🚀 React - Router


🚀 React - Router - Hooks (useLocation/useNavigate)


🚀 Bootstrap 


🚀 Axios 


🚀 Sweetalert2 


🚀 CRUD 


🚀 CSS3