Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

sr17an/Web_Track

Folders and files

NameName
Last commit message
Last commit date

Latest commit

History

5 Commits

Repository files navigation

πŸ›°οΈ Web_Track β€” Cyber Tracker

Web_Track is a real-time web-based tracking demonstration project that shows how camera access, live feed, screenshots, and geolocation can be collected from a browser with user permission.

It includes:

  • An Admin Dashboard
  • A Target Landing Flow
  • Live camera feed
  • Screenshot capture
  • Location tracking
  • Session-based tracking links

🌐 Live Demo:
https://web-track.onrender.com/


πŸ”₯ Key Features

πŸ§‘β€πŸ’» Admin Panel

  • Create tracking sessions
  • Generate unique tracking links
  • View target status
  • See live camera feed
  • Capture screenshots
  • Track location in real time

🎯 Target Flow

  • Friendly greeting page
  • Festival-based greeting (e.g., Diwali)
  • Name-based personalization
  • Camera permission request
  • Location permission request

πŸ“· Camera Tracking

  • Live webcam stream
  • Screenshot capture from admin panel

🌍 Location Tracking

  • Latitude & Longitude
  • Google Maps link support

πŸ–₯️ Screens & Flow

image image image image

πŸš€ How It Works

Admin Side

  1. Open admin panel
  2. Enter festival name (e.g., diwali)
  3. Click Generate Tracking Link
  4. Send link to target
  5. Monitor live data

Example generated link: https://web-track.onrender.com/track?session=fugnpnhn5eq&festival=diwali


Target Side

  1. Opens link
  2. Enters name
  3. Sees greeting page
  4. Clicks continue
  5. Browser asks for:
    • Camera access
    • Location access
  6. Data is streamed to admin

πŸ› οΈ Tech Stack

  • Frontend: HTML, CSS, JavaScript
  • Backend: Node.js
  • Web APIs:
    • MediaDevices API (Camera)
    • Geolocation API
  • Hosting: Render

πŸ“ Project Structure

Web_Track/
β”‚
β”œβ”€β”€ public/
β”‚ β”œβ”€β”€ admin.html # Admin dashboard
β”‚ β”œβ”€β”€ track.html # Target page
β”‚ β”œβ”€β”€ css/
β”‚ β”œβ”€β”€ js/
β”‚
β”œβ”€β”€ server.js # Backend server
β”œβ”€β”€ package.json
└── README.md

πŸ” Permissions & Security

  • Camera & location require explicit browser permission
  • Works on:
    • HTTPS websites
    • localhost
  • No permission = no data access

⚠️ Browsers fully control access.


❗ Important Disclaimer

⚠️ EDUCATIONAL USE ONLY

This project is created for:

  • Learning web APIs
  • Cybersecurity demonstrations
  • Ethical hacking awareness
  • OSINT & social engineering education

❌ Do NOT use this project for:

  • Illegal spying
  • Harassment
  • Unauthorized surveillance
  • Privacy violation

The author is not responsible for misuse.


πŸ§ͺ Use Cases

  • Cybersecurity learning
  • College projects
  • Ethical hacking demos
  • Awareness training
  • Web API practice

πŸ“œ License

MIT License
Free to use, modify, and learn from.


πŸ‘€ Author

Srijan Manna
GitHub: https://github.com/sr17an


⭐ If you like this project, please star the repository!

About

For camara access and location

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

AltStyle γ«γ‚ˆγ£γ¦ε€‰ζ›γ•γ‚ŒγŸγƒšγƒΌγ‚Έ (->γ‚ͺγƒͺγ‚ΈγƒŠγƒ«) /