AvioCore is a modern, responsive web application for real-time flight tracking and airport information visualization. Built with the powerful SkyLink API, it provides comprehensive flight data, including departures, arrivals, and airport information with an interactive map interface.
- 🗺️ Interactive airport map with dark theme
✈️ Real-time flight tracking- 🛫 Live departure boards
- 🛬 Live arrival boards
- 🔍 Flight status search
- 🏢 Airport information lookup
- 🌙 Dark mode by default
- 📱 Fully responsive design
- 🖼️ Airline logo integration
- ⚡ Fast and lightweight
Check out our live demo at [demo URL]
- Web server (Apache, Nginx, etc.)
- SkyLink API key (Get one at skylinkapi.com)
- Basic knowledge of HTML/JavaScript
-
Clone the repository:
git clone https://github.com/skylinkapi/AvioCore.git
-
Create a
config.jsfile in the root directory:const config = { apiKey: 'YOUR_SKYLINK_API_KEY', baseUrl: 'YOUR_API_ENDPOINT', // The API endpoint from your provider // Optional: Override other settings theme: { primaryColor: '#3b82f6', // Change primary color backgroundColor: '#111827', // Change background color } };
-
Deploy to your web server:
- Copy all files to your web server's public directory
- Ensure all files are readable by the web server
- Configure your web server to serve the application
- Fork this repository
- Sign up for a Vercel account
- Import your forked repository
- Add your SkyLink API key in the environment variables
- Deploy!
- Fork this repository
- Sign up for a Netlify account
- Connect your GitHub account
- Select the forked repository
- Configure environment variables with your API key
- Deploy!
- Fork this repository
- Enable GitHub Pages in repository settings
- Configure your API key in
config.js - Your site will be available at
https://[username].github.io/AvioCore
Edit the config.js file to change colors and styles:
theme: {
primaryColor: '#3b82f6', // Main accent color
backgroundColor: '#111827', // Background color
textColor: '#ffffff', // Text color
secondaryColor: '#374151', // Secondary accent color
}Modify the HTML structure in index.html to:
- Add new sections
- Rearrange existing components
- Customize the header/footer
Adjust API settings in config.js:
config = {
apiKey: 'YOUR_API_KEY',
baseUrl: 'YOUR_API_ENDPOINT', // The endpoint provided by your API service
cacheDuration: 300, // Cache duration in seconds
refreshInterval: 60, // Data refresh interval in seconds
}AvioCore is powered by SkyLink API, a comprehensive aviation data API that provides:
- Real-time flight tracking
- Airport information
- Flight schedules
- Airline details
- Weather data
- And more!
To use AvioCore, you'll need a SkyLink API key. Visit skylinkapi.com to:
- Create an account
- Subscribe to a plan
- Generate your API key
- Add the key to your config.js file
AvioCore is released under the MIT License. See the LICENSE file for details.
Contributions are welcome! Please feel free to submit a Pull Request. For major changes, please open an issue first to discuss what you would like to change.
For support with AvioCore:
- Open an issue
- Contact SkyLink API Support