Piarco Live — T&T Flight Tracker
ReactTypeScriptViteOpenSky Network APIFlightAware AeroAPICloudflare PagesNode/Coolify
Trinidad has no public real-time view of its own airspace. I built a live flight-board and map for Piarco International (POS) that plots every tracked aircraft on a custom SVG map, with great-circle routing, keyboard shortcuts, and a mobile-first bottom-sheet layout — rebuilt from scratch in React/TypeScript and shipped to Cloudflare's edge.
Two independent live feeds drive the board: FlightAware AeroAPI supplies the schedule (gates, ETAs, real flight idents) and OpenSky supplies live ADS-B position, altitude, speed, and heading, merged by callsign so tracked aircraft move with real telemetry. Getting OpenSky live took solving an infrastructure problem — OpenSky blackholes all traffic from Cloudflare’s IP ranges, so that feed is proxied through a Node service on a separate VPS while the schedule feed stays on a Cloudflare Pages Function, each routed around the constraint that applies to it. Aircraft render on a hand-built SVG map (no map-tile library) with runway overlays that fade in at zoom, great-circle route lines, and a “follow selected” camera mode. The live ticker scrolls real arrivals, delays, and airborne status. On mobile, the board collapses to a swipeable bottom sheet; either feed can drop out without breaking the app — it falls back to illustrative data instead of an empty board.