Fullstack CourseLearn by building
All paths

Frontend path

HTML/CSS foundations → React (react.dev map) → RTK + TanStack Query → Next.js → weekly mini-projects + challenges.

  1. 1

    Week 1 — HTML, CSS & React UI foundations

    21 topics

    Learn HTML document structure and CSS layout (box model, positioning, Flexbox/Grid), then build React foundations — then ship a Tic-Tac-Toe mini-project.

    Mini-project: Tic-Tac-Toe

    21 topics—
  2. 2

    Week 2 — Managing State, Escape Hatches & Data

    22 topics

    Days 1–2 build React state and Effects fluency; days 3–5 apply Redux Toolkit and TanStack Query to Nest-backed data — then ship a Todo mini-project (RTK + Query).

    Mini-project: Todo app (RTK + Query)

    22 topics—
  3. 3

    Week 3 — Next.js Getting Started

    18 topics

    Build App Router foundations while keeping Nest as the owner of the product API — then ship a Next blog/dashboard mini-project.

    Mini-project: Next blog / dashboard shell

    18 topics—
  4. 4

    Week 4 — Revise, Challenge & Practice

    6 topics

    Revise the FE architecture map, solve challenges, explore playgrounds, then ship the Capstone Notes UI mini-project.

    Mini-project: Capstone Notes UI

    6 topics—