How ravindrakatre02/flight-tracking-operations-dashboard works
Flight Ops is an Angular flight-tracking dashboard. The user views a flight list and operational status, filters flights by search/status/origin/destination, selects a flight, and sees its position and route on a map. The sampled service supplies a static in-memory flight set; the component owns filtering, selection, and map updates. The tree and README establish the dashboard product, but no README feature detail or live-data integration is documented; the map uses OpenStreetMap tiles in sampled source.
Main entry points: app.component.ts Dashboard Controller · flight.service.ts Flight Service · app.component.html Dashboard View · flight.model.ts Flight Model
Components 8
Dashboard UI
- Angular Bootstrap
flight-ops/src/main.ts - Dashboard Controller
flight-ops/src/app/app.component.ts - Dashboard View
flight-ops/src/app/app.component.html
Flight Data
- Flight Model
flight-ops/src/app/models/flight.model.ts - Flight Service
flight-ops/src/app/services/flight.service.ts
Mapping
- Leaflet Map
Other components
- Operator
- OpenStreetMap Tiles
Connections 9
- Operator → Dashboard View: uses
- Angular Bootstrap → Dashboard Controller: starts
- Dashboard Controller → Dashboard View: renders
- Dashboard Controller → Flight Service: requests flights
- Flight Service → Dashboard Controller: returns flights
- Flight Service → Flight Model: uses type
- Dashboard Controller → Flight Model: filters and selects
- Dashboard Controller → Leaflet Map: renders map
- Leaflet Map → OpenStreetMap Tiles: loads tiles