← Todo el trabajo
Caso técnico · 2025–2026 · en producción

Cómo construí DomesLab.

Un configurador-calculadora web para diseñar, presupuestar y construir domos geodésicos. Sustituye una hoja de cálculo legacy y una sesión de CAD por un flujo en el navegador: 3D en tiempo real, planos PDF y BOM (lista de materiales) exportable.

React 18TypeScript strictThree.js + r3fSupabaseStripePWA

Ver demo en vivo · domeslab.com →
01

El problema

El punto de partida era el flujo habitual del sector: una hoja de cálculo heredada y un prototipo HTML autocontenido (Acidome). Funcionaba, pero cada presupuesto era frágil y lento.

02

La solución

Partí del prototipo Acidome y lo convertí en una app moderna: Vite, React 18, TypeScript estricto y react-three-fiber. El motor matemático vive en código puro y testeado, y resuelve icosaedros, octaedros y tetraedros con subdivisión geodésica V1–V6.

Calcula barras por longitud (±0.5 mm), ángulos de corte compuestos, cubierta, herrajes y coste total — todo en menos de 200 ms mientras manipulas la escena 3D.

Funciones como el corte axial Good Karma Pro salieron de hablar con constructores reales. El criterio: enseñar lo que hay que decidir y esconder la matemática que no necesitan.

03

Por dentro

Motor geodésico V1–V6

Icosaedro, octaedro y tetraedro con subdivisión hasta V6, proyección a esfera y porciones configurables.

Cortes Good Karma

Ángulos compuestos de sierra ingletadora, biseles y longitudes reales tras conexión, listos para taller.

Visor 3D interactivo

Cámara orbital, selección de barras, capas, materiales de madera y modo explosionado con un slider.

Planos PDF + BOM

Plano de despiece con bin-packing 1D, BOM editable con precios y exportación XLSX en 4 hojas.

Plantillas listas

Glamping, invernadero, evento, mini-domo. Punto de partida en un clic.

SaaS multiusuario

Cuentas, proyectos persistidos, 4 tramos de suscripción y pago con Stripe.

Editor 3D de DomesLab con el domo y las barras clasificadas por color
El editor 3D: barras clasificadas por color según longitud.
Panel BOM de DomesLab con barras, cubierta, herrajes y totales
El BOM: barras, cubierta, herrajes y totales.
Plano de despiece de DomesLab con bin-packing 1D
Plano de despiece con bin-packing 1D.
Diagrama de corte de DomesLab con ángulos y biseles
Diagrama de corte con ángulos y biseles.
04

El resultado

Stack completo:

Vite 5React 18TypeScript strictThree.js + r3fTailwindZustandSupabaseStripeVitestPlaywrightjsPDFSheetJSCloudflare Pages
Siguiente paso

¿Tu cálculo vive en una hoja de cálculo frágil?

Cuéntame el proceso que quieres convertir en herramienta. En menos de 48 horas te respondo con un diagnóstico y una estimación de alcance. Sin compromiso.