01 PROBLEM
SAR's project office needed a single dashboard to track ongoing rail projects, route approvals, and permit lifecycles across teams that were each maintaining their own spreadsheets. The volume of moving parts — projects, permits, milestones, stakeholders — made any view stale by the time it was opened.
02 SOLUTION
Built the frontend in React + Next.js + TypeScript, designing complex interactive UI components with Material UI and Emotion for precise styling control. Used Zustand for global state so live project data could update everywhere it was visible without prop-drilling, and structured the data layer so a project's milestones, permits, and stakeholders all stayed in sync as they were edited.
03 OUTCOME
Delivered an internal tool that turned scattered project tracking into a single live dashboard — the SAR PMO team could see permit and milestone status across all active rail projects in one place.
