Projects

Projects

Fifteen things to build with Claude Code or Codex. Each one has a brief you paste to the agent, small milestones, and ideas for when you want more.

Pick by the stars. One star is an evening. Two stars take several sittings, often a couple of weekends, and use a database or files online. Three stars are real projects with a server. Start with a one-star project and finish it, even if it feels too easy. Then try a harder one. Finishing small things is how you learn what the agent is good at.

Every brief builds the thing itself first. A dot in the milestone list marks the point where it works on its own. What comes after makes it remember things or work for more than one person. Stop at the dot, use what you built, and go on when you want more.

If you haven't set up Claude Code or Codex yet, do the guide first. Projects you mark as done show a tick here.

• Playable here★

  Dodge

  A game in one file. You move, things fall, you dodge them.

  Teaches: drawing on a canvas, a game loop, and keyboard and touch controls.

• ★★

  Five Letters

  A daily word game where you guess a five-letter word, with a result you can share.

  Teaches: game rules in code, a puzzle that changes each day, and saving progress in the browser.

• ★★

  Beat Lab

  A step sequencer for making beats, plus a rhythm game that plays them back.

  Teaches: making sound in the browser with Web Audio and keeping exact time.

• Playable here★★

  Pulse

  A four-lane rhythm game. Tap on the beat, hold the long notes, chase an S grade.

  Teaches: timing on the audio clock, songs as text, and visual cues that work with the sound off.

• Playable here★★★

  Tumble

  A 3D obstacle race, one level long. Twelve beans start, six qualify, and eleven of them are bots.

  Teaches: Three.js, your own small physics, bots, and touch controls.

• ★★★

  Arena

  A real-time multiplayer game. Send a link and your friends join the same room.

  Teaches: WebSockets, Workers and Durable Objects, one small server per room.

• ★★★

  Driftworld

  A 3D world made from random numbers that you fly around in. Worlds can be saved and shared.

  Teaches: 3D with Three.js, procedural generation, and saving to R2 and D1.

• ★★

  Habits

  A habit tracker that syncs between your devices with a code instead of a login.

  Teaches: a real database with D1, tables and SQL.

• ★★

  Photo Wall

  Upload photos and show them on a shared gallery page.

  Teaches: storing files on R2 and handling uploads.

• ★★★

  Quiz Maker

  Type a topic, get a quiz, and share it with a link.

  Teaches: calling a model from your own server with Workers AI, and links that load saved data.

• Open here★★

  H2 Econs

  Interactive lessons for the SEAB H2 Economics syllabus. Every diagram in the course, live.

  Teaches: SVG diagrams you can drag, predict-then-see lessons, and spaced review in the browser.

• Open here★★★

  H2 Chem

  Interactive lessons for the SEAB H2 Chemistry syllabus. Molecules in 3D, a gas in a box, rate and equilibrium sliders.

  Teaches: 3D with Three.js, particle simulations, and a lesson kit shared by the four H2 apps.

• Open here★★★

  H2 Bio

  Interactive lessons for the SEAB H2 Biology syllabus. Build molecules, fold proteins, copy DNA, run crosses.

  Teaches: simulations as explanations, staged processes as state machines, chi-squared in code.

• Open here★★★

  H2 Math

  Interactive lessons for the SEAB H2 Mathematics syllabus. Graphs, 3D vectors, Argand diagrams, solids of revolution.

  Teaches: drawing graphs from scratch, numerical methods, and 3D geometry as vectors.

• ★

  My Site

  A personal page about you, online at your own address.

  Teaches: putting a site online with GitHub and Cloudflare Pages, the first thing worth publishing.