Project

Window & Door Configurator

The Window & Door Configurator is a tool that allows a fabricator's client to design custom joinery—windows, doors, main entrance doors, or sliding glass walls—generating a real-time dimensioned technical drawing and a structured bill of materials, ready for a quote request. Built as a scalable Livedata product rather than a custom one-off project, it relies on a single codebase that can be deployed and fully branded for each fabricator. The project includes:

Real-time parametric SVG drafting with a technical blueprint layout: selecting the product family, material, opening style, dimensions, sash division, glazing bars, and glass units instantly generates a dimensioned elevation drawing.
Single-source rendering engine shared across browser and server: the exact same logic powering the live on-screen preview generates the PDF output, with zero code duplication.
Multi-item bill of materials: bundles multiple window and door configurations into a single request complete with quantities, notes, and thumbnails, easily shareable via a persistent link.
Server-side PDF generation for A4 technical spec sheets: featuring dual visual themes (blueprint view on-screen, clean white layout for print) and intentionally price-free, leaving valuation entirely to the fabricator.
White-label architecture: customer-owned code with no vendor lock-in, providing a dedicated, fully customized installation for every business.
Integrated quote request workflow: routes inquiries directly to the company via transactional email, supported by native material catalog integration from ProcessWire CMS.
Production-hardened deployment: strict whitelist input validation, rendering concurrency limiting, and rate limiting for secure public-facing usage.

Scheda tecnica

TechnologiesVanilla HTML/CSS/JavaScript with no runtime frameworks, using a shared parametric SVG rendering engine between client and server as a single source of truth. Node.js/Express backend, server-side PDF generation (wkhtmltopdf) for A4 technical bills of materials, and dual visual themes (blueprint view on-screen, clean technical drawing for print). Multi-position bill of materials shareable via URL. Material catalog designed for seamless ProcessWire CMS integration and a quote-request workflow with transactional emails. Deployed on a DigitalOcean VPS behind Nginx with PM2, using same-origin architecture and production security hardening.

ApproachBorn as an in-house Livedata solution for the window and door industry—a sector well established in our portfolio—this project flips traditional quoting on its head. Instead of focusing on price, it provides fabricators with a tool that enables their end customers to configure products while generating precise technical drawings and clean bills of materials. Its design language adopts true technical drafting, matching the daily practice of window design and manufacturing. Driven by a single rendering engine used consistently from live preview to PDF export, it is engineered by design, not assembled. Thanks to a white-label architecture, every fabricator gets a dedicated installation with zero vendor lock-in.

GoalsProvide window and door fabricators with a self-service technical quoting tool. Translate concrete parameters—family, material, opening mechanism, dimensions, sash division, glazing bars, and glass units—into an immediate dimensioned elevation and an easy-to-read bill of materials. Produce a professional A4 document ready for client negotiation, leaving price valuation under the fabricator's full control. Keep the platform rebrandable and scalable for any company, backed by customer-owned code. Streamline the incoming quote request workflow straight to the business.

Hosting / DeployVPS · Node.js/Express dietro Nginx · PM2 · rendering PDF server-side. Architettura same-origin con hardening di sicurezza: validazione a whitelist degli input, limitazione della concorrenza di rendering, rate-limiting.

ANNO 2026LD·PRJ·023

Visit the project online →