WPM Typing Test

A minimalist, typing speed test application built with Next.js 15.

Features

• Real-time WPM Calculation: Live words-per-minute tracking as you type
• Accuracy Metrics: Precise character-level accuracy percentage
• Minimalist Design: Intentional whitespace, asymmetric layout, refined typography
• Smooth Micro-interactions: 75ms color transitions for visual feedback
• 50-Word Test: Common English words for consistent testing

Tech Stack

• Next.js 15 (App Router)
• TypeScript
• Tailwind CSS
• React Hooks

Getting Started

npm run dev

Open http://localhost:3000 to start testing your typing speed.

Design Philosophy

This application follows "Intentional Minimalism" principles:

• Every element serves a purpose
• Generous whitespace for focus
• Asymmetric layout for visual interest
• Subtle animations for feedback without distraction
• Light font weights for sophistication

Usage

1. Click on the input field or simply start typing
2. Type each word followed by a space
3. Watch your WPM and accuracy update in real-time
4. Complete all 50 words to see final results
5. Click "Restart" to try again