ViserFly - 3D Flight Tracker UI

An Immersive 3D Flight Tracking Interface with Real-time Telemetry Simulation
Developed by Visernic Limited

🌐 Website · 🐞 Report Bug · ✨ Request Feature

✈️ About The Project

ViserFly is a state-of-the-art Flight Tracker UI designed to demonstrate the power of modern web technologies. It features a realistic 3D Boeing 787-9 Dreamliner model, real-time telemetry simulation (Speed, Altitude, Pitch), and a stunning Glassmorphism UI.

The project is built with a Secure MVC Architecture, separating the core application logic from the public access point, ensuring enterprise-level security standards.

✨ Key Features

• 3D Interactive Model: Fully rendered 3D Aircraft using Three.js.
• Real-time Simulation: Dynamic updates for Speed, Altitude, and Pitch using Motion One.
• Audio Visualization: LED-style audio visualizer synced with cockpit audio.
• Secure Architecture: Custom MVC structure with protected app/ directory.
• Glassmorphism Design: Modern, translucent UI aesthetics.
• Responsive: Fully optimized for Desktop, Tablet, and Mobile devices.

---

🛠 Tech Stack

Frontend:

• Three.js (3D Rendering)
• ES6 Modules
• Glassmorphism UI

Backend:

• Core PHP (MVC Pattern)
• .htaccess Rewrites

---

🚀 Getting Started

Follow these instructions to set up the project locally.

Prerequisites

• PHP >= 8.0
• Local Server (XAMPP, WAMP, Laragon, or Apache)
• Composer (Optional)

Installation

1. Clone the repository

   git clone [https://github.com/visernic/viserFly.git](https://github.com/visernic/viserFly.git)

2. Navigate to the project directory

   cd ViserFly

3. Configure Server Ensure your server points to the root ViserFly/ directory. The included .htaccess file will automatically handle traffic and direct it securely to the public/ folder.

4. Run (PHP Built-in Server) If you don't use XAMPP/Apache, you can simply run:

   cd ViserFly
   php -S localhost:8000 -t public

   Then visit http://localhost:8000

---

📂 Project Structure

We follow a strict Security-First folder structure:

ViserFly/
├── .github/             # GitHub Templates
├── app/                 # 🔒 Core Logic (Protected)
│   ├── config/          # Configuration Files
│   ├── includes/        # Header, Footer, Navbar
│   └── views/           # UI Components
├── public/              # 🌍 Public Access Point
│   ├── assets/          # CSS, JS, Images
│   └── index.php        # Entry Point
├── .htaccess            # Traffic Controller
├── LICENSE
└── README.md

---

🛡 Security Policy

This project uses a defined constant check (VISERFLY_ACCESS) to prevent direct access to core application files in the app/ directory. Please review SECURITY.md for our vulnerability reporting policy.

---

🤝 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.

1. Fork the Project
2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
3. Commit your Changes (git commit -m 'Add some AmazingFeature')
4. Push to the Branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

---

📜 License

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

---

📞 Contact

Visernic Limited - @visernic - contact@visernic.com

Project Link: https://github.com/visernic/viserFly

Made with ❤️ by Visernic Limited