Practice Spelling Bees with Spelling Hero

The Scripps National Spelling Bee is America’s longest-running educational competition – its primary goal being to help young people increase the size of their vocabulary through practice and a friendly competitive atmosphere. The team behind Spelling …


This content originally appeared on DEV Community and was authored by Kevin Lewis

The Scripps National Spelling Bee is America's longest-running educational competition - its primary goal being to help young people increase the size of their vocabulary through practice and a friendly competitive atmosphere. The team behind Spelling Hero wanted to simulate this great educational experience in the browser. I sat down with Judah Daniels, Leon Zhang, Saksham Shah, and Saomiyan Mathetharan to ask them about their project.

Spelling Hero is a spelling bee simulator to emulate the experience of participating in a spelling bee competition. Users select a difficulty level, and the browser speaks a word aloud. Players then have to spell out the word to complete the level.

Easy mode. Word 1 of 5 with a score of 1. The word 'answer' is in green and displayed as correct. Several buttons read start spelling, repeat word, definition, language of origin, type of word, and example of sentence.

Spelling Hero's data was manually curated in this first version, and each word also includes a definition, origin, type, and a sample sentence - all options given to spelling bee participants.

The team used the Deepgram Speech Recognition API to understand a user's voice input, basing their code on our Browser Live Transcription tutorial. The user interface was built with P5.js (see our P5.js tutorial here), and you can check out the code on GitHub.


This content originally appeared on DEV Community and was authored by Kevin Lewis


Print Share Comment Cite Upload Translate Updates
APA

Kevin Lewis | Sciencx (2022-04-05T14:14:17+00:00) Practice Spelling Bees with Spelling Hero. Retrieved from https://www.scien.cx/2022/04/05/practice-spelling-bees-with-spelling-hero/

MLA
" » Practice Spelling Bees with Spelling Hero." Kevin Lewis | Sciencx - Tuesday April 5, 2022, https://www.scien.cx/2022/04/05/practice-spelling-bees-with-spelling-hero/
HARVARD
Kevin Lewis | Sciencx Tuesday April 5, 2022 » Practice Spelling Bees with Spelling Hero., viewed ,<https://www.scien.cx/2022/04/05/practice-spelling-bees-with-spelling-hero/>
VANCOUVER
Kevin Lewis | Sciencx - » Practice Spelling Bees with Spelling Hero. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2022/04/05/practice-spelling-bees-with-spelling-hero/
CHICAGO
" » Practice Spelling Bees with Spelling Hero." Kevin Lewis | Sciencx - Accessed . https://www.scien.cx/2022/04/05/practice-spelling-bees-with-spelling-hero/
IEEE
" » Practice Spelling Bees with Spelling Hero." Kevin Lewis | Sciencx [Online]. Available: https://www.scien.cx/2022/04/05/practice-spelling-bees-with-spelling-hero/. [Accessed: ]
rf:citation
» Practice Spelling Bees with Spelling Hero | Kevin Lewis | Sciencx | https://www.scien.cx/2022/04/05/practice-spelling-bees-with-spelling-hero/ |

Please log in to upload a file.




There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.