🎤 VoiceMath ➕
VoiceMath is an interactive and engaging math quiz application designed to improve mental math skills 🧠 . Using voice recognition, real-time speech-to-text, and speech synthesis, users can answer math questions hands-free and enhance their problem-solving abilities in a fun and innovative way. 🎉
✨ Features 🚀
- 🎙️ Voice Recognition: Answer questions using voice commands effortlessly.
- 🔊 Real-time Speech-to-Text: Powered by AssemblyAI for accurate voice input processing.
- 🗣️ Speech Synthesis: Questions are read aloud for an immersive experience.
- 🧮 Dynamic Quiz Generation: Each session generates fresh, random math questions.
- 🏆 Progress Tracking: Displays current scores and tracks your highest achievements.
- 🎨 Animations & Visual Effects: Enjoy interactive UI elements and confetti celebrations!
- 📱 Responsive Design: Optimized for desktops, tablets, and mobile devices.
🛠️ Technologies Used
- 💻 Frontend: React.js, Next.js, TypeScript
- 🎨 Styling: Tailwind CSS, Framer Motion
- 🎙️ Speech API: AssemblyAI Real-time Speech-to-Text API
- 🔧 Utilities: Custom Hooks for Local Storage and Speech Recognition
- 🧩 UI Components: Reusable cards, buttons, and progress bars
🎮 How to Play
- 🎤 Click the Start Recording button to enable voice recognition.
- 🗣️ Listen to the question or read it on the screen.
- 🧠 Answer aloud, and your response will be transcribed in real-time using AssemblyAI.
- ✅ Receive instant feedback and move to the next question.
- 🏁 Complete all questions to view your score and set a high score!
💖 Acknowledgments
- 🎯 Inspired by the idea of combining math practice with voice technology.
- 🌟 Special thanks to AssemblyAI for their reliable real-time speech-to-text API.
- 🙌 Huge shoutout to contributors and open-source libraries like Framer Motion and Tailwind CSS.
🌟 Feel free to explore, enjoy, and share VoiceMath! 🎓
Keywords
Math
Design
Tools
Coding
Development
Game
Ai
Assmbly AI
Speech-to-Text
Tech
Next.js
React.js