← Tota la feina
Cas tècnic · 2025–2026 · en producció

Com vaig construir DomesLab.

Un configurador-calculadora web per dissenyar, pressupostar i construir cúpules geodèsiques. Substitueix un full de càlcul legacy i una sessió de CAD per un flux al navegador: 3D en temps real, plànols PDF i BOM (llista de materials) exportable.

React 18TypeScript strictThree.js + r3fSupabaseStripePWA

Veure demo en viu · domeslab.com →
01

El problema

El punt de partida era el flux habitual del sector: un full de càlcul heretat i un prototip HTML autocontingut (Acidome). Funcionava, però cada pressupost era fràgil i lent.

02

La solució

Vaig partir del prototip Acidome i el vaig convertir en una app moderna: Vite, React 18, TypeScript estricte i react-three-fiber. El motor matemàtic viu en codi pur i testat, i resol icosaedres, octaedres i tetraedres amb subdivisió geodèsica V1–V6.

Calcula barres per longitud (±0.5 mm), angles de tall compostos, coberta, ferratges i cost total — tot en menys de 200 ms mentre manipules l'escena 3D.

Funcions com el tall axial Good Karma Pro van sortir de parlar amb constructors reals. El criteri: ensenyar el que cal decidir i amagar la matemàtica que no necessiten.

03

Per dins

Motor geodèsic V1–V6

Icosaedre, octaedre i tetraedre amb subdivisió fins a V6, projecció a esfera i porcions configurables.

Talls Good Karma

Angles compostos de serra d'engletar, bisells i longituds reals després de connexió, llestos per al taller.

Visor 3D interactiu

Càmera orbital, selecció de barres, capes, materials de fusta i mode explosionat amb un slider.

Plànols PDF + BOM

Plànol de despeçament amb bin-packing 1D, BOM editable amb preus i exportació XLSX en 4 fulls.

Plantilles llestes

Glamping, hivernacle, esdeveniment, mini-cúpula. Punt de partida amb un clic.

SaaS multiusuari

Comptes, projectes persistits, 4 trams de subscripció i pagament amb Stripe.

Editor 3D de DomesLab con el domo y las barras clasificadas por color
L'editor 3D: barres classificades per color segons la longitud.
Panel BOM de DomesLab con barras, cubierta, herrajes y totales
El BOM: barres, coberta, ferratges i totals.
Plano de despiece de DomesLab con bin-packing 1D
Plànol de despeçament amb bin-packing 1D.
Diagrama de corte de DomesLab con ángulos y biseles
Diagrama de tall amb angles i bisells.
04

El resultat

Stack complet:

Vite 5React 18TypeScript strictThree.js + r3fTailwindZustandSupabaseStripeVitestPlaywrightjsPDFSheetJSCloudflare Pages
Següent pas

El teu càlcul viu en un full de càlcul fràgil?

Explica'm el procés que vols convertir en eina. En menys de 48 hores et responc amb un diagnòstic i una estimació d'abast. Sense compromís.