A fun, interactive typing application designed for kids with sound effects, text-to-speech, and visual feedback. Built with Vue 3 and modern web technologies.
- Start typing in the input field at the bottom
- Hear each letter as you type (if speech is enabled)
- Press Enter to complete a line and hear it spoken
- View your history in the scrolling area above
- 🎵 Sound Toggle - Enable/disable keystroke sounds
- 🗣️ Speech Toggle - Enable/disable text-to-speech
- 🔄 Auto-Speak Toggle - Automatically speak completed lines
- ⇪ Caps Lock - Force uppercase typing
- Click any completed line to hear it spoken again
- Watch progressive highlighting as words are spoken
- Scroll through your typing history
- Desktop browsers - Full speech synthesis support
- Mobile browsers - Limited but functional
- macOS Safari - Requires user interaction for speech
- Real-time typing with visual feedback
- Sound effects for each keystroke
- Caps Lock mode for uppercase typing
- Auto-scroll to keep content in view
- Letter-by-letter speech as you type
- Line-by-line speech when you press Enter
- Historical line playback - click any completed line to hear it spoken
- Progressive highlighting - see words highlight as they're spoken
- Cross-platform compatibility - works on macOS, Windows, and mobile
- Modern, clean interface with smooth animations
- Responsive design that works on all devices
- Accessibility features for inclusive use
- Customizable themes and styling
- Intuitive controls with clear visual feedback
- Hover effects and smooth transitions
- Keyboard navigation support
- Mobile-friendly touch interactions
Made with ❤️ for kids learning to type!