Work Archive
Web App

TypeLyrics

Type song lyrics. Improve your speed. Feel the music.

TypeScriptNext.jsReactTailwind CSSSupabaseFramer Motion
2025-03 – Present

A typing practice app built around song lyrics. Instead of generic text, users type lyrics from songs they know — with real-time WPM tracking, a browse library, global leaderboard, and session history that shows how you improve over time.

Results

118
Best WPM
Recorded on the platform
10k+
Songs
Available via lyrics API
190+
Games
Sessions tracked

Features

  • Real-time WPM, accuracy, and error count per keystroke
  • Browse library — popular artists, trending songs, most played
  • Global leaderboard ranked by song, player, and week
  • Personal profile — best WPM, average, session count, and activity heatmap
  • TLP points system and streak tracking to maintain momentum
  • Distraction-free interface with line-by-line lyrics display
  • Daily challenge — one song per day with a dedicated leaderboard
  • Train mode — words, letters, grammar, etymology, and poems with configurable length

Challenges

  • Accurate real-time WPM across lyrics with inconsistent punctuation and line breaks
  • Leaderboard reads that stay fast without full table scans — solved with Redis sorted sets

Lessons Learned

  • Products you build for yourself attract users who feel exactly like you
  • Real-time feedback loops are the core of any practice tool

Story

I hated generic typing tests. The words had no meaning. I wanted to practice typing to songs I actually knew — so I built it. What started as a personal tool grew into a full platform: browse, leaderboard, profiles, and a points system.

>_orn.sh
click to type