Bilingual (EN + VI) learn & play for grades 1–5 — draw canvas, kids videos, math practice, exams, dress-up, piano. Personalized after name entry. Live at tinykid.us.
Project Overview
Tiny Kid (tinykid.us) is a kid-friendly learning and play platform for grades 1–5. English is the default locale; Vietnamese is fully supported. Children enter a name on the home modal, then practice math, take exams, watch kids videos, draw, dress-up, and play games — designed as an installable web app (Add to Home Screen).
Role & Delivery
End-to-end product: information architecture by grade, content packs, audio generation scripts, bilingual UI, and production hosting.
Core Capabilities
- Math practice — Live drills (e.g. 1-digit addition) with progress, Check, and grade label
- Times tables — View answers or quiz mode per table 1–10
- Test / exam — Mixed, Math, Reading, Writing review & exam; Math exam with name, grade, level, question count
- Draw & paint — Free canvas with brush, erase, stickers, backgrounds, colors, save/print
- Learn to draw — Step-by-step guides (house, car, bicycle, family, park)
- Dress-up — Hair, shirt, pants, shoes, hat color picker
- Kids videos — YouTube sing-along playlist (49 songs)
- Piano / Games — Interactive keys + song highlight; animal match and more
Technology Stack
| Layer | Choices |
|---|
| App | Next.js 14, React, TypeScript, Tailwind CSS |
| UI | shadcn/ui, Lucide, Baloo 2 + Nunito |
| AI / audio | Groq (stories + writing check), Google Cloud TTS |
| Content | Grade packs under src/data/grades/{1–5} |
Screenshots
Detail views after entering a student name (Mia).
Outcome
A production bilingual learn-and-play site used by families — live at tinykid.us.