This is a submission for the AssemblyAI Challenge : Really Rad Real-Time.

What I Built

I made a fun math game for kids with math flashcards. Kids answer by speaking, and the game uses AI Powered Speech Recognition to check their answers.

It has three levels of difficulty and a setting to turn sound effects on or off.

Demo

Live: https://mathwave.vercel.app

Journey

I had fun hacking this one out. Initially setup most of the game using the native browser Speech Recognition API. That was an eye opener as I noted:

• The recognition was rather poor. I assumed it was my voice so I had other people try it out. They too, seemed to end up frustrated as it was failing to recognize the right answer.
• A lot of code and handling of edge cases was required
• Results are not consistent across browsers. (ahem...Safari 😅)

Then came AssemblyAI to the rescue 🛟 🌊
The (HUGE) difference:

• Very easy to setup, very few lines of code
• Consistent experience across browser
• Awesome speech recognition from kid's voices to adult voices, even where it was a bit noisy 🔥

Oh...and the Docs and Cookbook were on point 🙂 I found a perfect example pretty close to what I wanted to do here

I simply followed this example to come up with the code that transcribes the answers by voice

The rest of the Source Code can be found here:

• https://github.com/nadchif/mathwave-ui

Price categories

• Really Rad Real-Time