---

🚚 Trip Dispatcher

A modern dark-mode logistics dashboard built for managing fleet trips efficiently.
This SaaS-style admin interface allows dispatchers to track routes, vehicles, drivers, cargo status, and trip progress in real time.

---

🎥 Presentation & Demo

👉 Watch Here:
https://drive.google.com/drive/folders/1Hign7cGbfJhEyqoOwEk8PJazZ5wqRkYS?usp=sharing

---

✨ Features

• 🌙 Modern Dark Mode UI
• 📋 Trip Management Table
• 🔄 Status Tracking (Draft, Dispatched, Completed, Cancelled)
• ➕ Create New Trips
• 🎯 Action Controls (Dispatch, Complete, Cancel)
• 📊 Clean SaaS-style Dashboard Layout
• 💡 Responsive & Production-Ready Design

---

🖥️ Dashboard Overview

🔹 Header

• Trip Dispatcher title
• Total trip count
• "New Trip" button

🔹 Trips Table

• Route
• Vehicle
• Driver
• Cargo
• Date
• Status
• Actions

---

🎨 UI Design System

• 🌑 Theme: Dark navy / charcoal gradient
• 🔤 Font: Inter
• ⚡ Accent: Electric blue
• 🟦 Badges: Pill-shaped with glow
• 🧊 Cards: Rounded + soft shadow
• 🎯 Icons: Minimal circular

---

📊 Status Indicators

Status	Color
Draft	⚪ Gray
Dispatched	🔵 Blue
Completed	🟢 Green
Cancelled	🔴 Red

---

📁 Project Structure

trip-dispatcher/
├── src/
│   ├── components/
│   ├── pages/
│   ├── data/
│   ├── styles/
│   └── App.jsx
└── README.md

---

⚙️ Getting Started

1️⃣ Clone Repo

git clone https://github.com/your-username/trip-dispatcher.git
cd trip-dispatcher

2️⃣ Install

npm install

3️⃣ Run

npm run dev

---

🛠️ Tech Stack

---

🚀 Future Enhancements

• 🔐 Authentication & Roles
• 🔄 Real-time updates
• 🌐 Backend API integration
• 🔍 Filtering & search
• 📊 Analytics dashboard
• 📄 CSV/PDF export

---

👨‍💻 Author

Modern logistics SaaS dashboard concept 🚀

---

⭐ Support

If you like this project, give it a ⭐ on GitHub!

---

⚡ "Smart logistics starts with smart dashboards"