SHEET 08 · Web Platforms
ThaiScriptMaster
CEFR-aligned Thai learning platform — 147 routes, a tone-matching rhythm game with a custom Web Audio engine, three.js handwriting recognition, and a Reddit-scale content pipeline
147 routes50,480 comments corpus94 lessons2026liveWeb Platforms
About
A production Thai language learning platform spanning script atlas, SRS, adaptive drills, and social features across 147 routes. Pronunciation playback hits a Google Cloud Chirp 3 HD TTS cache (MD5-hashed MP3s, ~9K strings) generated from 56+ typed data files. A three.js + react-three/fiber canvas teaches handwriting with stroke-order ghosting. Content prioritization is driven by a Reddit ingestion pipeline against r/learnthai — 4,686 posts and 50,480 comments scraped, classified, clustered, and gap-analyzed. Its flagship feature, Tone Hero, turns the five-tone pitch system into the rhythm mechanic itself: syllables stream down tone-coded lanes, charted automatically from the same phonemic parser that drives the rest of the app, with a hand-rolled Web Audio scheduler, daily challenges, and head-to-head multiplayer.
Key features
- 01Tone Hero: a rhythm game where Thai tone contours are the mechanic — syllables stream down five tone-coded lanes, timed by a custom Web Audio scheduling engine
- 02Tone Hero charts auto-generated from the phonemic parser; daily challenges with shareable emoji grids, versus/co-op multiplayer, weekly tournaments
- 03CEFR A1-B2 curriculum: 94 lessons, grammar, drills, graded readers, listening passages
- 04Script atlas: consonants, vowels, tones, clusters, minimal pairs, classifiers, numbers
- 05Three.js + react-three/fiber character drawing with stroke-order ghosting and tracing guides
- 06Google Chirp 3 HD TTS with MD5-hashed MP3 cache scanned across 56+ typed data files
- 07Adaptive engine + SRS for vocabulary, sentences, and cross-skill cards
- 08AI conversation partner (Kru Thai), level-adaptive, via OpenAI + Anthropic SDKs
- 09Interactive 3D phonemic knowledge graph with search, filters, and detail panels (d3-force-3d)
- 10Reddit ingestion pipeline: 4,686 posts / 50,480 comments from r/learnthai — scrape, classify, cluster, gap-analyze, auto-draft replies
- 11366-resource curated media directory with synced-lyric karaoke playback
- 12Drill suite: pronunciation, translation, grammar, dictation, cloze, decode, parallel-text
- 13Admin dashboard: cohort analysis, funnels, reliability, stickiness via Recharts
- 14Phonemic romanization rewritten across the codebase via ts-morph AST passes
- 15Achievements, leaderboard, groups, daily challenges, onboarding flow
Gallery
Nearby
SHEET 01 · Web Platforms
Brettelberg
248 Supabase migrations, four portals, live weather at 10,700 ft, 20+ 3D labs, and a booking engine — built as Director for a 26-unit ski resort
2024live3,645 commits890k loc
SHEET 06 · Web Platforms
no public build · runs locally
Brettelberg Architecture Site
Vanilla HTML/CSS/JS architecture showcase — orbital animations, ERDs, and state machine diagrams for the Brettelberg four-app ecosystem
2024local
SHEET 07 · Web Platforms
no public build · runs locally
HOA Meeting Manager
Production board meeting platform — WebRTC video, live AI transcription, motion voting, CCIOA compliance, and role-specific AI co-pilots
2024local