A simple shopping cart SPA built with React, showcasing routing, state management, component architecture, and API integration.
-
🏠 Home Page
Custom content to demonstrate routing and layout. Add images, info, or anything you'd like. -
🛒 Shop Page
- Displays product cards fetched from FakeStore API
- Each card includes:
- Product title
- Quantity input with increment/decrement buttons
- “Add to Cart” button
- Navigation bar with cart item count and “Checkout” button
- Updates cart dynamically after adding items
-
🔁 Navigation Bar
- Persistent across pages
- Links to Home and Shop
- Shows total items in cart
- “Go to Cart” button (checkout logic not implemented)
-
To-do
-
test with vitest
-
improve adding to cart system
-
check before submitting to pay
-
add categories
