← Back to projects

TypeFlow

Live

Typing speed test — type time/words/quote modes and get live WPM, accuracy, and a consistency graph.

TypeFlow screenshot
ReactTypeScript
Live Demo

Overview

TypeFlow is a typing speed test in the style of MonkeyType: pick a mode (time, words, or quote) and a length, then type the prompt and get live WPM, accuracy, and a per-second speed graph when you finish.

Problem

Practicing typing speed benefits from immediate, detailed feedback (WPM over time, accuracy, consistency) rather than just a single end-of-test number.

Solution

A focused typing test with selectable modes/lengths (time: 15/30/60/120, words, quote, with optional punctuation/numbers) and a results screen that graphs WPM over the course of the test.

Features

  • Time, Words, and Quote test modes
  • Live WPM and accuracy while typing
  • Post-test graph of WPM over time, plus raw speed, consistency, and character breakdown
  • Punctuation and numbers toggles