Session# 1: Setup, tooling and the React mental model 1Hr
Get Node, Vite and your editor configured. Build your first component. Understand how React thinks before we write more code.

Session# 2: Components, props and composition 1Hr
Break a real UI into components. Pass data with props. Build a small product card that takes you from copy-paste to deliberate design.

Session# 3: State, events and forms that actually work 1Hr
useState explained the right way. Wire up a form with proper validation. Handle the most common state mistakes I see students make.

Session# 4: Hooks deep dive — useEffect, useRef and your own custom hooks 1Hr
When effects fire, when they do not, and how to write your own hooks. Real fetching from a public API with loading and error states.

Session# 5: Routing, layouts and structuring a real app 1Hr
React Router setup. Shared layouts. Route-based code splitting. By the end of this session, your app feels like a real product.

Session# 6: Deploy to production + portfolio polish 1Hr
Push to GitHub, deploy to Vercel, set up a custom domain. Walk through how to write a portfolio README that recruiters actually read.