Games

The homepage grid auto-discovers every folder under app/ that has a page.tsx - no manual registry, no config. Today that's 3 games:

• Spelling Bee (/spelling-bee) - 12 categories (animals, food, colors, transportation, and more), 10 words each. The browser reads each word aloud with the Web Speech API, you spell it back on an on-screen keyboard, and get a score out of 100 with confetti on every correct word.
• Spell (/spell) - a lighter word-building quiz across 2 categories (colors, animals). Tap letters on an on-screen keyboard to spell the word shown, with confetti on completion.
• Coloring Island (/coloring-island) - tap-to-paint fruit outlines (grapes, orange, strawberry, apple, banana) from a 9-color palette, with a bucket cursor and a clear-canvas button.

• Confetti celebration on every correct answer, via canvas-confetti
• Text-to-speech word prompts in Spelling Bee, using the browser's native Web Speech API
• On-screen keyboards with live feedback - keys flash green on a correct letter, wiggle red on a miss
• Auto-discovered game grid - the homepage scans app/ for routable subfolders and renders tiles for whatever exists, so adding a game is just adding a folder
• Per-game favicon and page title set client-side via a shared usePageMeta hook
• Kid-friendly by design - no login, no backend, no ads, no data collection

npm install
npm run dev     # start the dev server at http://localhost:3000
npm run build   # production build
npm start       # run the production build
npm run lint    # eslint

MIT - see LICENSE.