Prototypes

What these are (and are not)

The prototypes/ app is a clickable UX / process-flow prototype built with Vue 3 + Tailwind CSS + basic state management.

• Goal: rapidly validate flows, IA, screen transitions, and acceptance criteria.
• Non-goal: production implementation. The real apps will be implemented per-platform:
  • Web: Blazor
  • Mobile: .NET MAUI
  • Desktop: WPF (migrating legacy + expanding beyond “roof” to multi-System support)

Links

Local dev (npm run dev)

Prototype	URL
Landing	http://localhost:4000/
Mobile	http://localhost:4000/mobile/
Web (placeholder)	http://localhost:4000/web/
Desktop (placeholder)	http://localhost:4000/desktop/

Docker / Gateway

Prototype	URL
Landing	/prototypes/
Mobile	/prototypes/mobile/
Web (placeholder)	/prototypes/web/
Desktop (placeholder)	/prototypes/desktop/

Notes on “System” vs “Roof” (Desktop modernization)

Historically, Desktop has a strong roofing domain model. The modernization direction is to converge on a generic System concept:

• Phase 1: treat Roofs as a System type (“roofing”)
• Phase 2+: add additional system types (HVAC, electrical, plumbing, …)

This repo’s prototypes and requirements intentionally use Building → System language so the UX can scale beyond roofing.