AI Visualization
ROOMIFY
ROLE
SOLO BUILD — FULL PRODUCT
TIMELINE
SHIPPED · LTS
SCOPE
STACK
OVERVIEW
Roomify removes the slowest step in architectural presentation: it turns flat blueprints into bright, photorealistic top-down 3D renders in one upload, with a before/after slider to sell the transformation.
The pipeline is simple for the user and disciplined underneath: drag-and-drop a floor plan, and a custom-prompted Gemini 2.5 Flash image model cleans the text, extrudes wall geometry, maps layout icons — beds, sofas, tables — to realistic furniture, and returns a lit, top-down 3D render.
Architecture is client-first and fully serverless on Puter: authentication, a distributed key-value store for project metadata, CDN-hosted blueprint storage with auto-generated subdomains, and edge-deployed Cloud Workers exposing the save/list/get API. There is no traditional backend to operate at all.
Built on React 19 with SSR routing via React Router 7, Tailwind v4, and a react-compare-slider driven before/after view; ships as a multi-stage Docker image for self-hosting alongside the Vercel deployment.
OUTCOMES
No backend, no database admin, no DevOps — the whole platform lives at the edge.