A full-featured traffic monitoring app with live incident alerts, flow data, and intelligent route suggestions.

• 📡 Real-time traffic flow — current speed vs free-flow speed with visual indicators
• 🚨 Live incident alerts — accidents, road works, hazards, closures on the map
• 🗺️ Smart route planning — multiple routes with delay comparisons, auto-selects best
• 📍 GPS location — auto-detects your position and centers the map
• 🌙 Dark mode map — high-contrast dark map with color-coded traffic layers
• 🔄 Auto-refresh — incidents update every 60 seconds

Rendering mermaid diagram...

File	Purpose
main.ts	Hono server — API proxy + simulation fallback
frontend/index.html	App shell, loads Leaflet + React
frontend/style.css	Dark UI design system
frontend/index.tsx	React entry point
frontend/components/App.tsx	Root component, state management, data fetching
frontend/components/MapView.tsx	Leaflet map — markers, routes, incident overlays
frontend/components/Sidebar.tsx	Traffic Flow / Routes / Incidents panel

1. Register for a free TomTom API key at developer.tomtom.com
2. Add it as an environment variable in this val:
   • Key: TOMTOM_API_KEY
   • Value: your key

Without the key the app runs in Demo Mode with realistic simulated data.

Color	Meaning
🟢 Green	Free flow (≥85% speed)
🟡 Yellow	Moderate (65–85%)
🟠 Orange	Slow (45–65%)
🔴 Red	Stop & Go (<45%)