TypeFlow - Typing Speed Test

A beautiful, modern, and engaging typing speed test built with HTML, CSS, and JavaScript.

Features

• Modern UI: Stunning dark theme with neon accents and glassmorphism design.
• Dynamic Animations: Smooth caret movement, floating background blobs, and interactive elements.
• Customizable Duration: Test your typing speed in 15s, 30s, or 60s intervals.
• Real-time Statistics: Live updates for Words Per Minute (WPM), accuracy, and time remaining.
• Detailed Results: Comprehensive breakdown of your performance including correct vs incorrect keystrokes.
• Infinite Typing: Seamlessly loads new text if you reach the end of a paragraph.

Project Structure

typing-speed-test/
│
├── index.html       # The main HTML layout
├── css/
│   └── style.css    # Styling, animations, and theme
├── js/
│   ├── script.js    # Core typing logic and DOM manipulation
│   ├── paragraphs.js# Array of text passages
│   └── timer.js     # Standalone timer class
└── README.md        # Project documentation

How to Run

1. Clone or download this repository.
2. Open index.html in any modern web browser.
3. Start typing to automatically begin the test!

Built With

• HTML5
• CSS3 (Variables, Flexbox, Grid, Animations, Backdrop-filter)
• Vanilla JavaScript (ES6 modules, DOM manipulation)