https://github.com/fattahniz/realtime_tracker
Live map tracker – See multiple users’ locations in real-time on a responsive web app built with Node.js, Express, Socket.io, and Leaflet.js.
https://github.com/fattahniz/realtime_tracker
ejs express leaflet location-tracker map nodejs openstreetmap realtime socket-io webapp
Last synced: 2 months ago
JSON representation
Live map tracker – See multiple users’ locations in real-time on a responsive web app built with Node.js, Express, Socket.io, and Leaflet.js.
- Host: GitHub
- URL: https://github.com/fattahniz/realtime_tracker
- Owner: fattahniz
- Created: 2025-09-06T09:53:59.000Z (9 months ago)
- Default Branch: main
- Last Pushed: 2025-09-24T06:13:47.000Z (9 months ago)
- Last Synced: 2025-10-04T08:18:37.546Z (8 months ago)
- Topics: ejs, express, leaflet, location-tracker, map, nodejs, openstreetmap, realtime, socket-io, webapp
- Language: JavaScript
- Homepage:
- Size: 2.12 MB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## 🌍 Real-Time Location Tracker
A real-time location tracking web app where multiple users can share and see live locations on an interactive map. Built with Node.js, Express, Socket.io, and Leaflet.js, fully responsive for desktop and mobile.
## ✨ Features
🌐 Real-time location sharing for multiple users
🗺 Interactive map with Leaflet.js & OpenStreetMap
📍 Dynamic markers for each user
🔄 Automatic marker updates as users move
❌ Marker removal when user disconnects
📱 Responsive design for all devices
🚀 Easy deployment on free platforms (Replit, Render, Vercel, Fly.io)
## 🛠 Tech Stack
**Frontend:** HTML, CSS, JavaScript, Leaflet.js
**API:** OpenStreetMap
**Backend:** Node.js, Express, EJS, Socket.io
## Installation
1. Clone the repo
```bash
git clone https://github.com/fattahniz/realtime_tracker.git
cd realtime_tracker
npm i
npm start
```
## 📂 Project Structure
```css
project/
│
├─ backend/
│ ├─ src/
│ │ ├─ controllers/ # Future controllers for handling logic
│ │ ├─ routes/ # Future route files
│ │ ├─ sockets/ # Socket logic
│ │ └─ server.js
│ ├─ view/
│ │ └─ index.ejs
│ ├─ package.json
│ └─ package-lock.json
│
├─ frontend/
│ ├─ css/
│ │ └─ style.css
│ ├─ js/
│ │ └─ index.js
│ └─ index.html
│
├─ docs/
│ └─ steps.yaml
│
└─ README.md
```
## 🤝 Contributing
Fork the repository
1. Create a new branch (feature/my-feature)
2. Commit changes
3. Push branch and create a Pull Request
## 📄 License
This project is licensed under the [MIT License](LICENSE) – see the LICENSE
file for details.