Creature HQ

How it works

1. 1

   Learn a checkpoint

   Each phase is broken into small checkpoints. Learn the topic from any source, then pass its five-question quiz.

2. 2

   Ship real projects

   Every phase ends in a project. Submit the GitHub repository and the live link to prove it runs.

3. 3

   Watch it evolve

   Quizzes train your companion's stats. Projects give XP, and XP levels it up through four forms.

The fullstack roadmap

Twelve phases in order, about 45 weeks at a steady pace. Each one opens when the last is finished.

1. 00 · Week 1

   Meet The Web

   You don't build anything yet. First learn what the browser is actually doing.

   8 quests · Orientation

2. 01 · Weeks 2–3

   HTML

   Learn HTML before being asked to magically build a website.

   11 quests · Structure

3. 02 · Weeks 3–5

   CSS

   Now make the ugly HTML thing actually look intentional.

   13 quests · Make it pretty

4. 03 · Weeks 6–9

   JavaScript Foundations

   You already know programming. This is JavaScript-for-the-browser, not a loop tutorial.

   16 quests · Make it think

5. 04 · Weeks 10–12

   APIs + Async JavaScript

   Now your frontend can ask other computers for data.

   13 quests · Talk to the internet

6. 05 · Weeks 13–18

   React

   React comes after the browser + JavaScript mental model exists in your head.

   20 quests · Think in components

7. 06 · Weeks 19–21

   Node.js + HTTP

   Backend starts here. You know how the browser asks a server for things. Now you become the thing being asked.

   14 quests · Server goblin

8. 07 · Weeks 22–25

   Express + REST APIs

   Express is now an abstraction you understand instead of magic, because you already built the raw version.

   16 quests · Backend

9. 08 · Weeks 26–29

   SQL + PostgreSQL

   Learn databases clearly enough that the data layer isn't black magic.

   13 quests · Database

10. 09 · Weeks 30–35

    Authentication + Real Full Stack

    Frontend + backend + database finally become one application.

    15 quests · Real app

11. 10 · Weeks 36–44

    TypeScript + Testing + Deployment

    Make an existing app safer and more professional. For testing: write the test first, watch it fail red, then make it pass green. That flip is the whole payoff.

    18 quests · Production

12. 11 · Weeks 45+

    Portfolio Boss Fight

    No more course collecting. Build something people could actually use.

    20 quests · Build for real

Choose your companion

Every creature hatches as a baby and evolves at levels 16, 32, 50. Its stats come from what you actually do: quizzes, focus sessions, snacks and shipped projects.

• Goblin Swamp type

  Chaotic little menace. Eats bugs. Literally.

  Gobbit → Grubnik → Hobgrunt → Gobzilla

• Dragon Fire type

  Hatches warm. Stays hot. Hoards commits like gold.

  Embit → Scorchling → Pyrowyrm → Infernodrake

• Slime Ooze type

  Absorbs knowledge. And keys. And one semicolon it won't give back.

  Blip → Gloopy → Slimeon → Omniooze

• Ghost Spirit type

  Haunts your 3am debugging sessions. Supportively.

  Boolet → Haunty → Spectrix → Voidwraith

• Robot Circuit type

  Runs on logic. Refuses to parse HTML with regex.

  Bolty → Cogling → Mechanaut → Titan.exe

• Kraken Abyss type

  Eight arms, eight open tabs. Types 300 WPM.

  Squib → Inklet → Krakode → Leviathan

• Glitchcat Glitch type

  Knocks your coffee off the desk. And your prod database.

  Pixit → Bytecat → Glitchpaw → Nyan.null

• Shroom Spore type

  Grows slowly. Networks with everything. Basically a microservice.

  Sporelet → Shroomkin → Mycelord → Fungaia

Built to keep you shipping

• Focus timer

  15, 25 or 50 minute sessions. Finishing one trains FOCUS and restocks the snack pantry.

• Notebook

  Notes for every checkpoint, searchable by topic or by anything you wrote.

• Proof vault

  Every project you shipped, with its code, live link and write-up in one place.

• Trophies

  Twenty-three to earn, from your first quest to clearing the whole roadmap.

• Floating companion

  Pop your creature out on top of other tabs so it can keep an eye on you.

• Workshop

  A code editor with a live preview, right next to each quest. Write HTML, CSS and JavaScript and watch it run.

Questions