CONFIDENTIAL  ·  INTERNAL

Teachers
/Log

Sunday Claude Code classes · Gael & Ivan · Dad's playbook
// Now playing

Week 01 — Build something local. This Sunday.

Week
01
Date
May 17
Status
Live
Chapter 01
Status
Where things stand. Update this column after each Sunday.
01
Live — Week 01 Gael · 9 · iMac Ivan · 16 · MacBook Next — Week 02 · GitHub
This Sunday's plan in one line: open Terminal once, make the Sites folder, hand off to Claude Code, build a local project. No GitHub. No deploy. Just the satisfaction of seeing something they built on their own screen.
  • Deck for class: hectorsigala.com/kids-training/wk1/ · 20 slides · ~12 min walkthrough · (Week 2 deck: /wk2/)
  • Local notes folder: ~/Sites/kids-training/ · markdown source of this page
  • Each kid: own machine, own Sites folder, own $20/mo Claude Code Pro plan
Chapter 02 · 2026-05-17
This Sunday's plan
One-hour session. Both boys leave with a real thing they built sitting on a local URL they can open. That "I made this" moment is the whole point of week 1.
02
// Order of the hour
0:00–0:10

Walk the deck together

Open hectorsigala.com/kids-training/wk1/ on the iMac screen. Slides 1–15: concept, safety, one-app, terminal mini-lesson, folders, prompting, plan-vs-auto, approvals, CLAUDE.md. ~12 min.

0:10

Each kid sets up their CLAUDE.md

Paste the kid CLAUDE.md (slide 15 of the deck) into Claude Code. Save to ~/Sites/CLAUDE.md on each machine.

0:15

Split

Gael starts 30 min on Code.org Course D. Ivan starts his Homework Tracker in Claude Code.

0:45

Gael switches to Claude Code

Gael starts his "All About Me" page on the iMac.

1:00

Show & tell

Each kid opens their site and walks the other through it. Take screenshots.

// Per-kid plans
🖥️ Gael · iMac · 30 min

"All About Me" page

~/Sites/all-about-me/

A page with his name in giant letters, a grid of favorite things with pictures, a photo of him.

// The prompt (he says it, you help him type)
"Make a new project called all-about-me in my Sites folder. Make a website that says my name is Gael in big letters at the top. Below that, make a grid of my favorite things with pictures. My favorite Pokémon is [X], my favorite Minecraft mob is [Y], my favorite food is [Z]. Use [color] as the main color. Also create an images/ folder so I can drop a picture of myself in there, and use it on the page next to my name."
// Build steps
  1. Open the Claude Code app on the iMac
  2. First time only: save the kid CLAUDE.md to ~/Sites/CLAUDE.md
  3. Paste the prompt above
  4. Approve commands as Claude asks (mkdir, write file — all safe per slide 14)
  5. Open the local URL Claude gives him — see the page
  6. Drop a photo into images/ via Finder, tell Claude the filename, refresh
// Stretch if time
  • Add a button that changes the background color when clicked
  • Add a click counter to his favorite Pokémon card
// "Done" looks like

He opens the local URL and sees HIS name, HIS favorite things, HIS photo. Screenshot. Show Mom.

// Then 30 min on Code.org

Course D — studio.code.org/s/coursed-2023. Pick up where he is. If brand new, start at Lesson 1 (Sequencing). Just make progress.

💻 Ivan · MacBook · 60 min

Homework tracker

~/Sites/homework-tracker/

Single-page tool he'll actually use Monday morning. The point: feel the magic of Claude Code building something real, not a toy.

// The prompt
"Make a new project called homework-tracker in my Sites folder. Build a single-page homework tracker. I should be able to add an assignment with a subject, title, and due date. Show them grouped by due date with the closest ones at the top. Let me check them off when I'm done. Save everything to localStorage so it persists. Make it look clean — dark background, monospaced font for dates."
// Build steps
  1. Open the Claude Code app on his MacBook
  2. First time only: save the kid CLAUDE.md to ~/Sites/CLAUDE.md
  3. Paste the prompt above
  4. Approve commands as Claude asks
  5. Open the local URL — try adding 3 real assignments from this week
// Push him on
  • "What happens if you close the tab and come back?" (tests localStorage)
  • "Can you delete an assignment you added by mistake?"
  • "Make assignments due today turn red. Due this week yellow. Later gray."
// Stretch
  • Filter: hide done assignments by default, toggle to show
  • Count at the top: "3 due this week, 1 overdue"
// "Done" looks like

He adds a real homework assignment, closes the tab, reopens the page — it's still there. No GitHub or deploy today. That's next week.

// After class
Fill in after the session:
  • Gael shipped: (write in)
  • Ivan shipped: (write in)
  • What to revisit next Sunday: (write in)
Chapter 03 · 2026-05-24
Next Sunday — Week 02
Preview of where we're going next.
03
  • Recap their local projects from this week
  • GitHub: what it is, why it matters, set up their personal repos under each kid's GitHub account
  • Vercel: put one of their projects on the real internet
  • Each kid leaves with a public URL they can text to grandma
Chapter 04
Project Ideas Bank
Running list. G = good for Gael (9), I = good for Ivan (16), G+I = works for both.
04
Personal sites & pages
All About Me page G

Hero with name, favorite-things grid, photo. Week 1 starter for Gael.

Family birthday tracker G+I

List of birthdays, highlights the next one coming up.

Sticker book G

Grid of cards (Pokémon, sports, Minecraft) with a "show only legendary" filter.

Personal portfolio I

Bio, what he's working on, school stuff, contact links. Good once he wants a corner of the internet that's his.

Collection display G+I

List of music / books / shows / games with ratings, notes.

Tools that solve a real annoyance
Homework tracker I

Add assignment + due date, group by date, localStorage. Week 1 starter for Ivan.

Chore tracker G+I

Weekly checklist, points/streak counter.

Allowance tracker G+I

Money in/out, current balance, savings goals.

"What should I eat?" randomizer G+I

Family favorites list, hit a button, get a pick.

Driving log I

For when Ivan starts driving — track hours, weather, who supervised.

Reading log G+I

Books read, pages this week, star ratings.

Games
Clicker game G

Cookie clicker with custom theme. Click → increment → upgrades → big numbers.

Magic 8-Ball G

He writes his own funny answers.

Soundboard G

Buttons that play fart noises / favorite quotes / sound effects.

Rock-paper-scissors G

With his face on the buttons.

Whack-a-mole G+I

Custom theme. Harder version for Ivan with score/lives/levels.

Typing test I

Timer, WPM count, accuracy %, leaderboard via localStorage.

Memory match G+I

Flip cards, find pairs. Harder version for Ivan with grid-size selector.

Snake I

Classic. Good intro to game loops + collision.

Quiz app I

He writes questions for a school subject; app shuffles, scores, tracks history.

Useful real-data tools
Weather page for our city G+I

Live weather, current + week ahead. Light intro to fetch.

Sports stats dashboard G+I

Favorite team. Latest score, schedule, standings.

"Is it pizza Friday?" G

Silly. Introduces "code that knows what day it is."

YouTube channel stats I

Pick a creator, show subscriber count, recent uploads.

Stretch ideas — later weeks
Discord-style chat UI I

Frontend only, fake messages. Introduces componentized thinking.

Twitter/X clone I

Mock posts. Same idea as above.

Drawing pad G

Mouse-driven canvas. Etch-a-Sketch energy.

Spotify-style player UI I

Looks like a player, plays one song he picks. CSS-heavy.

Family wall G+I

Shared notes/messages list. Backend territory — save for after localStorage week.

Internal · Teachers log · Not indexed
→ All decks & resources