Typing Test

Welcome to the Typing Test app! This is a simple, fast, and fun way to check your typing speed and accuracy.

What is this?

This web app gives you a random word set to type. As you type, it shows your words per minute (WPM) and accuracy in real time. You can choose different modes and limits, restart the test whenever you want, and see your results at the end.

Files

• index.html - The main webpage layout.
• styles.css - All the colors, fonts, and design.
• script.js - The logic that makes everything work.

Features

• Multiple Difficulty Levels: Beginner, Intermediate, Advanced, or Code word pools
• Random words every test
• Live WPM and accuracy stats
• Time or word-count modes (15/30/60/120s or 10/25/50/100 words)
• Punctuation and numbers toggles
• Two themes: serika and ocean
• Animated typing prompt inspired by the React Bits TextType effect
• Easy restart and "Try Again" buttons

Text effect

The app includes a lightweight vanilla JavaScript TextType effect above the test. It cycles through short practice prompts, uses a blinking cursor, supports variable typing speed, and fades away while a test is active so it does not distract from typing.

This project is still a static HTML/CSS/JS app, so no React, Tailwind, or GSAP build setup is required.

How to use

1. Download or clone this folder.
2. Open index.html in your browser.
3. Start typing! The timer starts automatically.
4. When time runs out or you finish the text, see your results.
5. Click "Restart" or "Try Again" to play again.

Ideas for the future

• Progress tracking and statistics over time
• Custom time settings
• Sound effects and themes
• Multiplayer racing mode
• More specialized text categories (literature, technical, etc.)

Enjoy