Projects

Learn by building. Each project is one real app, built step by step: every step adds a feature to your code and is tested in your browser, and at the end the app is yours to run and share. Milestones 1 and 2 of every project are free.

  • A task manager that adds, finishes, edits, filters and deletes tasks, remembers them and loads them from an API.

    Milestones
    6
    Steps
    21
    Free steps
    8

    Free: milestones 1 and 2 (8 steps).

    See the steps
  • A one-page portfolio site with a hero, project cards, an About section and a contact form, responsive and keyboard friendly.

    Milestones
    4
    Steps
    13
    Free steps
    6

    Free: milestones 1 and 2 (6 steps).

    See the steps

How a project works

  1. Read a short brief. Each step explains the one idea it needs, with a small example you can run.
  2. Add the feature. You start from your own code of the step before, or from the reference if you would rather.
  3. Run the tests. They check your app the way a person would use it, and tell you what is missing.
  4. Keep the app. Watch it grow in "Your app so far", then open the finished app full screen or in the playground.

Prefer to learn the topics first? Browse the courses, or follow a roadmap.