Speed-Typer

Speed Typer - Typing Speed Test Application

A modern, feature-rich typing speed test application built with vanilla JavaScript, HTML, and CSS.

Features

• Real-time WPM (Words Per Minute) calculation
• Accuracy tracking
• Multiple difficulty levels
• Adjustable test duration (30s, 60s, 120s)
• Different typing modes:
  • Normal Mode
  • Zen Mode with focus features
  • Game Mode with achievements
• Dark/Light theme support
• Typing pattern analysis
• Local leaderboard
• Achievement system
• Keyboard sound effects
• Responsive design

Setup

1. Clone the repository

git clone https://github.com/your-username/typing-speed.git
cd typing-speed

2. Open index.html in a modern web browser

No build process or dependencies required!

Usage

• Select your preferred difficulty level and test duration
• Click into the text input area and start typing
• The test begins automatically when you start typing
• View your results when the timer ends
• Try to unlock achievements and beat your high scores

Keyboard Shortcuts

• Cmd/Ctrl + R: Restart test
• Cmd/Ctrl + T: Toggle theme
• Esc: Reset current test

Customization

Adding New Texts

Edit data.js to add new sample texts:

const sampleTexts = {
  easy: [
    {
      id: "unique-id",
      text: "Your new text here",
    },
  ],
  // ...other difficulty levels
};

Changing Themes

Modify the CSS variables in styles.css to customize colors:

:root {
  --accent: #00d4ff; /* Primary accent color */
  --bg-primary: #1e1e1e; /* Main background color */
  /* ...other variables */
}

Browser Support

• Chrome (latest)
• Firefox (latest)
• Safari (latest)
• Edge (latest)

Credits

Designed and developed by Ocdeed Codes © 2025