The darts scorer, cricket mode: the board is tapped
where the dart landed and scoring comes from the geometry.The launcher. Every app behind it is one folder of
plain HTML, CSS and JS sharing a design system and one runtime
global.
What it is
A personal gift app shared with friends: nine small apps installed
to the phone as one progressive web app. It is served from a public
host, so every private byte is encrypted before it is committed and
decrypted on the device.
How it's built
No dependencies, no build. Hand-written HTML, CSS and JS
with one shared design system and one shared runtime global.
The darts board is an SVG whose ring geometry drives both
rendering and hit-testing, so the two can't disagree.
Service worker with versioned releases. A single
VERSION constant is the cache name and the UI
version, queried from the running worker over a message
channel; per-route caching strategies; a required/optional
precache split; a guard against caching partial responses.
Eighty-nine versioned releases in eighteen days.
Client-side vault. Content is encrypted with
openssl enc (AES-256-CBC, PBKDF2 at 600 k
iterations) and decrypted by a WebCrypto reimplementation of
the same key derivation, with a known-plaintext check, a
per-page derivation cache, and secrets pulled from a password
store so automation runs unattended.
Export pipeline. One make target takes a messaging
export through de-duplication, transcoding, encryption and a
thread rebuild, only re-doing what changed.
How it's verified
The about page inside the app shows live build stats, and a
build-transcript viewer lets anyone with the password read how
the thing was made, session by session. That request on day one
is where the session
tracking practice started.
Every deploy is a versioned release with a changelog entry; the
version footer is what the running worker reports, not what the
source says.
This is the project where the cost discipline was measured
before and after: tokens per commit fell from 3.7 M to 1.4 M and
average context from 280 k to 140 k
(blog post).