webapp · 2026 · Live

Horizons

Real-time aircraft and vessel tracking on an interactive dark-mode map, with spotting ranks to earn.

Next.jsLeafletreact-leafletOpenSkyAIS

01 · The problem

Plane and ship spotters bounce between separate trackers, none of which reward the hobby of catching something new.

Horizons puts live aircraft and vessels on one map and turns spotting into a game — you earn ranks as you log unique sightings.

02 · The build

A Next.js app rendering a dark CARTO basemap with Leaflet and react-leaflet. Aircraft come from the OpenSky Network's ADS-B feed; vessels come from AIS data, with a simulated demo mode when no AIS key is configured.

Filters control on-ground aircraft and altitude thresholds, and a local-only gamification layer (Rookie through Admiral) tracks unique spots — no account required, data stays in the browser.

OpenSky ADS-BAIS + demo modeSpotting ranksNo account / local data

03 · Outcome

A live sky-and-sea tracker with filters and a privacy-friendly spotting game — live at 03-horizons.vercel.app.

Live

Status

03-horizons.vercel.app

Domain

Solo — design & build

Role

Next.js · Leaflet

Stack

04 · Gallery