Kraado
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

Comments