Joke Teller

Description

Exercice Project of ZTM Cours on Udemy (JavaScript Web Projects: 20 Projects to Build Your Portfolio) and my experimental extensions and modifications. 😸

Programming in vanilla js

Originally, a different Text-to-Speech-API was used in the exercise project (Voice RSS Text-to-Speech JavaScript SDK). This is basically free for limited use, but you have to make an API_KEY public in a “vanilla js” project. This is of course not the case. So another API was used to release project on GitHub page.

Project structure

.
├── css/
│   └── style.css
├── images/
│   ├── robot1.gif
│   └── robot2.gif
├── js/
│   └── script.css
└── index.html

GitHub Page

View Live

Useful references

• w3schools: JavaScript Tutorial
• mdn: Web APIs
• javascript.info

Topics

• Fetching of JokeApi here or here
• Use of Text-to-Speech-API (SpeechSynthesis) here
  • SpeechSynthesisUtterance here
  • Speech synthesiser demo here
  • stackoverflow article here