Deb Thornton
← Work

Woodshed: deriving reusable clips from YouTube for piano lessons

A React dashboard for deriving named, timestamped snippets from YouTube videos, built to make sharing a riff or short passage back and forth with my piano teacher fast during lessons.

ReactMUI

Context

"Woodshedding" is a musician's term for holing up and drilling a hard passage until it's solid, and it's most of what a piano lesson actually is. I take piano lessons, and in a lesson my teacher and I often want to point each other to one specific riff or short passage in a song, for practice, theory, or analysis. That meant re-describing or re-scrubbing to the same few seconds in a YouTube video over and over, since YouTube's own player has no concept of a reusable, named loop point you can just pull back up.

Approach

Built a React/MUI dashboard where any YouTube video can be linked, and any number of named "snippets" (start/end timestamps) can be added, edited, and looped independently, each with its own adjustable playback speed. Snippet state, including validation on things like title fields, is tracked per link and backed by a persisted data context, so a snippet marked once is still there the next time I open the app.

Outcome

The project I actually use the most day to day: it replaced re-describing or re-scrubbing to the same spot in a lesson with pulling up a saved snippet instantly.