← All projects

Front-end development

Custom furniture design and quotation system

2026-09

A multi-step furniture workflow connecting cabinet selection, dimensions, partition layouts, templates, quotations and ordering. Build uni-app interactions, connect parameters with Canvas previews, and integrate login and business flows across H5 and WeChat Mini Program.

  • Preserve total width during partition edits
  • Coordinate dimensions and previews across cabinet runs

Context

Cabinet configuration must account for physical boards. Outer dimensions, usable partition widths and preview dividers need a shared set of rules.

My contribution

  • Implement cabinet types, run dimensions, partition widths and layout-template editing in a multi-step design flow.
  • Unify run data and preview calculations for straight, parallel and L/U-shaped layouts, including labels and run switching.
  • Work on login, design, quotation and ordering transitions across H5 and WeChat Mini Program, with explicit feedback for unfinished entries.

A representative problem: outer width versus clear width

Adding partition widths alone omits the side panels and dividers. The calculation includes N + 1 vertical boards for N partitions. Editing one partition compensates through its neighbor to preserve the total width.

The same rules drive form inputs, saved data and Canvas rendering.

Verification and scope

Dimension rules have a dedicated test script, with separate H5 and Mini Program builds. L/U parameter and preview work does not imply a released ordering flow; WebView behavior still requires separate device verification.

Stack
  • Vue 3
  • TypeScript
  • uni-app
  • Canvas
  • Sass
  • Vite
  • WeChat Mini Program