Joke telling bot web app

user profile photouser profile photouser profile photo353 developers have joined this project.

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! 🙂
Demo.gif

Suggested Implementation

  • This project can be implemented as a web app using any front-end stack (e.g. Vanilla JavaScript, React, Angular, Vue.js).

Hit a programming wall?
Get help from our mentors

  • Post request free
  • First 15 mins free

Suggested languages and frameworks

AngularReactJavaScriptVue.js

Difficulty

medium

Contributed by

Full-stack Web Developer

Interested in this project?

Shorten your learning curve with on-demand programming help

The awesome set of verified mentors will provide guidance and mentoring help when you are stuck.

Suresh Atta

  • Post request free
  • First 15 mins free
Shorten your learning curve with on-demand programming help

Browse more projects

More coming soon...