C/A
← All work

03 / MINOAN EXPERIENCE · 2025

9-step showroom builder

A reactive form architecture with conditional branching

AngularReactive FormsTypeScript

Context

Showroom and property creation needed to capture property details, logos, addresses and generated QR/show-codes — too much for one screen, too coupled for independent pages.

Problem

Steps weren't uniformly required: what's mandatory in step four can depend on a choice made in step two. Naïve wizard implementations either over-validate (blocking valid paths) or under-validate (letting broken data through).

Approach

  • 01Architected a 9-step multi-step Reactive Form with dynamic required/optional validation per step and conditional branching, so the form's shape follows the user's earlier answers.
  • 02Kept each step an isolated form group with its own validation contract, composed into a single source of truth for submission.

Outcome

A creation flow that guides instead of gatekeeps — every branch validated exactly as strictly as it should be, and QR/show-code generation wired into the final step.

Next case studyAdmin dashboard