notechdebt.devBY KRISTO PRIFTI
3D / WEBGL · PRODUCT

LuminaVera 3D Configurator

A real-time configurator for magnetic track lighting. Customers build the system in the browser and see the price as they go.

IDEAAn interactive 3D product instead of manual quotes by email.

Visit live site ↗Start a similar project
luminavera-app-production.up.railway.appOpen ↗
LuminaVera 3D configurator showing a magnetic track lighting system with a live price
ROLEProduct · 3D · Frontend
YEAR2025
TIMELINE6 weeks
STACKReact · three.js · GLTF / DRACO · Node · Railway
01 · THE PROBLEM

What wasn't working

Magnetic lighting is sold in parts: track, connectors, lights, power. Customers gave up because they couldn't picture what they were ordering, and the team lost hours writing quotes by hand.

02 · THE BUILD

What I built

Drag to build the track, automatic compatibility checks, power validation, a live price and a parts list that goes straight to the cart. Devices without WebGL get a simple list instead.

03 · THE RESULT

What changed

  • 6 weeks from brief to production
  • 0 manual quotes for configurations
  • 60 fps on a mid-range phone
04 · NO DEBT

Why it's still clean

  • Parts list goes straight into the existing cart, not into a second system
  • Devices without WebGL get a simple list instead, so no customer is left out
ARCHITECTURE LAYERSINTERFACEAPI · LOGICAI / LLMPAYMENTSDATA