BlinkType is a modern, gamified typing speed test application built with React and TypeScript. It provides real-time feedback, visual performance analytics, and a responsive user experience across difficulty levels.
- ⌨️ Real-time Typing Engine with WPM, accuracy, and time tracking
- 🧠 3 Difficulty Levels – Sprint, Flow, and Marathon
- 🎉 Live Visual Feedback – animated character responses and particle effects
- 🔊 Audio Feedback System using Web Audio API and a custom React hook
- 📊 Analytics Dashboard – WPM history, accuracy trends, and performance badges
- 🏆 Persistent Leaderboard stored using LocalStorage
- 🌗 Dark/Light Theming with smooth transitions
- ✅ Accessibility First – Full keyboard navigation and ARIA support
- 📱 Mobile-Friendly Design
- Frontend: React.js, TypeScript, Vite
- Styling: Tailwind CSS, Radix UI
- Audio: Web Audio API, custom
useSound
hook - State & Forms: React Hook Form, Zod
- Animations: Tailwind Animate, Particle Effects
- Data & Persistence: LocalStorage
- Theming:
next-themes
, Dark/Light Support