← Work

Realtime · Graphics2025

Evincadde — WebGL Real-Estate Viewer

Walk through a property from anywhere — realistic light, live data, straight from the browser.

Role
Fullstack Web Engineer
Timeline
Jan — Jun 2025 · 6 months
Stack
Three.js · WebGL · ArcGIS · Custom Shaders · TypeScript

01Problem

Selling a home you can't visit

Buyers judge properties from flat photos, and every real visit costs time for everyone involved. Evincadde wanted what architecture firms pay render farms for — a walkthrough with believable light — but live, in the browser, for every listing.

02Role

Graphics-first fullstack engineer

I built the WebGL viewer end-to-end on Three.js + ArcGIS: the rendering pipeline, the shaders, and the data layer feeding it.

03Approach

From model to light

Large-scale architectural models need custom treatment to stay interactive: I wrote dedicated shader pipelines optimized for them, with realistic lighting and shadow work that makes a space feel inhabitable rather than rendered.

The scene isn't just geometry — live property metrics (price per square meter, neighborhood statistics) stream into the viewer in real time, fusing the data a buyer needs with the space they're standing in.

A civil-engineering background helps here: buildings, light, and structure are things I've studied formally, not just rendered.

04Outcome

Walk in from anywhere

Interactive 3D property tours with realistic lighting, running in the browser with no installs — with live market data in the same view. My closest-to-heart kind of work: real-time graphics serving a concrete business need.

3D tours
in the browser, no installs
Custom
shader pipelines for large models
Live
property metrics fused in-scene