You are browsing as a guest. Sign up (or log in) to start making projects!

FlightTracker

  • 6 Devlogs
  • 15 Total hours

A simple flight tracker map

Ship #1

FlightTracker

I made a simple flight tracker map which has live updates and can be used to track any current flight. I made this because I always found flight trackers/radar was really cool and thought it would be a fun thing to implement with the abundance of community powered ads-b data availible.

Some of the more interesting stuff I found was creating the additional map layers such as weather and fir zones using wms layers and geojson, and some of the more annoying stuff was things needing to be migrated after production due to cors errors only allowing them to work on localhost.

Anyways, here are some features of the site, more info can be found on the readme page.

Features

  • Multiple Basemaps (Light, Dark, Satelite)
  • Multiple Layers (Day/Night Line, Weather Radar, Airport Locations, ATC/FIR Zones)
  • Location Search: Instantly go to a location using the searchbar
  • Flight Search: Search any flight name to be redirected to where that flight currently is on the map
  • Flight Info: Click any flight to get the flight information and lock its position to the center of the map, useful for following flights.
  • Live Updates: Frequent refresh rates (every 3s)

A demo video can be found on the readme page or at the url
https://github.com/user-attachments/assets/2dd5e957-08d2-43c8-9b97-e49be07dbb22

  • 6 devlogs
  • 15h
  • 15.52x multiplier
  • 229 Stardust
Try project → See source code →
Open comments for this post

1h 49m 26s logged

Devlog 6

Finished a little bit of polishing and cleanup, the site is now live and I think version 1 is ready to be shipped.

Features Added

Migration to Airplanes.Live

I’ve migrated again from adsb.fi to airplanes.live due to numerous cors/proxy issues that adsb.fi has. Luckily they share the same response structure so it was really simple to migrate.

Tracking Mode

You can now click a flight on the map to lock its position to the center of the screen, which is useful for live tracking the position of flights.

Polishing

Made a couple polishing changes to map icons/tooltips. Also published a live demo to github pages.

0
0
26
Open comments for this post

8h 43m 41s logged

Devlog 5

This is a combination of previous work from a while ago and new work I just did, so please excuse the lengthy devlog time.

I decided to return to working on this project, and made a few changes. First, I migrated the api provider from airlabs to adsb.fi. I also used adsbdb for route info (departure and arrival). New features include location/flight search, which I will outline below.

Features

API Migrations

Data sources have been migrated from airlabs to adsb.fi and adsbdb, and as a result, this increases the maximum calls from around 1000 calls per month to 1 call per second, however the region is limited to a 250 nm radius.

I have also migrated away from using a python render script, so now the page will not take 1 minute to load and lag the entire pc.

Airports

Airport pins are now visible on the map and can be toggled alongside weather, night, and fir zones.

Location Search

You can now search directly for a location using the searchbar, which should help now that area is limited. You can also just choose to pick your current location.

Flight Search

You can now directly enter flight numbers/callsigns and be pointed straight to where said flight is on the map, no matter whether or not it is in the 250 nm radius.

0
0
11
Open comments for this post

1h 27m 10s logged

Devlog 4

Message

Today I worked on creating the backend for the website. Honestly it took a while finding the right api as many turned out to block foreign access through Render. I did eventually land on using AirLabs as the api provider, and so far it works pretty well and I even got aircraft plotted on the map with the correct rotation angle.

Progress

  • Added backend for live flight information fetch
  • Started plotting aircraft on map.

Next Steps

  • Refine Tooltips and Flight Information/Icons
  • Add map refreshing in respect to api limits

Tasks (Tentative)

  • Site Setup
  • Implement Leaflet
  • Add more basemaps
  • Add layers (weather, radar boundaries, etc.,)
  • Add flights to map
  • Add flight information (In Progress)
  • Add airport information (departures, arrivals, etc.,)
0
0
3
Open comments for this post

37m 55s logged

Devlog 3

Progress

  • Added ATC/FIR boundaries as toggleable option

Next Steps

  • Look into adding flights to map

Tasks (Tentative)

  • Site Setup
  • Implement Leaflet
  • Add more basemaps
  • Add layers (weather, radar boundaries, etc.,)
  • Add flights to map
  • Add flight information
  • Add airport information (departures, arrivals, etc.,)
0
0
6
Open comments for this post

1h 35m 26s logged

Devlog 2

Progress

  • Added new basemaps for satelite/hybrid, light theme, and dark theme
  • Added Day/Night line and Weather Radar

Next Steps

  • Add ATC Boundaries

Tasks (Tentative)

  • Site Setup
  • Implement Leaflet
  • Add more basemaps
  • Add layers (weather, radar boundaries, etc.,) (In Progress)
  • Add flights to map
  • Add flight information
  • Add airport information (departures, arrivals, etc.,)
0
0
6
Open comments for this post

30m 30s logged

Devlog 1

Progress

  • Setup React + Vite + Tailwind
  • Added in Leaflet Basemap

Next Steps

  • Add more basemaps/layers
  • Research flight-tracking APIs

Tasks (Tentative)

  • Site Setup
  • Implement Leaflet
  • Add more basemaps
  • Add layers (weather, radar boundaries, etc.,)
  • Add flights to map
  • Add flight information
  • Add airport information (departures, arrivals, etc.,)
0
0
9

Delete project?

Are you sure you want to permanently delete this project? This action cannot be undone.

All devlogs, followers, and associated data will be removed.

Followers

Loading…