A modern and interactive Typing Speed Test web app built using Flask, HTML, CSS, and JavaScript.
Test your typing speed, accuracy, and performance with a clean UI and real-time feedback.
- ๐ Random typing passages (API-based)
- โฑ Multiple time modes (15s, 30s, 60s, 120s)
- ๐ Live stats:
- WPM (Words Per Minute)
- Accuracy
- Errors
- Time elapsed & remaining
- ๐ฏ Real-time character highlighting
- ๐ข Correct letters
- ๐ด Incorrect letters
- ๐ Progress bar
- โณ Animated countdown timer
- ๐ Final result modal with ranking system
- ๐ Retry same passage or start new test
- โจ๏ธ Press Tab to restart instantly
- Backend: Python (Flask)
- Frontend: HTML, CSS, JavaScript
- Fonts: Google Fonts (Syne, JetBrains Mono)
typing-speed-tester/ โ โโโ app.py โโโ templates/ โ โโโ index.html โโโ README.md
git clone https://github.com/your-username/typing-speed-tester.git
cd typing-speed-tester
pip install flask
python app.py
- Select a time mode (15s / 30s / 60s / 120s)
- Click on the input box and start typing
- Timer starts automatically on first keystroke
- Track your performance in real-time
- View final results and ranking after completion
| WPM Range | Rank |
|---|---|
| < 20 | ๐ข Beginner |
| 20โ40 | ๐ถ Average |
| 40โ60 | ๐ Good |
| 60โ80 | โก Fast |
| 80โ100 | ๐ Expert |
| 100+ | ๐ Elite |
- ๐ Deploy online (Render / Railway)
- ๐พ Save scores (database)
- ๐ค User login system
- ๐ Leaderboard
- ๐จ Light/Dark theme toggle
This project is open-source and free to use.
Prathiksha