Real Time Device Location Tracking

Real-time device tracking has become very crucial for many modern web based systems applications, the increasing demand for location-aware services including fleet management, security monitoring, navigation, and collaborative systems, due to the quick development of web technologies. The design and implementation of a Real-Time Device Location Tracking System using both Frontend and Backend Technologies is presented in this project, allowing for the real-time monitoring of one or more than one device simultaneously without requiring manual page refreshes via a web browser.The proposed system uses Socket.IO to create real-time, bidirectional communication between the server and connected clients, while Node.js and Express.js are used to create a scalable backend server. EJS is an express js template used to create dynamic web applications and HTML templates also allows React functions like enabling page refreshing each time when clients location updates. The client-side program continuously records the device’s latitude and longitude Coordinates using the Browser Geolocation API, OpenStreetMap(OSM) is the map data source, while Leaflet.js is the open-source library used to display that data as an interactive map in a web browser. All connected users or clients receive these location updates, which are instantly sent to the server. Leaflet.js is a javascript library used to create an interactive map interface where device locations are dynamically shown as markers and updated in real time without requiring a page refresh. The system also handles device disconnections by removing inactive markers, ensuring reliable tracking results.