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)
Download
0 comments