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.