Skip to content

ankeshbit/typing-speed

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

3 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

๐Ÿš€ 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.git

Move into the folder:

$ cd typing-speed-test

Open 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.

About

A fast, interactive Typing Speed Test web app built with HTML, CSS, and JavaScript. Measures WPM, accuracy, mistakes, and more in real-time with a clean user interface.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors