Build guided JavaScript projects.
Apply arrays, objects, functions, DOM rendering, and events in browser projects with clear milestones and working previews.
Project board
Choose a project to build.
Compare the finished app, difficulty, skills, outcome, and stage count before choosing the build that fits your next step.
Build a Habit Tracker
Render a small habit list, toggle today's progress, add new habits, and show streak-friendly status messages.
A small browser app that keeps habit data in an array, re-renders after changes, validates form input, and derives a daily progress message.
Build a Decision Helper
Build a decision helper that models two choices, compares shared factors, handles ties, and renders a recommendation.
A read-only browser preview that displays two options, factor-level winners, and a simple recommendation from your JavaScript data model.
Build Connect Four
Create a browser-based Connect Four game through staged DOM, state, and event-handling tasks.
A two-player grid game with turn state, legal moves, win and draw detection, and a reset flow.
How projects work
Build one working milestone at a time.
Each project separates data modelling, application logic, rendering, and interaction into focused stages with tests and a browser preview.
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.