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