All work
Case Study · /02
The Observable Machine
The site you're on — a portfolio built as a live, self-instrumenting system you can inspect.
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
Contribution Art Engine