Build JavaScript projects in stages.

Move from small exercises into guided projects with visible milestones, realistic UI work, and just enough structure to keep you building.

Project board

Projects that turn practice into real-world skills!

Build a Habit Tracker
Read2 day streak
Code3 day streak
Walk4 day streak
Final project preview
Easy

Build a Habit Tracker

Render a small habit list, toggle today's progress, add new habits, and show streak-friendly status messages.

What you'll make

A small browser app that keeps habit data in an array, re-renders after changes, validates form input, and derives a daily progress message.

ArraysObjectsEventsFormsList rendering
14 stagesFresh start
View project
Build a Decision Helper
RecommendationAgency Job2 factors
SalaryAgency Job
CommuteStartup Job
Remote daysAgency Job
Final project previewNew
Easy

Build a Decision Helper

Build a decision helper that models two choices, compares shared factors, handles ties, and renders a recommendation.

What you'll make

A read-only browser preview that displays two options, factor-level winners, and a simple recommendation from your JavaScript data model.

Data modelingComparison logicDerived resultsDOM rendering
18 stagesFresh start
View project
Build Connect Four
Final project preview
Medium

Build Connect Four

Create a browser-based Connect Four game through staged DOM, state, and event-handling tasks.

What you'll make

A two-player grid game with turn state, legal moves, win and draw detection, and a reset flow.

ArraysDOM renderingEventsGame rules
16 stagesFresh start
View project

More builds queued

New projects are being staged.

Fresh browser builds will keep joining the library, with small milestones that turn isolated JavaScript skills into complete interfaces.

Build up first

Not ready to tackle a project yet?

Projects ask you to combine a few JavaScript ideas at once. If that feels like too much right now, try taking a course or practicing smaller exercises first.