The Log
Every change to The Click, from the first note — told the way I’d tell it to another musician. Hover a hashCommit receipts
Hover or tap a hash for the actual commit, the date, and a one-line technical note. Every claim on this page links back to the real code. for the receipts.
The Design Pass
Near the end I put the whole thing in front of a panel of design and accessibility reviewers, and they earned their keep. They lit up the sign-in screen so the mark sits there glowing on a dark stage instead of floating on a flat rectangle. They reworked the iPad into two columns in landscape, so the set list stays in view the whole time instead of scrolling off when you load a song — exactly what you want sitting on a stand. And they pushed hard on contrast and screen-reader support until it held up: beat dots you can see before they light, a high-contrast mode that’s actually complete, the click’s start and stop spoken aloud to a screen reader whether Voiceover’s on or not. The kind of pass that doesn’t add features, just makes the thing feel finished. bf9f1dbDesign passbf9f1db · Jun 23, 2026
Lit login (warm bloom + wordmark lockup), iPad min-width:768 scale-up + landscape two-column, visible/shape-encoded beat dots, completed High Contrast token set, Inter font finally loaded (was silently falling back), play/stop routed to the aria-live region, AA-passing STOP red, icon nested in the c’s mouth.
The Three-Layer Tempo
This is the idea the whole thing is really about, and it took a while to get right. Tempo isn’t one number. There’s the tempo a song lives at — its home, riding along in Planning Center, following the song everywhere. There’s the tempo this room, today wants: the floor’s a little warmer, the band’s got more energy, so you tap the + a couple times. And there’s the tempo playing right now.
The trick was letting all three live together without stepping on each other. When you drift off home, a quiet “from 83” tag shows up — one tap snaps you back. 67a19e1Non-destructive +/-67a19e1 · Jun 23, 2026
+/- became a live tweak off a durable home tempo instead of overwriting it; the “from X” revert chip; only tap-the-number → Save writes to the shared DB. The tag swaps in place where the “BPM” label sits, so it never shoves the set list down the screen. fa46c58No-shift slotfa46c58 · Jun 23, 2026
The revert chip and the “BPM” label share one fixed-height slot, so showing the chip never reflows the queue below the fold. And a bump holds — through the next song, a reload, even if you flip to another Sunday and come back. eb5ec8aSession temposeb5ec8a · Jun 23, 2026
The +/- tweak persists per device + per plan in localStorage, so a rehearsal call survives navigation, reloads, and date switches — without ever touching the synced home tempo.
In the set list, a * sits next to any song you’ve bumped but haven’t made permanent, so you can see at a glance what’s still just for today. 7171c48Unsaved marker7171c48 · Jun 23, 2026
An amber “*” on each queue row whose session tempo differs from its saved home tempo. A nudge for tonight, a save for good. Once that line was drawn clean, the rest of the app made sense.
A Name and a Face
It needed to look like itself. The mark is the word “click” with an eighth-note standing in for the beat — the note is the click. The app icon is a little “c” with that same note nested in its mouth. Warm amber on near-black, the song keys in green. Its own thing, not a hand-me-down from anything else. 9563ac6Brand identity9563ac6 · Jun 22, 2026
The click wordmark + eighth-note lockup, the c-with-note app icon rendered at every size, and a PWA manifest + apple-touch-icon so the home-screen install carries the real mark instead of a screenshot.
First Light
The Click started as one tab buried inside my Sunday Prep app — just for me, just to get through a service. But the click at the kit isn’t a solo instrument. The second drummer needs it; whoever’s covering needs it. So I lifted it out, gave it its own front door, and let the whole worship team walk in.
From the first day it read the week’s set straight from Planning Center, live — pick a Sunday, and the songs and tempos load themselves. Built for the iPad at the drums and the pedal under your foot, with a real recorded click scheduled so it never drifts. 75b2512Initial scaffold75b2512 · Jun 22, 2026
Standalone Express + EJS app lifted out of the Prep app’s click tab; PCO plan + date fetch over a read-only token; shared-password gate; the Web Audio two-clock metronome on the recorded click sample.
It went live at click.rendereddigital.io that day — at the kit, on the team’s phones, keeping time on a real Sunday morning.