bathroom-designer (Bathroom Designer)

A bathroom planner: arrange the room, place fixtures and tiles, and export a spec. Renders in 3D (Three.js) with a 2D plan view, and generates a PDF via jsPDF.

Live → https://marekbrze.github.io/bathroom-designer/

What it does

• 3D view (Three.js) and a 2D canvas plan — design in the view that fits the task.
• Fixtures & tiles — place bathroom elements and lay out tiling.
• Calculator — quantities and dimensions worked out from the layout.
• PDF export — generate a spec sheet to take to a contractor or store.

Tech

Vanilla JS + Vite, Three.js (3D), Canvas 2D (plan), jsPDF + jsPDF-AutoTable (export).

Status

Personal project. Interface is in English.