Round 2 improvement

⌨️ Typing Pulse Visualizer

An interactive web-based project that converts keyboard input into dynamic visual animations along with real-time audio feedback. The project enhances user interaction by combining typing activity with responsive visuals and sound generation.

🚀 Features

• 🎹 Real-time typing sound effects using Web Audio API
• 🎨 Dynamic animated visual patterns reacting to typing
• 📊 Live typing statistics (WPM, key count, typing style)
• 🔊 Frequency-based sound variation per key press
• 🌐 Responsive UI with modern neon-glass styling
• ▶️ Start button to initialize audio context (browser compliant)

🛠️ Technologies Used

• HTML5
• CSS3
• JavaScript (Vanilla JS)
• Web Audio API
• Canvas API

🎯 Improvements Made (Round 2)

• Added interactive audio feedback triggered by keypress events
• Implemented frequency-based sound generation mapped to keyboard input
• Improved user experience by requiring explicit user interaction to start audio
• Enhanced UI with a modern neon-glass design
• Optimized visual animations for smoother rendering
• Improved button visibility and accessibility

▶️ How to Run

1. Clone the repository
2. Open index.html in any modern browser
3. Click the Start Music button
4. Start typing to see animations and hear sound

🌟 Future Enhancements

• Add background music loops
• Sync visuals more closely with audio frequency
• Add themes (dark/light/neon variants)
• Add export/share typing sessions

📌 Note

Audio will only start after user interaction due to browser autoplay restrictions.

---