<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" /> <link href="https://fonts.googleapis.com/css2?family=Inter+Tight:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet" />
Skip to main content

Project 06/ 09

Mobile Homes Configurator

As a full-stack developer at Lark, I built an interactive mobile homes configurator that supports both the sales process and marketing.

Key solutions

  1. Framework-free architecture

    Built the entire application from scratch without frameworks – a proprietary, modular state management architecture in pure JavaScript.

  2. Canvas texture editor

    Built an interactive texture editor on HTML5 Canvas: drag-and-drop area masking, scaling, edge detection.

  3. Live color matching

    Custom color matching algorithm (RGB) for live dynamic texture replacement.

  4. Backend & PDF offers

    Native PHP/MySQL backend for saving configurations; client-side generation of PDF pricing offers.

Technologies used

Vanilla JavaScriptHTML5 CanvasPHPMySQLWordPressDeepL APIhtml2canvas + html2pdf.jsSharp (AVIF/WebP)