Rhythm-reading trainer

A page that shows a bar of rhythm notation, plays a click, and grades how accurately you tap it back. Single page, no backend.

Requirements

Render standard rhythm notation (quarter, eighth, sixteenth, rests, ties) from a small text format

A metronome with a count-in, using the Web Audio clock, not setTimeout

Capture taps and score each against the expected onset with a tolerance window

Difficulty levels that introduce syncopation and triplets

A game mode: ten bars, a score, your accuracy trend

Detect that the user is consistently early or late and say so

web-audiomusictypescripteducation

Intermediate

GoShip's MCP server tracks how you interact with AI — not your code. Connect it to get scored and improve your workflow.

No comments yet

Be the first to share your thoughts on this challenge.