🚌 Smart Transport Dashboard

Real-Time College Bus Tracking & Fleet Management System

Intelligent Fleet Monitoring • Live GPS Tracking • ETA Prediction • Analytics

---

📖 About

Smart Transport Dashboard is a full-stack web application designed to monitor and manage college transportation systems in real time.

The platform enables administrators and students to view live bus locations, estimated arrival times (ETA), route information, fleet analytics, weather conditions, and geofencing alerts through an interactive dashboard.

The project demonstrates modern full-stack web development using React, Express, Socket.IO, and Leaflet Maps.

---

✨ Features

🚌 Live Bus Tracking

• Real-time vehicle location
• Interactive map visualization
• Live route updates
• Smooth marker animation

---

📍 Interactive Maps

• Leaflet map integration
• Route visualization
• Bus trail tracking
• Geofence visualization

---

⏱ ETA Prediction

• Estimated arrival time
• Distance calculation
• Route optimization

---

📊 Fleet Analytics

• Fleet overview
• Vehicle statistics
• Performance monitoring
• Operational insights

---

🌦 Weather Integration

• Current weather
• Route conditions
• Weather widget

---

👨‍💼 Admin Dashboard

• Fleet management
• Bus monitoring
• Live transport status

---

⚡ Real-Time Communication

• Socket.IO integration
• Instant updates
• Live synchronization

---

🏗 System Architecture

Students/Admin
       │
       ▼
 React + Vite Frontend
       │
 Socket.IO Client
       │
       ▼
 Express Backend
       │
 Socket.IO Server
       │
       ▼
 Live Transport Data
       │
 ┌──────────────┬──────────────┐
 ▼              ▼              ▼
Maps         Analytics      Weather

---

🔄 Workflow

Start Backend
      │
      ▼
Start Frontend
      │
      ▼
Load Live Dashboard
      │
      ▼
Receive Bus Updates
      │
      ▼
Display Bus Locations
      │
      ▼
Calculate ETA
      │
      ▼
Update Analytics

---

🛠 Technology Stack

Frontend

• React 18
• Vite
• JavaScript
• Tailwind CSS
• Framer Motion
• React Leaflet
• Leaflet Maps
• Socket.IO Client

Backend

• Node.js
• Express.js
• Socket.IO

Development

• Git
• GitHub
• VS Code

---

📂 Project Structure

Smart-Transport-Dashboard/

├── frontend/
│   ├── src/
│   │   ├── components/
│   │   ├── assets/
│   │   ├── utils/
│   │   ├── App.jsx
│   │   └── main.jsx
│   ├── package.json
│   └── vite.config.js
│
├── backend/
│   ├── src/
│   │   └── server.js
│   ├── test/
│   └── package.json
│
├── scripts/
├── package.json
└── README.md

---

📋 Prerequisites

• Node.js 18+
• npm

Verify installation

node -v
npm -v

---

🚀 Installation

Clone the repository

git clone <repository-url>

Navigate to the project

cd Smart-Transport-Dashboard

---

📦 Install Dependencies

Frontend

cd frontend
npm install

Backend

cd ../backend
npm install

---

▶ Running the Project

Start Backend

cd backend
npm run dev

Backend runs on:

http://localhost:3000

---

Start Frontend

Open another terminal.

cd frontend
npm run dev

Frontend runs on:

http://127.0.0.1:5173

---

🌐 Main Components

• Live Bus List
• Bus Details
• Interactive Map
• Bus Trail
• Fleet Analytics
• Weather Widget
• ETA Calculator
• Geofence Rings
• Admin Panel

---

🎯 Applications

• Colleges
• Universities
• School Transportation
• Smart Campus
• Fleet Monitoring
• Public Transport
• Logistics
• Smart City Projects

---

🚀 Future Enhancements

• GPS Device Integration
• Driver Authentication
• Student Login
• Push Notifications
• Mobile Application
• Attendance Tracking
• AI Route Optimization
• Fuel Consumption Analytics
• Predictive Maintenance
• Emergency Alerts

---

🤝 Contributing

1. Fork the repository

2. Create a feature branch

git checkout -b feature-name

3. Commit your changes

git commit -m "Add new feature"

4. Push

git push origin feature-name

5. Create a Pull Request

---

📄 License

This project is licensed under the MIT License.

---

⭐ Star this repository if you found it useful!

Built with modern web technologies to simplify real-time transport management and improve campus mobility.