๐ Typing Speed Test
A clean and interactive Typing Speed Test Web App built using HTML, CSS, and JavaScript. This project measures your typing speed (WPM), accuracy, mistakes, and typed characters with real-time updates.
๐ธ Preview
The interface includes: A typing passage
Timer control (15s / 30s / 60s)
Real-time WPM & accuracy
Mistakes counter
Best WPM saved with localStorage
Reset & Next Passage buttons
๐ Project Structure
project-folder/
โ
โโโ index.html โ Main HTML file
โโโ style.css โ UI styles
โโโ script.js โ Typing logic + stats + timerโจ Features โ Real-time Typing Metrics
Words Per Minute (WPM)
Accuracy percentage
Characters typed
Mistakes count
โ Timer Options
Choose between:
15s
30s
60s
โ Intelligent Typing Guide
Current character highlighted
Correct = green
Wrong = red
โ Best Score Saved
Automatically stores your Best WPM in localStorage.
โ Responsive UI
Looks clean on mobile & desktop.
๐ ๏ธ How to Use
Open index.html in any browser.
Click Start.
Begin typing in the text area.
Watch live WPM, accuracy, and mistake stats.
Click Reset to restart.
Click Next passage to load a new sentence.
๐ฆ Installation (Bash Terminal Style)
Clone the repository using:
$ git clone https://github.com/yourusername/typing-speed-test.gitMove into the folder:
$ cd typing-speed-testOpen the project (Explorer / Finder / VS Code):
$ code .Now open:
index.html
No setup, no dependencies โ just open and run.
๐งฎ WPM Formula (How It Works) WPM = (Correct Characters / 5) / (Elapsed Time in Minutes)
Accuracy:
Accuracy = (Correct Characters / Total Typed Characters) ร 100
๐งโ๐ป Technologies Used
HTML5
CSS3
Vanilla JavaScript
LocalStorage API
๐ License
This project is open-source and free to use or modify.
โค๏ธ Contributing
Feel free to open issues or submit PRs with improvements.