Side project · TypeScript

Exploded PC

A gaming PC that comes apart on a slider. Eighteen parts explode out of the case in 3D; pick any one to read what it does, switch on X-ray to see through the shell, or turn on a heat overlay computed from each part's TDP and the case's airflow. Power it on and it runs a boot sequence. A second page turns the same machine into a build game.

Visit live site↗

Details

A build game at /build in five modes (Guided, Free, Brief, Won't boot and Speedrun), with compatibility rules, a spec sheet and share links
A shared exploded-view engine I built: a data-driven Next.js 16 template where a GLB with named nodes, a sidecar JSON and a typed copy book describe a whole feature
React Three Fiber and three.js, with the stage loaded lazily so the page and its part list still render with JavaScript off
A Playwright stage check that drives each route in Chromium and holds the payload and console to a budget

Stack

TypeScriptReactNext.jsthree.jsReact Three FiberTailwind CSSVitestPlaywright