I built a free game to practice Chinese

Hey everyone 👋

I’ve been looking for a more fun way to practice Chinese beyond flashcards — something that actually feels like a game.
So I built this: TypingMandarin.com.

It’s a free site where you can learn Chinese by typing and playing — you listen to short Chinese sentences (by HSK level), type what you hear, and get instant feedback on tones and pinyin. There’s also a “shadowing mode” to practice speaking along, plus little challenges that make it feel more like a rhythm game than a test.

I made it to help myself stop passively listening and start interacting with the language — and it’s been surprisingly addictive 😅
Sharing here in case anyone else wants to try learning Chinese with games instead of just flashcards.

👉 https://typingmandarin.com

Would love any feedback or ideas for new game modes!

Hi, thanks for the nice resource! Overall it seems to work as expected. There is, however, one bug (?) that does make the experience a bit harder for me and that is the auto advancing of the slide before I have a chance to listen and then type my answer. This happens consistently on Safari after I hit "Submit Answer", see that I got it correct, and then hit the "Next Step" arrow to go to the next slide: the slide advances and starts the next audio, but then a moment later before the new audio has even finished playing, the slide advances again. I think this is due to the "Submit Answer" button async scheduling the "Next Step" action to automatically run after some time/event, but does not cancel the scheduled action if the user manually hits "Next Step" first (e.g. by calling `clearTimeout()` if the work was originally scheduled using `setTimeout()`, etc). Anyways, just my $0.02. Thanks again!