React Flight Tracker

3D Visualization of Flight Data using React and Three.js

Table of Contents

• About
• Technologies
• Getting Started
• Usage
• Contributing
• License
• Contact

About

This project is a 3D visualization of flight data using React and Three.js. The data is provided by the FlightRadar24 API using the library flightradar24-client-ts.

The project is deployed on kubernetes using flux CD. The CI/CD pipeline is managed by Gitlab CI/CD and updates are automatically deployed to the dev(develop branch) and prod(master branch) environments.

The dev environment is deployed at https://react-flight-tracker.dev.apoorva64.com/. The prod environment is deployed at https://react-flight-tracker.apoorva64.com/.

Technologies

Getting Started

Prerequisites

• Node.js
• npm
• Docker

Installation

1. Clone the repo

git clone https://gitlab.com/dev6645326/react-flight-tracker.git

2. Install NPM packages

yarn

3. Start the development server

yarn dev

Usage

Flight Visualization

Click on a plane to view its flight path. The flight path is displayed as a line connecting the plane's current position to its start position. The JSON data is displayed in the menu on the left.

Filter Flights

Filter flights by datasource

Filter flights by airport, airline

Graphics Settings

Contributing

Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.

License

Distributed under the MIT License. See LICENSE for more information.

Contact

Acknowledgements

• Great Tutorial on calculating the position of astral objects