TypeFlow

A sleek, feature-rich typing test application built with Next.js and TypeScript, designed to help users measure and improve their typing speed and accuracy.

Features

Core Functionality

• Real-time WPM (Words Per Minute) calculation
• Live accuracy tracking
• Dynamic performance graph
• Multiple test modes
• Customizable test duration
• Instant feedback on typing errors

Test Modes

• Time-based tests (10s, 25s, 30s, 50s)
• Word count modes (10, 25, 40, 50 words)
• Difficulty levels (easy, medium, hard)
• Advanced modes (numbers, punctuation, quotes)

Customization

• Multiple font families:
  • JetBrains Mono
  • Fira Code
  • Source Code Pro
  • Ubuntu Mono
  • System fonts (mono, sans, serif)
• Adjustable font sizes (small, medium, large, xl)
• Optional typing sound effects
• Adjustable volume

Performance Metrics

• Net WPM
• Gross WPM
• Accuracy percentage
• Real-time performance graph
• Character error tracking

Tech Stack

• Next.js 15 (App Router)
• TypeScript
• NextAuth
• PostgreSQL
• Tailwind CSS
• Vercel (Deployment)

Screenshots

User Profile

Settings

Results

Test Results

Usage

• Press any key to start the test
• Type the displayed text
• Use Enter to restart the test
• View your results after completion
• Customize settings in the menu bar
• Change appearance in settings page