FleetFlow – Fleet & Logistics Management System 🚚

FleetFlow is a simple, modern Fleet & Logistics Management System built using HTML, CSS, and JavaScript. It allows users to manage vehicles, drivers, and trips with a clean dashboard and real-time updates.

This project was created as a Hackathon Submission Demo Project to showcase logistics management functionality without requiring a backend server.

---

🌐 Live Demo

Open index.html in your browser to use the system.

---

📌 Features

Dashboard

• View total vehicles, drivers, and trips
• Fleet utilization overview
• Real-time updates
• Recent trip activity

Vehicle Management

• Add new vehicles

• Store vehicle name, license plate, and capacity

• View vehicle list

• Vehicle status tracking:

  • Available
  • On Trip

Driver Management

• Add drivers
• Store driver name and license number
• View driver list
• Delete drivers

Trip Management

• Create trips by assigning:

  • Vehicle
  • Driver
  • Cargo weight

• Automatic validation for cargo capacity

• Trip status tracking:

  • Active
  • Completed

• Complete trips

• Delete trips

• Export trips as CSV

---

🎨 UI/UX Features

• Modern dashboard layout
• Status badges (Available, On Trip, Active, Completed)
• Toast notifications
• Confirmation modals
• Search and filter functionality
• Responsive design
• Loading animations
• Clean and professional interface

---

⚙️ Technology Stack

• HTML5
• CSS3
• JavaScript (Vanilla JS)
• LocalStorage (for data persistence)
• No backend required

---

📁 Project Structure

FleetFlow/
│
├── index.html        # Dashboard
├── vehicles.html     # Vehicle management
├── drivers.html      # Driver management
├── trips.html        # Trip management
├── style.css         # Styling
├── script.js         # Application logic
└── README.md         # Project documentation

---

💾 Data Storage

All data is stored in the browser using LocalStorage, so no database or server is required.

---

▶️ How to Run

1. Download or clone the repository

git clone https://github.com/jainiksha/odoo.git

2. Open the folder

3. Double click:

index.html

4. The system will open in your browser.

---

🎥 Demo Workflow

1. Add Vehicles
2. Add Drivers
3. Create Trips
4. View Dashboard updates
5. Complete trips
6. Export CSV

---

🚀 Future Improvements

• Backend integration (Node.js / Odoo / Django)
• Database storage
• User authentication
• Role-based access
• API integration
• Cloud deployment

---

👩‍💻 Author

Jainiksha Patel

GitHub: https://github.com/jainiksha

---

📜 License

This project is for educational and hackathon demonstration purposes.

---

⭐ Acknowledgment

Created for Hackathon submission to demonstrate fleet management workflow, UI/UX design, and frontend functionality.

---