all projects
2025·Solo

Typing Test

Built as a pet project to practice typing and explore interactive UI patterns. Supports time-based, word-count, and quote modes. Results include WPM, accuracy, raw speed, and a per-second WPM chart.

Challenges

  • Smooth caret positioning across word-wrapping lines using Framer Motion layout animations
  • Per-character correctness tracking without re-rendering the full word list on every keystroke
  • Accurate WPM sampling that accounts for pauses and backspacing

Tech

Next.jsReactTypeScriptFramer Motion@tanstack/react-hotkeysTailwind CSS