Draft copy — pending review

groovebox faceplate · elevated-bpm

Elevated BPM

A hardware-styled groovebox for making techno — playable from the first click, with a goal-checked curriculum woven into the live instrument.

The story

  1. problem

    The instrument came last

    Learning techno usually means a DAW first, or a course that gates the machine until you pass. Production gets taught as software, not as playing. The moment you actually make a groove arrives too late — if it arrives at all.

  2. build

    Instrument first, curriculum inside

    Elevated BPM opens as a playable groovebox in the TR-909 / TB-303 lineage: a 16-step drum machine, a 303-style bass, and a stab synth, running on Tone.js. Lessons are JSON — short intros plus declarative goals checked against live pattern state — never a gate. Everything lives in one local ProjectState document; a pattern shares as a URL. The DAW is architecture, not UI.

  3. result

    Silence to groove, then export

    A classic techno kit is pre-loaded. Sound on first click. An optional arc walks silence to a first techno groove — four-on-the-floor, off-beat hats, a bassline, a filter sweep — then you export MIDI or audio into a real DAW. The app is an on-ramp to Ableton, not a competitor.

Plates

  • Draft plate of the EB-01 deck: sixteen step keys in 909 quads and four drum pads.
    Draft plate — the faceplate the tile will become. Replace with a live capture.
  • Draft plate of the lesson arc as numbered hardware pads beside the transport.
    Draft plate — the silence-to-groove arc as hardware stops. Replace with a live capture.

Live from GitHub

Commits
144
Last active
  • TypeScript
  • CSS
  • HTML
  • JavaScript

Read from the GitHub API at build time.

Stack

  • Vite
  • React
  • TypeScript
  • Tone.js
  • IndexedDB