
Kraado
May 26, 2025 at 07:56 PM
🚀 React Mini Project Challenge Begins!
Hey awesome team! After our successful React Bootcamp, it’s time to bring those skills to life! 🔥
🎯 Project Topic: Mini Shopping Cart
We’re kicking off a hands-on mini project that ties all the key React concepts we learned — from API calls to routing and global state.
---
🛠 What You’ll Build
1. Setup Your App
Scaffold a React app using Vite
Organize into folders: /components, /contexts, /pages
2. Core Features
Product List: Fetch from Fake Store API using useEffect + useState
Add to Cart: Use Context API to manage global cart state
Cart Page: Show items, edit quantities, remove items
Routing: Set up /products, /cart, /checkout
Persistence: Save cart to localStorage with useEffect
3. Bonus Polish
Show cart count in Navbar
Add loading spinners & error handling
Style using basic CSS or Tailwind
---
📚 Resources:
Fake Store API: https://fakestoreapi.com/
🗓️ Timeline:
Kickoff: Today
Deadline: Saturday, May 31st
💬 Need Help?
Kindly contact Sosu via https://sosualfred.com/ for any support or guidance.
Let’s build and grow together! 💪
#reactbootcamp #miniproject #buildwithus #kraado
👍
💪
2