← Back to Portfolio

Case Study

Remodeling Project Portal

A full-stack construction management portal with AI-powered design visualization and client-facing dashboards.

React 19ViteTypeScriptExpress 5Azure AI Foundrygpt-image-1.5GPT-5.2 VisionReact RouterMulterNode.js

The Challenge

High-end residential remodelers manage million-dollar projects across dozens of subcontractors, but their clients have zero visibility into progress, budget, or design direction. The remodeler needed a single tool where staff could manage the full project lifecycle — subs, budgets, progress updates, AI room renders — while selectively publishing a curated view to clients. The hard part was building dual visibility: staff see everything, clients see only what's been approved for sharing, all controlled by simple toggles.

The Approach

I built a dual-portal system — a staff dashboard and a PIN-gated client portal — backed by a shared data layer with publish/draft controls on every piece of content. Staff manage projects across six tabs: overview, subcontractors, budget, Design Studio, blueprints, and progress timeline. The Design Studio integrates Azure AI Foundry's gpt-image-1.5 to transform uploaded room photos into styled renders across five curated design styles.

A Blueprint Intelligence feature uses GPT vision to analyze uploaded floor plans, extract rooms with square footage estimates, and import them directly into the project budget. On the client side, a 4-digit PIN unlocks a read-only portal showing only published renders, progress updates, and a filtered budget that hides internal markup and overhead lines. Two seed projects with realistic Naples/Miami luxury renovation data make the demo immediately compelling.

Staff dashboard showing active projects with status badges, contract values, and subcontractor counts

Staff dashboard — project grid with status badges, contract values, timelines, and subcontractor counts

Subcontractor management view with trade assignments, contacts, budgets, and status tracking

Subcontractor management — trade assignments, budgets, and status tracking across the full project

Design Studio showing AI-generated room renders with style selection and publish workflow

Design Studio — AI-generated room renders with style selection, draft/publish workflow, and client-facing gallery

Key Results

  • Dual-portal architecture

    Staff see full project data; clients see only published content, controlled per-item with a single toggle.

  • AI Design Studio

    Upload a room photo, select a style, get a photorealistic render in under 60 seconds, then publish it to the client portal.

  • Blueprint-to-budget pipeline

    Upload a floor plan, AI extracts rooms and square footage, one click imports scope items into the project budget.

  • Zero-auth client access

    PIN-gated portal with a copyable share link, no accounts or passwords needed.

← Back to Portfolio