This spelling game was built HTML5, CSS, Twitter Bootstrap, jQuery, AJAX, the Web Speech API, the Google Translate API, and the MediaWiki API. The game was designed for use on a dekstop.
Opening Screen
Sample Word
The game is set to randomize the missing letter such that the player may get the word "snake" again but this time with another letter missing. On the left hand side, the player can hear the pronounciation of the word in English using the WebSpeech API.
Incorrect Response
If an incorrect response is selected, a red X appears over the incorrect letter. However, the player is still able to try again and choose from the remaining two letters.
Correct Response
When the correct letter is chosen, the word is shown completed. The app translates the word using the Google Translate API and displays audio recordings of the Spanish, French, and Mandarin translations which are spoken using the WebSpeech API formatted to speak with the proper accents. On the right hand side, the introductory portion of the Wikipedia page is displayed using the MediaWiki API. Clicking the Learn More button takes the player directly to the Wikipedia page.
Wikipedia Page
