OpenAero banner

OpenAero

3 devlogs
5h 57m 19s

OpenAero is a flight tracking dashboard built for the aviation community. It displays flight information, live METARs, and links to multiple planespotting sites such as Flightradar24, FlightAware, Planespotters.net, LiveATC, and SkyVector. It also…

OpenAero is a flight tracking dashboard built for the aviation community. It displays flight information, live METARs, and links to multiple planespotting sites such as Flightradar24, FlightAware, Planespotters.net, LiveATC, and SkyVector. It also has some guides and a detailed explanation of data, so everyone can comfortably use it.

This project uses AI

Use ChatGPT and Gemini for debugging and explaining some errors.

Demo Repository

Loading README...

Xavier Shilo Saputra

In this update, I finally got the terminal to work as intended and improved the overall UI design of the CLI. It looks like a real terminal now! I also added a bunch of new commands like cd, ls, cat, sudo, ping, whoami, history, and neofetch. This updated terminal also has real CLI features like autocomplete, arrowkey command history, and really cool typing animations. As for the technical side of things, most changes occur in the JS, with additional commands and enhanced security against XSS. Overall, I’m really satisfied with how the terminal mode turns out, and I plan to work on the METAR information after this.

Attachment
0
Xavier Shilo Saputra

Terminal View (CLI) is almost done! I have successfully implemented all the basic terminal commands such as help, search , guide , theme , clear, and exit. However, I still found the current UI ugly and messy. To make it look like a real terminal interface, I plan to change the font styles and color, along with background color adjustment, to improve the terminal interface UI. I also plan to add more commands for advanced searching and detailed information gathering.

Command Description:
search - Track flight (e.g. SQ322)
guide - Learn aviation data (topics: metar, flight, status (more will be added in the future))
theme - Change theme (dark/light)
clear - Clear terminal
exit - Return to main interface
help - Show this message

In the next update, I plan to improve the terminal UI by refactoring the current style.

Attachment
0
Xavier Shilo Saputra

This is my first day of making OpenAero, an all-in-one flight tracker site with multiple exciting tools for aviation enthusiasts and avgeeks. (Yes, this project is built by an Avgeek) This project uses HTML, Tailwind CSS, and JavaScript to display information fetched from free public APIs such as aviationstack. So far, I’ve created the base homepage and completed basic features such as theme selection toggle, input form for entering flight numbers, and links to external sites such as Flightradar24, Planespotters.net, LiveATC, FlightAware, and SkyVector. After this, I plan to create the terminal or CLI site for viewing flight information in a “Hacker-like” UI. (And of course some other behind the scenes stuff like SEO or mobile support)

Attachment
0