TypePulse ⌨️

See your typing DNA — A smart typing analyzer with real-time keyboard heatmap visualization.

Features

• Real-Time Keyboard Heatmap — Watch your keyboard light up as you type, revealing your key usage patterns
• Typing Speed Analysis — WPM, accuracy, and consistency tracking with live updates
• Finger Usage Distribution — See which fingers do the heavy lifting
• Slowest Keys & Pairs — Identify your typing bottlenecks
• WPM Timeline — Beautiful sparkline chart showing speed over time
• Multiple Modes — Quotes, Code snippets, and Free typing
• Session History — Track your progress across sessions
• Zero Dependencies — Pure vanilla HTML/CSS/JS, no frameworks needed

Tech Stack

• Single HTML file (~600 lines)
• Vanilla JavaScript (no libraries)
• SVG keyboard rendering
• Canvas sparkline charts
• CSS Grid layout with glassmorphism design
• LocalStorage for session persistence

Live Demo

🔗 typepulse.vercel.app

How It Works

1. Select a mode (Quotes, Code, or Free Type)
2. Click the text area and start typing
3. Watch the keyboard heatmap evolve in real-time
4. Review your analytics: WPM, accuracy, finger distribution, slow keys
5. Track improvement across sessions

Inspiration

Built as part of the Daily Webapp challenge, inspired by:

• Developer productivity tools trending on Hacker News
• Keyboard analytics and typing optimization communities
• Data visualization trends (D3.js, recharts)
• Gamification approaches to skill building

License

MIT — Do whatever you want with it.

---

Built with ❤️ by Surya Midde | AI-assisted with Claude Code