{"id":31537645,"url":"https://github.com/alok-devforge/realtime-time-location-tracking-and-alert-system","last_synced_at":"2025-10-04T08:08:33.734Z","repository":{"id":314547057,"uuid":"1055801772","full_name":"alok-devforge/realtime-time-location-tracking-and-alert-system","owner":"alok-devforge","description":"🌍 Real-time wildlife tracking \u0026 visitor monitoring system with GPS, WebSocket technology, proximity alerts, and interactive maps for University of Engineering and Management National Park","archived":false,"fork":false,"pushed_at":"2025-09-13T08:05:56.000Z","size":134,"stargazers_count":4,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"master","last_synced_at":"2025-09-20T09:49:26.151Z","etag":null,"topics":["express","geolocation","gps-tracking","interactive-maps","javascript","leaflet","location-tracking","nodejs","openstreetmap","real-time","socket-io","tracking-system","websocket","wildlife-tracking"],"latest_commit_sha":null,"homepage":"https://realtime-time-location-tracking-and.onrender.com/#","language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/alok-devforge.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,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2025-09-12T20:35:31.000Z","updated_at":"2025-09-13T10:34:48.000Z","dependencies_parsed_at":"2025-09-13T06:31:58.417Z","dependency_job_id":"44decd37-e8ff-4f11-bc28-fcc2adfc60e7","html_url":"https://github.com/alok-devforge/realtime-time-location-tracking-and-alert-system","commit_stats":null,"previous_names":["alok-devforge/realtime-time-location-tracking-and-alert-system"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/alok-devforge/realtime-time-location-tracking-and-alert-system","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/alok-devforge%2Frealtime-time-location-tracking-and-alert-system","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/alok-devforge%2Frealtime-time-location-tracking-and-alert-system/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/alok-devforge%2Frealtime-time-location-tracking-and-alert-system/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/alok-devforge%2Frealtime-time-location-tracking-and-alert-system/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/alok-devforge","download_url":"https://codeload.github.com/alok-devforge/realtime-time-location-tracking-and-alert-system/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/alok-devforge%2Frealtime-time-location-tracking-and-alert-system/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":278283509,"owners_count":25961311,"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","status":"online","status_checked_at":"2025-10-04T02:00:05.491Z","response_time":63,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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":["express","geolocation","gps-tracking","interactive-maps","javascript","leaflet","location-tracking","nodejs","openstreetmap","real-time","socket-io","tracking-system","websocket","wildlife-tracking"],"created_at":"2025-10-04T08:08:32.183Z","updated_at":"2025-10-04T08:08:33.729Z","avatar_url":"https://github.com/alok-devforge.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cdiv align=\"center\"\u003e\n\n# 🌍 Real-Time Location Tracking \u0026 Wildlife Alert System\n\n\u003cp align=\"center\"\u003e\n  \u003cimg src=\"https://img.shields.io/badge/Status-Live-brightgreen\" alt=\"Status\"\u003e\n  \u003cimg src=\"https://img.shields.io/badge/Node.js-v18+-blue\" alt=\"Node.js\"\u003e\n  \u003cimg src=\"https://img.shields.io/badge/License-MIT-yellow\" alt=\"License\"\u003e\n  \u003cimg src=\"https://img.shields.io/badge/WebSocket-Socket.IO-orange\" alt=\"WebSocket\"\u003e\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n  🦎 A sophisticated real-time wildlife tracking and monitoring system for University of Engineering and Management National Park\n\u003c/p\u003e\n\n---\n\n\u003c/div\u003e\n\n## 🚀 Live Demo\n\n\u003ctable align=\"center\"\u003e\n\u003ctr\u003e\n\u003ctd align=\"center\"\u003e\n\u003cstrong\u003e🌐 Live Application\u003c/strong\u003e\u003cbr/\u003e\n\u003ca href=\"https://uem-kolkata-wildlife-tracker.onrender.com\"\u003euem-kolkata-wildlife-tracker.onrender.com\u003c/a\u003e\n\u003c/td\u003e\n\u003ctd align=\"center\"\u003e\n\u003cstrong\u003e📍 Location\u003c/strong\u003e\u003cbr/\u003e\nUniversity of Engineering and Management, Kolkata\u003cbr/\u003e\n\u003ccode\u003e22.5603° N, 88.4903° E\u003c/code\u003e\n\u003c/td\u003e\n\u003c/tr\u003e\n\u003c/table\u003e\n\n## 📋 Overview\n\nThis cutting-edge project leverages **WebSocket technology** to provide real-time wildlife tracking and visitor monitoring for University of Engineering and Management National Park. The system features an interactive map interface with live animal simulation, proximity alerts, and comprehensive safety monitoring.\n\n## ✨ Key Features\n\n\u003cdiv align=\"center\"\u003e\n\n| 🎯 **Real-Time Tracking** | 🦌 **Wildlife Simulation** | 🚨 **Safety Alerts** | 🗺️ **Interactive Maps** |\n|:---:|:---:|:---:|:---:|\n| Live GPS tracking with WebSocket | 10 realistic animal species | Proximity-based warnings | OpenStreetMap \u0026 Leaflet.js |\n| Multi-visitor support | Territory-based movement | 3-tier alert system | Park boundaries \u0026 zones |\n\n\u003c/div\u003e\n\n### 🔥 Advanced Features\n\n- **🌐 Real-time visitor tracking** using GPS and WebSocket technology\n- **🦎 Comprehensive wildlife simulation** with 10 different animal species\n- **⚠️ Intelligent proximity alerts** with distance-based warning system\n- **🗺️ Interactive map interface** with multiple view modes\n- **🏞️ Multi-zone monitoring** including park boundaries and visitor centers\n- **🔔 Real-time safety notifications** with customizable alert levels\n- **📊 Live dashboard** with visitor statistics and wildlife monitoring\n- **🎨 Modern responsive UI** with smooth animations and transitions\n\n## 🛠️ Technology Stack\n\n\u003cp align=\"center\"\u003e\n  \u003cimg src=\"https://img.shields.io/badge/Frontend-HTML5%20%7C%20CSS3%20%7C%20JavaScript-blue?style=for-the-badge\" alt=\"Frontend\"\u003e\n  \u003cimg src=\"https://img.shields.io/badge/Backend-Node.js%20%7C%20Express.js-green?style=for-the-badge\" alt=\"Backend\"\u003e\n  \u003cimg src=\"https://img.shields.io/badge/WebSocket-Socket.IO-orange?style=for-the-badge\" alt=\"WebSocket\"\u003e\n\u003c/p\u003e\n\n\u003cdiv align=\"center\"\u003e\n\n| Technology | Purpose | Version |\n|:---:|:---:|:---:|\n| **Node.js** | Server Runtime | v18+ |\n| **Express.js** | Web Framework | v4.18+ |\n| **Socket.IO** | WebSocket Communication | v4.7+ |\n| **Leaflet.js** | Interactive Maps | Latest |\n| **OpenStreetMap** | Map Data Provider | - |\n| **Geolocation API** | GPS Tracking | Browser Native |\n\n\u003c/div\u003e\n\n## 🦌 Wildlife Simulation System\n\n\u003cdetails\u003e\n\u003csummary\u003e\u003cstrong\u003e🎯 Click to view all 10 animal species\u003c/strong\u003e\u003c/summary\u003e\n\n### 🔴 High Threat Animals\n| Animal | Scientific Name | Habitat | Danger Zone | Warning Zone |\n|:---:|:---:|:---:|:---:|:---:|\n| 🐅 **Raja the Tiger** | *Panthera tigris* | Dense forests | 50m | 100m |\n| 🐘 **Ganesha the Elephant** | *Elephas maximus* | Open grasslands | 30m | 75m |\n| 🐆 **Shera the Leopard** | *Panthera pardus* | Rocky outcrops | 40m | 80m |\n| 🐊 **Sobek the Crocodile** | *Crocodylus palustris* | Water bodies | 45m | 85m |\n\n### 🟡 Medium Threat Animals\n| Animal | Scientific Name | Habitat | Danger Zone | Warning Zone |\n|:---:|:---:|:---:|:---:|:---:|\n| 🐻 **Baloo the Sloth Bear** | *Melursus ursinus* | Forest undergrowth | 35m | 70m |\n| 🐗 **Pumba the Wild Boar** | *Sus scrofa* | Dense undergrowth | 25m | 50m |\n\n### 🟢 Low/No Threat Animals\n| Animal | Scientific Name | Habitat | Warning Zone |\n|:---:|:---:|:---:|:---:|\n| 🦌 **Bambi the Spotted Deer** | *Axis axis* | Open meadows | 20m |\n| 🦚 **Mayur the Peacock** | *Pavo cristatus* | Forest clearings | 15m |\n| 🦜 **Zazu the Hornbill** | *Buceros rhinoceros* | Tall canopy | 10m |\n| 🐒 **Hanuman the Monkey** | *Macaca mulatta* | Tree canopies | 25m |\n\n\u003c/details\u003e\n\n### � Alert System\n\n\u003cdiv align=\"center\"\u003e\n\n| Alert Level | Icon | Description | Action Required |\n|:---:|:---:|:---:|:---:|\n| **🚨 DANGER** | Red | Animal within danger radius | **Immediate evacuation** |\n| **⚠️ WARNING** | Yellow | Animal within warning radius | **Maintain safe distance** |\n| **📍 INFO** | Blue | General park information | **Stay informed** |\n| **✅ SAFE** | Green | No immediate threats | **Continue safely** |\n\n\u003c/div\u003e\n\n## 🚀 Deployment Guide\n\n\u003cdiv align=\"center\"\u003e\n\n### 📦 Quick Deploy to Render\n\n[![Deploy to Render](https://render.com/images/deploy-to-render-button.svg)](https://render.com)\n\n\u003c/div\u003e\n\n### 📋 Prerequisites\n\n- ✅ **Node.js** v18 or higher\n- ✅ **Git** installed and configured\n- ✅ **GitHub/GitLab account** for repository hosting\n- ✅ **Render account** (free tier available)\n\n### 🔧 Step-by-Step Deployment\n\n\u003cdetails\u003e\n\u003csummary\u003e\u003cstrong\u003e1️⃣ Repository Setup\u003c/strong\u003e\u003c/summary\u003e\n\n```bash\n# Clone your repository\ngit clone https://github.com/alok-devforge/realtime-time-location-tracking-and-alert-system.git\ncd realtime-time-location-tracking-and-alert-system\n\n# Install dependencies\nnpm install\n\n# Test locally\nnpm start\n```\n\n\u003c/details\u003e\n\n\u003cdetails\u003e\n\u003csummary\u003e\u003cstrong\u003e2️⃣ Render Configuration\u003c/strong\u003e\u003c/summary\u003e\n\n1. 🌐 Go to [render.com](https://render.com) and sign up\n2. 🔗 Connect your GitHub account\n3. ➕ Click **\"New +\"** → **\"Web Service\"**\n4. 📂 Select your repository\n5. ⚙️ Configure settings:\n   - **Name**: `uem-wildlife-tracker`\n   - **Environment**: `Node`\n   - **Build Command**: `npm install`\n   - **Start Command**: `node server.js`\n   - **Plan**: `Free` (or upgrade as needed)\n\n\u003c/details\u003e\n\n\u003cdetails\u003e\n\u003csummary\u003e\u003cstrong\u003e3️⃣ Environment Configuration\u003c/strong\u003e\u003c/summary\u003e\n\n| Setting | Value | Description |\n|:---:|:---:|:---:|\n| **Port** | `process.env.PORT` | Auto-configured by Render |\n| **Node Version** | `18+` | Specified in package.json |\n| **Auto-Deploy** | `Enabled` | Deploy on git push |\n\n\u003c/details\u003e\n\n### 🌟 Deployment Features\n\n- **🔄 Automatic deployments** on git push\n- **🌐 WebSocket support** for real-time features  \n- **📊 Built-in monitoring** and logging\n- **⚡ Global CDN** for fast loading\n- **🔒 Free SSL certificates** included\n- **📈 Easy scaling** options available\n\n## 💻 Local Development\n\n### 🔧 Installation\n\n```bash\n# 1. Clone the repository\ngit clone https://github.com/alok-devforge/realtime-time-location-tracking-and-alert-system.git\n\n# 2. Navigate to project directory\ncd realtime-time-location-tracking-and-alert-system\n\n# 3. Install dependencies\nnpm install\n\n# 4. Start the development server\nnpm start\n```\n\n### 🌐 Usage\n\n1. **🚀 Start the server**: Run `npm start`\n2. **🌍 Open browser**: Navigate to `http://localhost:3000`\n3. **📍 Allow location**: Grant location permissions when prompted\n4. **👤 Enter name**: Input your name to join the tracking system\n5. **🦌 Monitor wildlife**: View real-time animal locations and receive alerts\n\n### 📁 Project Structure\n\n```\n📦 realtime-time-location-tracking-and-alert-system/\n├── 📄 server.js              # Main server file (Express + Socket.IO)\n├── 📄 package.json           # Dependencies and scripts\n├── 📄 Procfile              # Deployment configuration\n├── 📄 index.html            # Main HTML file\n├── 📂 public/               # Client-side assets\n│   ├── 📂 images/           # Image assets\n│   ├── 📂 scripts/          # JavaScript files\n│   │   ├── 📄 script.js     # Main application logic\n│   │   ├── 📄 methods.js    # Utility functions\n│   │   ├── 📄 coords.js     # Park boundaries \u0026 coordinates\n│   │   ├── 📄 control.js    # UI controls \u0026 interactions\n│   │   └── 📄 userMarkers.js # User marker management\n│   └── 📂 styles/           # CSS stylesheets\n│       ├── 📄 style.css     # Main styles\n│       ├── 📄 modern-panels.css # Panel styles\n│       └── 📄 tooltip.css   # Tooltip styles\n└── 📄 README.md             # Project documentation\n```\n\n## 🛡️ Safety Guidelines\n\n\u003cdiv align=\"center\"\u003e\n\n\u003e ⚠️ **Important Disclaimer**: This is a demonstration system for educational purposes.\n\n\u003c/div\u003e\n\n### 📋 Real Wildlife Park Guidelines\n\n- 👥 **Always follow park ranger instructions**\n- 📏 **Maintain recommended distances from all wildlife**\n- 🚫 **Never attempt to feed or approach animals**\n- 📞 **Report any wildlife sightings to park authorities**\n- 🚶 **Stay on designated trails and paths**\n- 📱 **Keep emergency contacts readily available**\n\n## 🤝 Contributing\n\nWe welcome contributions! Here's how you can help:\n\n\u003cdiv align=\"center\"\u003e\n\n| 🐛 **Bug Reports** | 💡 **Feature Requests** | 🔧 **Code Contributions** |\n|:---:|:---:|:---:|\n| [Open an Issue](../../issues) | [Request Feature](../../issues) | [Create Pull Request](../../pulls) |\n\n\u003c/div\u003e\n\n### 📝 Contribution Guidelines\n\n1. **🍴 Fork** the repository\n2. **🌿 Create** a feature branch (`git checkout -b feature/AmazingFeature`)\n3. **💾 Commit** your changes (`git commit -m 'Add some AmazingFeature'`)\n4. **📤 Push** to the branch (`git push origin feature/AmazingFeature`)\n5. **🔄 Open** a Pull Request\n\n## 📄 License\n\n\u003cdiv align=\"center\"\u003e\n\nThis project is licensed under the **MIT License** - see the [LICENSE](LICENSE) file for details.\n\n[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)\n\n\u003c/div\u003e\n\n## 👨‍💻 Author \u0026 Contact\n\n\u003cdiv align=\"center\"\u003e\n\n**alok-devforge**\n\n[![GitHub](https://img.shields.io/badge/GitHub-alok--devforge-black?style=for-the-badge\u0026logo=github)](https://github.com/alok-devforge)\n[![LinkedIn](https://img.shields.io/badge/LinkedIn-alok--devforge-blue?style=for-the-badge\u0026logo=linkedin)](https://linkedin.com/in/alok-devforge)\n\n---\n\n\u003cp align=\"center\"\u003e\n  \u003cstrong\u003e🌟 If you found this project helpful, please give it a star! ⭐\u003c/strong\u003e\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n  Made with ❤️ for wildlife conservation and education\n\u003c/p\u003e\n\n\u003c/div\u003e\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Falok-devforge%2Frealtime-time-location-tracking-and-alert-system","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Falok-devforge%2Frealtime-time-location-tracking-and-alert-system","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Falok-devforge%2Frealtime-time-location-tracking-and-alert-system/lists"}