{"id":14970028,"url":"https://github.com/rajanmandanka07/real-time-tracker","last_synced_at":"2026-03-07T19:32:37.833Z","repository":{"id":254664484,"uuid":"847062464","full_name":"rajanmandanka07/Real-Time-Tracker","owner":"rajanmandanka07","description":"The Real-Time Tracker is a Node.js app that lets users share and track locations in real-time on an interactive map. Using WebSockets and the Geolocation API, it showcases real-time communication and dynamic map updates with Express, Socket.io, and Leaflet.js.","archived":false,"fork":false,"pushed_at":"2024-08-25T18:15:46.000Z","size":61,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-01-31T18:54:17.232Z","etag":null,"topics":["ejs","expressjs","geolocation","leafletjs","nodejs","socket-io"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","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/rajanmandanka07.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":"2024-08-24T18:30:31.000Z","updated_at":"2024-10-12T07:44:05.000Z","dependencies_parsed_at":null,"dependency_job_id":"143953e0-7a56-415d-90be-d811b175036a","html_url":"https://github.com/rajanmandanka07/Real-Time-Tracker","commit_stats":{"total_commits":5,"total_committers":2,"mean_commits":2.5,"dds":0.4,"last_synced_commit":"fa40f9d763ec53387145944243d6d973f12d078d"},"previous_names":["rajanmandanka07/real-time-tracker"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rajanmandanka07%2FReal-Time-Tracker","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rajanmandanka07%2FReal-Time-Tracker/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rajanmandanka07%2FReal-Time-Tracker/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rajanmandanka07%2FReal-Time-Tracker/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/rajanmandanka07","download_url":"https://codeload.github.com/rajanmandanka07/Real-Time-Tracker/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":238319431,"owners_count":19452336,"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":["ejs","expressjs","geolocation","leafletjs","nodejs","socket-io"],"created_at":"2024-09-24T13:42:55.373Z","updated_at":"2025-10-26T11:31:12.843Z","avatar_url":"https://github.com/rajanmandanka07.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Real Time Tracker\n\n## Project Overview\n\nThe **Real-Time Tracker** is a web-based application built using Node.js, Express, and Socket.io, designed to track users' locations in real-time. This project utilizes the browser's Geolocation API to capture the user's current location and update it on a live map interface. The application demonstrates how to use WebSockets to achieve real-time communication between the server and clients, ensuring that location updates are immediately reflected on the map.\n\n## Features\n\n- **Real-Time Location Tracking:**\n  - Users' locations are tracked in real-time using the Geolocation API.\n  - The application updates the map with the current location of each connected user.\n  \n- **Live Map Interface:**\n  - The application uses Leaflet.js to display a live map, which is dynamically updated with users' locations.\n  - Users' locations are marked on the map with markers, and these markers update as users move.\n\n- **User Connection Management:**\n  - When a user disconnects from the application, their marker is removed from the map.\n  - The system efficiently handles multiple users, ensuring smooth real-time updates.\n\n## Technologies Used\n\n- **Node.js:** Server-side JavaScript runtime used for building the backend of the application.\n- **Express.js:** A web framework for Node.js that simplifies server creation and routing.\n- **Socket.io:** A library that enables real-time, bi-directional communication between web clients and servers.\n- **EJS (Embedded JavaScript):** A templating engine used to generate dynamic HTML content on the server side.\n- **Leaflet.js:** An open-source JavaScript library used to build interactive maps.\n- **Geolocation API:** A browser API used to get the geographical position of a user.\n\n## File Structure\n\n- **app.js:** The main server file that sets up the Express server, Socket.io, and handles routing.\n- **views/index.ejs:** The main HTML template that renders the map and includes the necessary scripts for the application.\n- **public/js/script.js:** The client-side JavaScript that handles geolocation, WebSocket communication, and map updates.\n- **package.json:** Contains the project metadata, including dependencies and scripts.\n\n## Installation and Setup\n\n1. **Clone the Repository:**\n   - Clone this project repository to your local machine using the following command:\n     ```bash\n     git clone \u003crepository-url\u003e\n     ```\n\n2. **Install Dependencies:**\n   - Navigate to the project directory and install the necessary dependencies using npm:\n     ```bash\n     cd real-time-tracker\n     npm install\n     ```\n\n3. **Run the Server:**\n   - Start the server by running the following command:\n     ```bash\n     npm start\n     ```\n   - The server will start on port 3000 by default. You can access the application by navigating to `http://localhost:3000` in your web browser.\n\n4. **View Real-Time Tracking:**\n   - Open the application in your web browser. The map will automatically update to show your current location. If multiple users are connected, you will see their locations as well.\n\n## Usage\n\n- **Real-Time Updates:**\n  - As you move, your location is automatically sent to the server and broadcasted to all connected clients.\n  - Other users' locations will also appear on your map, updating in real-time as they move.\n\n- **Handling Disconnections:**\n  - If a user disconnects, their location marker is removed from the map.\n\n## Future Enhancements\n\n- **User Authentication:**\n  - Implement user authentication to track individual users by name or ID.\n  \n- **Location History:**\n  - Add a feature to display a user's movement history on the map.\n  \n- **Custom Map Layers:**\n  - Integrate additional map layers or styles for enhanced map visualization.\n\n## License\n\nThis project is licensed under the MIT License.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frajanmandanka07%2Freal-time-tracker","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Frajanmandanka07%2Freal-time-tracker","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frajanmandanka07%2Freal-time-tracker/lists"}