Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed to improve the logistics management of a fleet of seven trucks. The application will allow users to efficiently track routes, monitor truck statuses, and manage schedules, with the ability to scale as the fleet grows. It will feature a user-friendly interface that prioritizes simplicity and ease of navigation.

## CORE FEATURES
1. **Route Management**: Users can create, edit, and optimize routes for each truck, ensuring efficient delivery schedules.
2. **Truck Status Tracking**: Real-time updates on truck locations and statuses to monitor deliveries and fleet performance.
3. **Driver Management**: Manage driver information, assign drivers to trucks, and track their performance.
4. **Schedule Planning**: Users can set up and manage delivery schedules, with notifications for upcoming tasks.
5. **Analytics Dashboard**: Provides insights into fleet performance, including fuel usage, delivery times, and overall efficiency.
6. **User Authentication**: Secure sign-up and login processes for different user roles (admins, drivers, etc.).

## DESIGN SPECIFICATIONS
- **Visual Style**: minimalist - Clean, simple design with plenty of white space, minimal color palette, and focus on typography.
- **Color Mode**: Light theme with dark text on light backgrounds.
- **Primary Color**: #1978E5 (accent for buttons, links, highlights).
- **Typography**: Use Inter from Google Fonts for headings, Inter for body text and UI elements.
- **Border Radius**: 8px (moderately rounded) for buttons, cards, and inputs.
- **Layout**: The application will utilize a vertical layout with a sidebar for navigation and a main content area for displaying information and controls.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: Redux or Context API for managing application state.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui components.
2. **Create Authentication System**: Implement user authentication using libraries like Firebase or Auth0.
3. **Develop Core Features**: 
   - Build the Route Management module with forms for creating and editing routes.
   - Create the Truck Status Tracking feature using a map integration (e.g., Google Maps API).
   - Develop the Driver Management and Schedule Planning features using forms and tables.
4. **Implement Analytics Dashboard**: Use chart libraries (e.g., Chart.js) to visualize performance data.
5. **Design UI Components**: Ensure all components adhere to the design specifications, focusing on minimalist aesthetics and responsive design.
6. **Testing**: Conduct thorough testing, including unit tests and user acceptance testing, to ensure all features function as intended.
7. **Deployment**: Deploy the application on a suitable platform (e.g., Vercel or Netlify) for easy access.

## USER EXPERIENCE
Users will be able to navigate the application seamlessly through a sidebar menu that provides access to all main features. The dashboard will present an overview of truck statuses and key metrics at a glance. Users can easily interact with forms to manage routes and schedules, with responsive design adapting to various screen sizes for mobile and desktop users. Notifications and alerts will keep users informed of important updates and tasks.