WordWhisper 🎮

An interactive speech recognition game designed for children to learn and practice vocabulary through fun categories.

Live Demo

Try the game here: Word Whisper Demo

🎯 Features

• Speech Recognition: Hands-free interaction using Web Speech API
• Multiple Categories:
  • Animals (dog, cat, lion, etc.)
  • Numbers (1-11)
  • Cartoons (SpongeBob, Batman, etc.)
• Audio Feedback:
  • Sound effects for correct/incorrect answers
  • Category-specific sounds
  • Item-specific sounds (animal sounds, cartoon themes)
• Progressive Learning:
  • Three difficulty levels (easy, medium, hard)
  • Point system (3, 5, or 10 points per correct answer)
• Kid-Friendly Design:
  • Multiple alternative pronunciations
  • Simple and intuitive interface
  • Visual feedback
  • Responsive design

Getting Started

1. Clone the repository

git clone https://github.com/yourusername/WordWhisper.git

2. Open index.html in your browser
3. Allow microphone access when prompted
4. Click the "Talk" button and start playing!

Technologies Used

• HTML5
• CSS3 (Tailwind CSS)
• Vanilla JavaScript
• Web Speech API
• JSON for data management

🎮 How to Play

1. Choose a category by speaking its name
2. Look at the displayed image
3. Click the "Talk" button
4. Speak the name of what you see
5. Get points for correct answers
6. Complete the category to see your score
7. Choose "Play again" to start over

📝 Requirements

• Modern web browser
• Microphone
• Internet connection

📱 Mobile Support

The game is responsive and works on both desktop and mobile devices.

Acknowledgments

• Web Speech API for speech recognition capabilities
• Tailwind CSS for styling
• All the free sound effects and images used in the game

👨 Author

Created by Valdrin Nasufi