minhhoccode111 / shopping-cart-top

Shopping project to buy or borrow books. Built with React Router

Vai Quyen Sach (Shopping Cart TOP)

The Vai Quyen Sach project is created according to the assignment from The Odin Project lesson.

🔗 Live preview of the project is here.

Features

• Navigate between routes without reload
• Quotes fetching
• Search, sort, filter books
• Add, remove and keep track of number of item in Cart
• Eyes pleasing UI :>
• Passing data between routes using post and get form methods
• Use context to manage app state like number of items in Cart instead of passing data into Child Component deep down many level

Outcome

• Used React
• Used Tailwindcss
• Used Bun
• Used Vite
• Used Netlify
• Used animista for beautiful animations
• Used quotable API, thanks to the generosity of Luke Peavey
• Learned react-router-dom
• Learned Context API

Getting Started

HTTPS - git clone https://github.com/minhhoccode111/shopping-cart-top.git

SSH - git clone [e-mail]:minhhoccode111/shopping-cart-top.git

cd shopping-cart-top

npm install

npm start

Idea to implement

• A backend to handle user interactions
• Switch language between Vietnamese and English feature
• Change route animation

Navigation

• See my previous project CV Application
• See all my projects' live demos This link