Problem
Operations teams needed a unified view of yard activity — vehicle movements, dock schedules, and alerts — without switching between multiple legacy systems.
Approach
Built a real-time dashboard using React with WebSocket connections for live data streaming. The frontend renders a spatial map of the yard alongside tabular data views for dock scheduling and alerts.
- React with TypeScript for type safety across a complex data model
- WebSocket connections for sub-second updates
- D3.js for the spatial yard map visualization
- Role-based views for different operational needs
Outcome
Consolidated three separate monitoring tools into a single interface. Adopted by the operations team within two weeks of deployment.