PLH Command Center TypeScript React Developer

PLH Command Center

PLH Command Center - Construction Project Management SaaS Mobile-first project management application for construction coordinators managing multiple renovation projects. Replaced scattered spreadsheets with unified dashboard for vendor quotes, budget tracking, and follow-up management. Shipped complete MVP in one day.

What It Solves:
- War Room dashboard surfaces urgent tasks with smart prioritization (overdue items, blocking issues, "waiting on me" actions)
- Side-by-side vendor quote comparison with budget variance tracking
- Real-time budget monitoring across hierarchical areas with line items and visual indicators
- Automated follow-up detection based on configurable thresholds per contact type
- One-click Excel export for client-ready status reports
- Mobile-friendly Quick Entry for logging calls, quotes, and tasks on-the-go

Tech Stack:
React 18, TypeScript, Vite, Tailwind CSS, Zustand, TanStack Query, React Hook Form, Zod, Supabase (PostgreSQL + Auth), Radix UI, xlsx-js-style, Vercel hosting

Key Technical Wins:
- Bundle size optimization: reduced initial load from 900KB+ to ~280KB through route-based code splitting and lazy loading
- ChunkErrorBoundary implementation for graceful handling of deployment chunk failures with auto-reload
- ServiceStatusBanner for real-time Supabase outage detection
- Type-safe database layer with PostgreSQL views for complex aggregations (war_room view)
- Offline awareness with network status detection and graceful degradation
- React Hook compliance refactoring across all components

Scale:
Complete SaaS product with authentication, multi-project tracking, vendor database, budget management, and automated Excel reporting. Production deployment serving active client.