← All work
Technical case study · 2025–2026 · in production

How I built DomesLab.

A complete configurator-calculator web app to design, quote and build geodesic domes. It replaces a legacy spreadsheet and a CAD session with a browser flow: real-time 3D, PDF blueprints and an exportable BOM (bill of materials).

React 18TypeScript strictThree.js + r3fSupabaseStripePWA

See live demo · domeslab.com →
01

The problem

The starting point was the industry's usual flow: an inherited spreadsheet and a self-contained HTML prototype (Acidome). It worked, but every quote was fragile and slow.

02

The solution

I started from the Acidome prototype and turned it into a modern app: Vite, React 18, strict TypeScript and react-three-fiber. The math engine lives in pure, tested code and handles icosahedra, octahedra and tetrahedra with geodesic subdivision V1–V6.

It computes beams by length (±0.5 mm), compound cut angles, cover, hardware and total cost — all in under 200 ms while you manipulate the 3D scene.

Features like the Good Karma Pro axial cut came from talking to real builders. The principle: show what needs deciding and hide the math they don't need.

03

Under the hood

Geodesic engine V1–V6

Icosahedron, octahedron and tetrahedron with subdivision up to V6, sphere projection and configurable portions.

Good Karma cuts

Compound miter saw angles, bevels and real lengths after connection, ready for the workshop.

Interactive 3D viewer

Orbit camera, beam selection, layers, wood materials and exploded mode with a slider.

PDF blueprints + BOM

Cut plan with 1D bin-packing, editable BOM with prices and XLSX export in 4 sheets.

Ready-made templates

Glamping, greenhouse, event, mini-dome. A starting point in one click.

Multi-tenant SaaS

Accounts, persisted projects, 4 subscription tiers and Stripe checkout.

Editor 3D de DomesLab con el domo y las barras clasificadas por color
The 3D editor: beams color-coded by length.
Panel BOM de DomesLab con barras, cubierta, herrajes y totales
The BOM: beams, cover, hardware and totals.
Plano de despiece de DomesLab con bin-packing 1D
Cut plan with 1D bin-packing.
Diagrama de corte de DomesLab con ángulos y biseles
Cut diagram with angles and bevels.
04

The result

Full stack:

Vite 5React 18TypeScript strictThree.js + r3fTailwindZustandSupabaseStripeVitestPlaywrightjsPDFSheetJSCloudflare Pages
Next step

Does your calculation live in a fragile spreadsheet?

Tell me about the process you want to turn into a tool. In under 48 hours I'll reply with a diagnosis and a scope estimate. No strings attached.