Skyport

Skyport is a polished flight operations dashboard for a small airline. Five routes: an Overview with KPIs, a mini live world map and en-route panel; a full-screen Live Map with a tracked-flights side panel and a focusable selected route; a Flights list with multi-select status / kind pills, sort and grid/list views; a Fleet of aircraft cards with livery accents and maintenance windows; and an Airports browser opening with a coverage map and per-region pills.

Real maps via mapcn (MapLibre GL under the hood) and great-circle flight routes via flightcn — both registered with the shadcn CLI so they install side-by-side with the rest of the UI primitives. The flightcn registry ships 1189 IATA airports out of the box, so origin / destination IATA codes resolve to coordinates without any external API.

Everything runs client-side against a Zustand store seeded with deterministic mock data: 17 managed airports, 12 aircraft and 18 flights spanning every status. The header New flight button opens a fully validated dialog that pushes onto the live store with great-circle distance and heading pre-computed.