Lifeguard Ops & Financial Dashboard

About the Project

This dashboard was built to solve a real operational problem for lifeguard staffing companies: knowing at a glance which locations are critically understaffed, what that costs, and being able to act on it immediately. Every metric on the page is linked: move a guard from one pool to another and the map recolours, the payroll bars shift, and the recruitment priority list reorders itself.

The financial layer was a key requirement. Managers need to see not just where the gaps are, but what the gap is costing relative to the contract value. This distinguishes a high-priority understaffed site from a low-value one that can wait.

Key Features

• Interactive Leaflet map with green/yellow/red severity heatmap per location
• Projected vs Actual payroll bar chart — per contract and totals
• Fill rate % (Assigned ÷ Required × 100) visible for every location
• Cost-per-location breakdown with underspend gap highlighted
• Recruitment priority table sorted by gap severity then contract value
• Resource pool view — click any guard and move them to a different location
• Reactive state — map, financials and table all update instantly on any change
• Location drill-down with guard list, hourly rate and detailed cost breakdown

Tech Stack