BUILDJUNIOR

Build a Typing Speed Racer

30 minutes

0 completed

reacttypinggamekeyboard-events

Description

Build a typing speed test with racing visuals, WPM tracking, and difficulty modes.

Requirements

Display a passage of text, highlight the current character to type

Real-time WPM (words per minute) and accuracy calculation

Visual "race car" that moves across the screen as you type

Three difficulty modes: Easy (common words), Medium (sentences), Hard (code snippets)

Results screen: WPM, accuracy, time, errors breakdown

Personal best tracking (stored in localStorage)

Countdown (3-2-1-Go!) before starting

Calculate WPM as: (characters typed / 5) / minutes elapsed. Track each keystroke for accuracy.

Ghost racer (race against your personal best)

Daily challenge with a fixed passage

Typing heatmap showing slow keys

You will be guided through MCP setup before the timer starts