This single-page web app, built with vanilla JavaScript, HTML, and CSS, measures how fast and accurately you type. It displays a random passage, tracks every keystroke in real time, and instantly calculates:
Words per minute (WPM)
Characters per minute (CPM)
Accuracy% (correct vs. total keystrokes)
Time elapsed
When the timer ends or the passage is finished, detailed results and personal-best stats are shown, with an option to restart or copy your score.
| Step | What to Do | What You’ll See |
|---|---|---|
| 1. Start the test | Press Start (or hit Enter) | The timer begins, and the first word is highlighted |
| 2. Type naturally | Type the passage exactly as shown. Correct letters turn green; misspellings turn red | Immediate visual feedback keeps you on track |
| 3. Finish or timeout | When you reach the last character or the timer (default 60s) hits zero | Auto-scrolls to the results panel |
| 4. Review & share | See WPM, CPM, accuracy, error list, and a personal leaderboard in localStorage | Copy your score link or click Restart to try again |
| Benefit | Why It Matters |
|---|---|
| Instant skill feedback | See speed and accuracy the moment you finish—no page reloads. |
| Error awareness | The real-time color-coding trains your eyes to spot and correct mistakes quickly. |
| Progress tracking | LocalStorage stores your last 10 scores, motivating continuous improvement. |
| No sign-up, no ads | Runs entirely client-side; nothing is sent to a server, preserving privacy and loading fast, even offline via PWA caching. |
| Open-source & customizable | Fork the repo, adjust the word list, themes, or add multiplayer mode—great for portfolio pieces or classroom demos. |
| Responsive & accessible | Works smoothly on phones, tablets, and desktops, with ARIA labels and keyboard-only navigation for accessibility compliance. |
Students honing touch-typing before exams.
Developers warming up their fingers before a coding session.
Data-entry professionals measure productivity goals.
Teachers/trainers are embedding the widget in LMS platforms.
Gamified challenges on community sites—public leaderboards boost engagement.
| Last Update | 05 Jun, 2025 |
| Created | 18 May, 2025 |
| Technology Used | Html Css Javascript |
| Compatible With | Any Browser |
| Documentation | No |
| Layout | Responsive |
| Total Download | 9 |
| Total Views | 20 |
| Tags | Typing Speed Test JavaScript Typing Test WPM Tester Code Typing Game Free Online Typing Test Open Source Typing Project Typing Accuracy Learn Touch Typing Web Development Mini Project HTML CSS JS Typing App |
