logo

Flight-Radar-Toolkit

Flight-Radar-Toolkit

Project Overview:

  • Displays flight data from a predefined area with 300 flights shown on each page refresh.
  • A map view shows real-time flight positions. Clicking on a plane reveals detailed flight information in a side table, including flight name, tail number, company, departure/arrival locations, and times.
  • The map also shows the plane's route from take-off to landing.
  • List view presents flights paginated in sets of 10 using React Paginate, with a button to access flight details.

📱 Responsive Design: The project provides a smooth user experience across mobile, tablet, and desktop devices.

Technologies and Libraries:

  • ⚛️ React
  • 🗺️ React Leaflet
  • 🎛️ Redux Toolkit
  • 🌐 React Redux
  • 📡 Axios
  • 🔢 React Paginate
  • 🎨 Bootstrap

Github Link: https://github.com/mucahitcetin/Flight-Radar-Toolkit

Skill icon 1Skill icon 2Skill icon 3Skill icon 4

Copyright © 2024 Mücahit Çetin All Rights Reserved.