03 / WORK
Concept builds.
Self-directed builds across sectors — designed and coded end to end to test how far a stack can be pushed. Client engagements are covered under NDA.
Fintech
A WebSocket-driven portfolio dashboard with canvas-rendered live charts.
The chart layer renders off the React tree entirely — a direct-to-canvas draw loop keyed to the WebSocket feed, so 500+ updating points never trigger a component re-render.
Hospitality
A three-step booking flow with a live availability calendar and room comparison view.
The calendar patches only the changed date cells on availability updates instead of re-rendering the grid — stays smooth on a 40-room, 90-day view.
Logistics
A live fleet map with clustered vehicle markers and route-deviation alerts.
Marker clustering runs in a Web Worker so map interaction stays responsive with 1,000+ simulated vehicle positions updating every few seconds.
Healthcare
A branching intake flow that only shows fields relevant to the selected visit type.
The form schema is data-driven — adding a new visit type is a config change, not a new form component.
Real estate
A property showcase page with a full-bleed image sequence and scroll-driven camera moves.
Every image ships as AVIF with a blurred placeholder sized to its exact aspect ratio, so the scroll sequence holds zero layout shift on a slow connection.
Retail
A product configurator with live material and colour previews.
Material previews are pre-rendered sprite sheets, not live 3D — the same visual result as a WebGL configurator at a fraction of the JS payload.