Academy 02 · of 04

Claude Code Club

build the tool only you would build →

Real HTML, CSS, JavaScript. Plain text files. By project two, a real web page lives at a real URL — and Claude is helping power it, without you ever touching an API key.

PassionTaste

What this academy is really about.

Most "code for kids" platforms hand you a sandbox. You drag blocks, things light up, you get a sticker. None of it survives outside the platform. Code Club refuses that. You write HTML, CSS, and JavaScript the way real engineers do — in plain text files that any browser opens, anywhere, for the next decade.

The clever no-API-key trick.

Real Claude API calls need keys, and keys need supervision. So in project two, we use Claude differently: you generate the smart parts in claude.ai chat, save them to a JSON file, and your page reads them. Claude is doing real work — but no key is ever in your page. When you're ready for live API calls, that's the high-school version.

2 projects · ~7 hours total

The two projects, in order.

Project03

A Real Page for One Real Person

HTML structure, CSS that doesn't look like 1996, JavaScript that does something real. Deployed to a public URL by the end (Netlify Drop, free, 2 minutes). Built for one person you can name.

You ship → a public URL + the page does something useful + the named person has used it.

Open →
Project04

Add Claude as the Brain

Generate the smart parts in claude.ai chat. Save them as a structured JSON file. Your page loads the JSON, presents it to your user. The page does something neither you nor Claude alone could.

You ship → your page now reads a Claude-generated JSON file + 1 demo session with the named user + a one-line note on what AI made better.

Open →

What you walk out of this academy with

A live URL of a tool you built. The reflexes of a real web developer — saving files, opening dev tools, fixing bugs by reading errors. And the most underrated trick in this whole site: using AI through copy-paste, not API keys. Most of the world's best AI use is exactly this shape.