{"id":28473854,"url":"https://github.com/arnavballincode/iroc_web_interface","last_synced_at":"2025-07-02T07:31:17.215Z","repository":{"id":285302409,"uuid":"957651310","full_name":"ArnavBallinCode/IROC_WEB_INTERFACE","owner":"ArnavBallinCode","description":"IROC_WEB_INTERFACE is an advanced web-based telemetry and monitoring system for real-time MAVLink data visualization. It is designed to interface with UAVs using Jetson and Pixhawk, leveraging MAVROS and MAVLink for robust data communication. The system processes real-time telemetry parameters .","archived":false,"fork":false,"pushed_at":"2025-04-02T09:11:48.000Z","size":511,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-06-07T12:35:58.596Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/ArnavBallinCode.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"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-03-30T21:42:30.000Z","updated_at":"2025-04-05T17:21:33.000Z","dependencies_parsed_at":"2025-04-02T10:24:16.503Z","dependency_job_id":null,"html_url":"https://github.com/ArnavBallinCode/IROC_WEB_INTERFACE","commit_stats":null,"previous_names":["arnavballincode/iroc_web_2","arnavballincode/iroc_web_interface"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/ArnavBallinCode/IROC_WEB_INTERFACE","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ArnavBallinCode%2FIROC_WEB_INTERFACE","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ArnavBallinCode%2FIROC_WEB_INTERFACE/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ArnavBallinCode%2FIROC_WEB_INTERFACE/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ArnavBallinCode%2FIROC_WEB_INTERFACE/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ArnavBallinCode","download_url":"https://codeload.github.com/ArnavBallinCode/IROC_WEB_INTERFACE/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ArnavBallinCode%2FIROC_WEB_INTERFACE/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":263093689,"owners_count":23412862,"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":[],"created_at":"2025-06-07T12:30:55.836Z","updated_at":"2025-07-02T07:31:17.204Z","avatar_url":"https://github.com/ArnavBallinCode.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# IROC_WEB_INTERFACE\r\n\r\n## 🚀 Project Overview\r\n**IROC_WEB_INTERFACE** is an advanced web-based telemetry and monitoring system for real-time MAVLink data visualization. It is designed to interface with UAVs using Jetson and Pixhawk, leveraging MAVROS and MAVLink for robust data communication. The system processes real-time telemetry parameters and displays them in an intuitive and professional **space-themed** web UI.\r\n\r\n## 🛠 Features\r\n- **Real-time MAVLink telemetry data** visualization.\r\n- **Modular UI** with categorized parameter tables.\r\n- **Live updates** without flickering or repositioning elements.\r\n- **Space-tech-inspired professional UI**.\r\n- **Responsive design** to adapt across devices.\r\n- **Easy setup** with Python, Flask, and JavaScript.\r\n\r\n## 📁 Project Structure\r\n```\r\nIROC_WEB_INTERFACE/\r\n│── params/                 # JSON files storing MAVLink data\r\n│── static/\r\n│   ├── css/\r\n│   │   ├── style.css       # Space-themed UI styles\r\n│   ├── js/\r\n│   │   ├── script.js       # Fetches \u0026 updates MAVLink data dynamically\r\n│── templates/\r\n│   ├── index.html          # Main dashboard UI\r\n│── listen.py               # Python script to read \u0026 store MAVLink data\r\n│── server.py               # Flask backend to serve web app\r\n│── requirements.txt        # Dependencies\r\n│── README.md               # This document\r\n```\r\n\r\n## 🔧 Installation \u0026 Setup\r\n\r\n### 1️⃣ Prerequisites\r\nEnsure you have the following installed:\r\n- **Python 3.8+**\r\n- **Pip** (Python Package Manager)\r\n- **Flask**\r\n- **pymavlink**\r\n\r\n### 2️⃣ Clone the Repository\r\n```bash\r\ngit clone https://github.com/ArnavBallincode/IROC_WEB_INTERFACE.git\r\ncd IROC_WEB_2\r\n```\r\n\r\n### 3️⃣ Install Dependencies\r\n```bash\r\npip install -r requirements.txt\r\n```\r\n\r\n### 4️⃣ Connect to MAVLink Device\r\nModify `listen.py` to set the correct **serial port** and **baud rate** for your MAVLink connection:\r\n```python\r\nmaster = mavutil.mavlink_connection('/dev/ttyUSB0', baud=57600)\r\n```\r\n\u003e 🔹 Replace `/dev/ttyUSB0` with the correct port for **Jetson/Pixhawk**.\r\n\r\n### 5️⃣ Run the MAVLink Listener\r\nThis script continuously listens for MAVLink messages and updates JSON files.\r\n```bash\r\npython listen.py\r\n```\r\n\r\n### 6️⃣ Start the Web Server\r\n```bash\r\npython server.py\r\n```\r\n\r\n### 7️⃣ Access the Dashboard\r\nOpen a browser and go to:\r\n```\r\nhttp://127.0.0.1:5000\r\n```\r\n\r\n---\r\n\r\n## 🎯 How It Works\r\n1. `listen.py` **receives telemetry data** from the UAV via MAVLink.\r\n2. **Extracted data** is stored as JSON files in `/params/`.\r\n3. `server.py` **serves** the web interface using Flask.\r\n4. `script.js` **fetches and updates** data dynamically without page reloads.\r\n5. **Styled UI** displays real-time telemetry with a futuristic look.\r\n\r\n## 🔗 Previous Versions\r\nThis project builds upon previous iterations:\r\n- **[ISRO_IROC_Web](https://github.com/ArnavBallincode/ISRO_IROC_Web)** - Initial implementation.\r\n- **[ISRO_IROC_Webinterface](https://github.com/ArnavBallinCode/ISRO_IROC_Webinterface)** - Earlier UI and backend refinements.\r\n\r\n## 🚀 Future Enhancements\r\n- **WebSocket implementation** for even faster updates.\r\n- **Graphical data representation** (charts \u0026 graphs).\r\n- **Mobile-friendly version**.\r\n\r\n## 🛠 Troubleshooting\r\n| Issue | Solution |\r\n|--------|----------|\r\n| Webpage not loading | Ensure Flask is running (`python server.py`). |\r\n| No MAVLink data | Check serial port settings in `listen.py`. |\r\n| Data not updating | Ensure `listen.py` is running. |\r\n\r\n---\r\n\r\n🔥 **IROC_WEB_2 brings real-time UAV telemetry to the web with a professional, futuristic interface. Enjoy seamless monitoring!**\r\n\r\n\r\n\r\n\r\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Farnavballincode%2Firoc_web_interface","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Farnavballincode%2Firoc_web_interface","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Farnavballincode%2Firoc_web_interface/lists"}