Learn To Build a Voice Controlled Web App By Solving This JS Coding Challenge
Voice controlled software is massive. In 2020, there will be an estimated 4.2 billion digital voice assistants being used in devices around the world.
Modern browsers now come with a speech recognition API. This weeks challenge is to make a basic web app that responds to the voice command “I solved the challenge”.
Jump straight to the challenge by clicking the button below. You will be linked to a Code Sandbox with one failing unit test. Read the README instructions and make the test pass to complete the challenge. Here is a link to some really useful docs.
Code Sandbox tips:
- Sign in and fork the sandbox to edit the code.
- Code Sandbox has Jest test integration so you should immediately see a failing test on the right hand side of the sandbox.
Using vanilla JS running in the latest Chrome browser, complete the challenge so that the web app responses to your voice commands.
- Clicking on the “enable microphone button” enables the computer microphone.
- Once the microphone is enabled, saying the words “I solved the challenge” makes the web app background go green.
There is some basic code to get you started and a single failing unit test. Make the test pass and solve the challenge.
If you enjoyed this, please feel free to subscribe here https://rephrased.substack.com/