Skip to main content
Lane GarnerWeb and Mobile Developer

shedr

A musician's practice toolkit that lives on your music stand

At a glance

Role

Solo design + engineering


Stack

  • React
  • Tone.js
  • ml5.js + p5.js
  • Firebase
  • SCSS

Overview

shedr is the tool I wished existed when I was practicing hours a day as a conservatory jazz student: practice log, metronome, drone, chromatic tuner, audio recorder, and repertoire list in one place, in a web app that lives on your music stand.

It's one of my earlier projects, kept here deliberately: it's still live, still in use, and it does real-time audio work in the browser that most CRUD portfolios never touch.

shedr app screenshot
The shedr practice dashboard.

Real-time audio in the browser

  • Tone.js metronome with time-signature accents, and a sustained harmonic drone (PolySynth → filter → reverb → stereo widener) with selectable root and chord type for intonation practice
  • A chromatic tuner running ml5.js pitch detection on live microphone input, visualized with p5.js
  • In-browser MP3 recording stored to Firebase Storage with playback

The conventional half

Timed practice sessions with topics and notes, streak tracking, charts, a repertoire list, and Firebase auth with protected routes: the standard product plumbing, circa React 17 and the Context API.


← All projects