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 git@github.com: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