Joke Teller | ZTM JS Web Projects Course

Project 4/20

A fun and interactive web app that fetches random programming jokes and reads them out loud using text-to-speech! 🧠🎙️ Just click the button, sit back, and enjoy the humor.

---

📚 Table of Contents

• 🔎 Overview
  • 📸 Screenshot
  • 🔗 Links
  • 📌 Features
  • 🛠️ Built with
• 🧠 My process
  • 🗃️ Useful resources
  • 🔙 Previous Project
  • 🔜 Next Project
• 👤 Author
  • 🌐 Connect with Me
  • 💻 Coding Profiles

---

🔎 Overview

📸 Screenshot

🔗 Links

• 🔴 Live Demo
• 🗂️ GitHub Repository

📌 Features

• ✅ Fetches random programming jokes using the JokeAPI.
• ✅ Converts joke text to audio using VoiceRSS Text-to-Speech API.
• ✅ Disabled button while audio plays to prevent overlaps.
• ✅ Fully client-side project with clean JavaScript and styling.

🛠️ Built with

• HTML5
• CSS3
• Vanilla JavaScript
• JokeAPI
• VoiceRSS API

---

🧠 My Process

🗃️ Useful resources

• Text-to-Speech API (VoiceRSS)
• JokeAPI
• W3Schools - Audio DOM Reference
• Hiding API Keys On Server

🔙 Previous Project

• Picture in Picture | Project 3/20 → View Repository

🔜 Next Project

• Light & Dark Mode | Project 5/20 → View Repository

---

👤 Author

🌐 Connect with Me

• Instagram
• YouTube

💻 Coding Profiles

• freeCodeCamp
• FrontendMentor
• GitHub

🙌 Thanks for checking out my project! More coming soon. Stay tuned 🚀