https://github.com/zubair7102/realtime-tracking-app

The application provides accurate real-time location tracking. It uses Socket.io to send geolocation data from users to the backend, and Leaflet.js to display updated map locations. This setup ensures high precision and continuous location updates.
https://github.com/zubair7102/realtime-tracking-app

ejs ejs-templates expressjs leaflet location-tracker map nodejs openstreetmap real-time-locating socket-io

Last synced: about 2 months ago
JSON representation

The application provides accurate real-time location tracking. It uses Socket.io to send geolocation data from users to the backend, and Leaflet.js to display updated map locations. This setup ensures high precision and continuous location updates.

• Host: GitHub
• URL: https://github.com/zubair7102/realtime-tracking-app
• Owner: Zubair7102
• Created: 2024-09-15T20:05:29.000Z (3 months ago)
• Default Branch: main
• Last Pushed: 2024-09-16T05:40:36.000Z (3 months ago)
• Last Synced: 2024-10-31T13:05:02.848Z (about 2 months ago)
• Topics: ejs, ejs-templates, expressjs, leaflet, location-tracker, map, nodejs, openstreetmap, real-time-locating, socket-io
• Language: JavaScript
• Homepage:
• Size: 1.86 MB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        

# RealTime Tracking App 🗺️📍

## Description

The RealTime Tracking App provides real-time location tracking using geolocation data. The application uses **Socket.io** for sending the user's latitude and longitude to the backend. The backend processes the location data and updates it on the frontend, where it is displayed on a **Leaflet map**. The app supports high-accuracy geolocation and marks pinpoint locations with interactive markers on the map.

![RealTime Tracking App](https://github.com/Zubair7102/RealTime-Tracking-App/blob/main/RealTime.png)

## Features

- **Real-time Location Updates**: Continuously tracks and updates the user's location using the browser's geolocation API.

- **Socket.io Integration**: Utilizes WebSockets for real-time, two-way communication between the client and the server.

- **Leaflet Map**: Displays user locations on a map, with dynamic markers indicating their precise coordinates.

- **High-Accuracy Tracking**: Ensures precise location tracking using geolocation with high accuracy enabled.

- **Error Handling**: Includes robust error handling to manage geolocation access issues and other potential errors.

## Tech Stack 

- **Frontend**: HTML, CSS, Leaflet.js, ejs

- **Backend**: Node.js, Express.js, Socket.io

- **Geolocation**: Browser’s native Geolocation API

- **Map Rendering**: Leaflet for rendering maps and placing markers.

## Installation

1. Clone the repository:

   ```bash

   git clone https://github.com/Zubair7102/RealTime-Tracking-App

   ```

2. Install the dependencies:

   ```bash

   npm install

   ```

3. Start the server:

   ```bash

   npm run dev

   ```

4. Open your browser and navigate to `http://localhost:3000` to view the app.

## Usage

Once the app is launched, the browser will request permission to access your location. If granted, the app will track and update your location in real-time, displaying your current position on the map with a marker. The backend continuously processes the data and reflects it on the map.

---