FleetFlow is a premium, futuristic, and highly responsive fleet management application designed to streamline logistics, track personnel, and optimize operational costs. Built with a modern tech stack and featuring a stunning glassmorphism UI, FleetFlow provides real-time insights for fleet managers, dispatchers, safety officers, and financial analysts.
- Fleet Manager: Overview of total vehicles, active drivers, and critical maintenance alerts.
- Dispatcher: Real-time trip monitoring and rapid assignment control.
- Safety Officer: Driver safety scores, licensing compliance, and incident tracking.
- Financial Analyst: Breakdown of fuel costs, maintenance spend, and cost-per-vehicle metrics.
- Vehicle Registry: Track make, model, status, and odometer readings.
- Driver Roster: Manage personnel, certification expiry, and safety performance.
- Compliance Tracking: Automatic alerts for license expiry and maintenance needs.
- Trip Manifest: Dispatch control with origin/destination tracking and cargo weight management.
- Fuel Ledger: Detailed consumption tracking and spend analysis for entire fleet.
- Maintenance Log: Comprehensive service history and cost reporting.
- Premium Design: State-of-the-art glassmorphism aesthetic.
- Dark/Light Mode: Seamlessly switch between themes with locally persisted preferences.
- Frontend: React.js, Vite, Tailwind CSS, Lucide React
- State Management: Custom data stores for real-time reactivity
- Icons: Lucide React
- Theming: CSS Variables with
data-themeattribute - Layout: Dynamic role-based sidebar and glassmorphic navigation
- Node.js (v16+)
- npm or yarn
- Clone the repository:
git clone https://github.com/ParvSuhagiya/fleetWOrkFlow_oddo.git
- Navigate to the project directory:
cd fleetWOrkFlow_oddo - Install dependencies:
# For Frontend cd frontend npm install # For Backend cd ../backend npm install
- Start the backend server:
cd backend npm run dev - Start the frontend development server:
cd ../frontend npm run dev
This project is licensed under the MIT License.