What you will practice
You'll practice how to use the Web Speech API and fetch data from it. Through this project, you'll learn how voice assistant APIs work with web apps and apply your skills to real-world products (i.e. Voice Assistant services like Google Assistant, Amazon Alexa, Apple Siri, etc).
Introduction
Whether it's smartphones, cars, or speakers, voice assistants are becoming more and more integral to our everyday lives. Not only so, voice assistants are gaining traction in companies to help streamline operations like Customer Service. In this project, you'll build a full-fledged Joke telling robot web app using Web Speech APIs, which can be applied to both web apps and mobile apps.
Requirements
- Set up a React App (vanilla JS or your favorite framework works too)
- Create a button for the user to generate a random joke
- Once the button is clicked, the website will tell the user a random joke
- Allow the user to change the language and/or accents of the voice assistant
For an extra challenge
- Allow the user to hear a joke simply by pressing 'J'
- Allow the user to hear a joke by saying 'Tell Me A Joke' to the voice assistant
Here is an example UI for this project but you're welcome to make any changes you'd like! 🙂