What are we building?

🎮 Game Manager — Full‑Stack Demo Project

Welcome to the Game Manager, a small—but feature‑packed—demo app you can build in under an hour. It’s designed to teach you how to build a FullStack web app using React and Express.

🏗️ What we’re building

Frontend React :

  • Zustand + persist Global theme state stored in localStorage @tanstack/react‑query Fetching, caching & mutations
  • React Hook Form Elegant form handling & validation
  • Tailored CSS Glassy cards, responsive grid, hover animation, theme variables
  • Backend Node + Express Simple REST API with an in‑memory “database” (array of games)

📚 Topics you’ll master:

  • How to organize your React project.
  • Express CRUD
  • Client‑side routing with nested <Routes> & URL params (/update/:id)
  • Global state with Zustand: Light and Dark Theme
  • React Query fundamentals: useQuery for GET, useMutation for POST / PUT / DELETE
  • React Hook Form basics Persisting user preferences (theme) across page reloads Clean component structure (Navbar, GameList, Create/Update pages, NotFound)

Complete and Continue  
Discussion

0 comments