exclusiveabhi/real-time-tracker

Real-Time Tracker is a web application designed to provide a seamless tracking experience similar to Zomato's rider tracking feature. This repository offers real-time location updates and an intuitive map view, ensuring customers can monitor effortlessly.

Real-Time Tracker

Real-Time Tracker is a web application designed to provide a seamless tracking experience similar to Zomato's rider tracking feature. It offers real-time location updates and an intuitive map view, ensuring user can monitor rider effortlessly.

Features

• Real-Time Location Updates: Track the live location of riders personnel.
• Interactive Map View: Visualize delivery routes using OpenStreetMap and Leaflet.
• User Authentication: Separate login/signup pages for users and delivery personnel.
• Marker Management: Users can create and manage markers on the map.

Technologies Used

• Frontend: React, React-Leaflet, React Router
• Backend: Node.js, Express.js
• Database: MongoDB
• Mapping: Leaflet, OpenStreetMap

Installation

To run this project locally, follow these steps:

1. Clone the repository:

   git clone https://github.com/exclusiveabhi/real-time-tracker.git
   cd real-time-tracker

2. Install dependencies:

   npm install

3. Set up MongoDB:

   • Create a MongoDB database and obtain your connection string.

   • Update the MongoDB URI in .env file:

     MONGODB_URI=your_mongodb_connection_string

4. Start the development server:

   npm start

5. Open your browser and navigate to http://localhost:3000.

Folder Structure

real-time-tracker/
├── client/         # Frontend React app
│   ├── public/
│   └── src/
│       ├── components/
│       ├── pages/
│       ├── App.js
│       ├── index.js
│       └── ...
├── server/         # Backend Node.js app
│   ├── controllers/
│   ├── models/
│   ├── routes/
│   ├── app.js
│   └── ...
├── .env            # Environment variables
├── package.json    # Project dependencies and scripts
└── README.md       # Project overview, installation guide, and usage instructions

Usage

• User Interface: Navigate to the login/signup pages for users and delivery personnel.
• Map View: View real-time location updates and delivery routes on the map.

Contributing

Contributions are welcome! Fork the repository and submit a pull request with your changes.

License

This project is licensed under the MIT License - see the LICENSE file for details.

Acknowledgments

• Leaflet: Open-source JavaScript library for mobile-friendly interactive maps.
• OpenStreetMap: Open data mapping service.

Happy Coding!