Vibe coded web app #3: Practicing Chinese tones

September 09, 2026

NOTE: this is a Codex-generated blog post and app:

I added another small Mandarin study tool to the site: Tone Garden (lol, not a fan of the name, tbh), a browser game for practicing the tones of simplified Chinese words.

The game shows a word and asks for its pinyin or tone numbers. For example, for 白色, you can enter bái sè, bai2 se4, or simply 24. After each answer, it shows the pronunciation, English meaning, and an example sentence, with audio when a Mandarin browser voice is available.

There is also a character review mode where you can choose a syllable like shi and compare characters across tones, then listen to their source words for context.

Try it here: Tone Garden — Chinese tones study game. It runs in your browser with no account required.