← back
READ THE CARD!

READ THE CARD!

Live

Baseball stat literacy for kids — built with my son

Started: July 12, 2026 · ~3 evenings with my son

AI:Claude Code
Stack:Next.jsReact 19TypeScriptPythonVercel

Stat literacy for kids ages 8–12, built with my son to learn baseball stats together. Three surfaces under one umbrella: Scout's Guide — a 44-page printable picture book where Scout the talking baseball explains every stat on a baseball card accurately per official MLB rules; a five-level quiz game where every answer comes with a Coach's Corner explaining the why; and the Clubhouse app — a Daily Pitch question with a streak that freezes instead of resetting (never shames), a card Binder, and Your Own Card computed from your season stats. Kid-safe by design: no accounts, no ads, no timers — progress lives on the device. Positioning is deliberate: think like a GM, never 'math practice.'

// screens

READ THE CARD! — screen 1
1 / 4

// highlights

  • Built spec-first — PRD + content/design/build specs before any code, with acceptance gates per milestone ('change the spec first, then the book')
  • 44-page print-ready book generated by a Python build script from markdown manuscript — accuracy checklist passed against official MLB rule definitions before layout
  • Three-coaches pedagogy — Grandpa Lou, The Lab, and The Manager each hand the same stat to a different kind of thinker
  • Daily Pitch streak that can only grow or freeze — a missed day pauses it, never resets it; motivation without shame for the 8–12 audience
  • COPPA-aware from day one: no accounts, no ads, no timers, progress stays on-device
  • Four surfaces on one static Vercel deploy — landing hub, book, quiz game, and the Next.js Clubhouse app — zero serverless functions, so there's no bill for bots to run up

// takeaways

  • Kids' products clarify product thinking fast: every dark pattern you'd tolerate for adults (streak resets, timers, accounts) becomes obviously wrong when the user is eight.
  • Print is a real target: markdown manuscript → generated HTML → print-to-PDF kept content editable and layout reproducible — the same docs-as-code discipline as any spec.
  • Building WITH your kid beats building FOR them — the quiz levels and coach voices came from what actually made him care about the stats.

Alexander Lee · AiPM · 2026

built with claude code + next.js