All work
Case Study · /03
The Observable Machine
The site you are reading — a portfolio that instruments itself: its own analytics pipeline, a public /stats page and an admin, all inspectable.
Live
Analytics
WebGL
Hero
Admin
Dashboard
The problem
Most portfolios claim engineering skill but show only screenshots. I wanted one that proves it, live.
Approach
- 01Built a real analytics pipeline instead of dropping in a third-party script.
- 02Shipped an env-gated admin with a leads pipeline and live dashboards.
- 03Engineered the motion system — cursor, magnetic, Lenis, WebGL — as GPU-only and reduced-motion aware.
Architecture
4 architecture decisions documented. Switch to Engineer view to inspect the system underneath.
Outcomes
- ✓A portfolio that's observable, not just clickable
- ✓Real backend, analytics and admin — inspectable
- ✓Fast, accessible and motion-rich
Next case
JSClimateNow