Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project is a comprehensive web application designed for managing the operations of Expreso Paraguay. It centralizes various functionalities including service diagrams, bus and driver assignment, operational reporting, and fleet management, all while allowing for seamless synchronization between web and mobile platforms.

## CORE FEATURES
1. **Service Diagram Editor**: Allows users to create and modify service diagrams with detailed attributes including dates, drivers, origins, and destinations, with editing functionalities for batch operations and validations.
2. **Real-Time Updates**: Enables changes made on one platform (web or mobile) to be reflected in real-time across all devices, ensuring consistency and accuracy in operations.
3. **Document Management**: Manages essential documents related to buses and drivers, with features to track expiration dates and send reminders via WhatsApp.
4. **Operational Reporting**: Generates detailed reports by analyzing various metrics such as total kilometers and services, with filters available for specific drivers, routes, and time periods.
5. **Intelligent Assistant “El Agus”**: An AI-driven assistant that helps users with inquiries about diagrams, services, and more, and can create drafts for new diagrams based on user input.
6. **Mobile Application**: Offers an optimized mobile interface for viewing and updating diagrams, managing the fleet, and accessing reports while working offline.

## 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 main layout will consist of a top navigation bar for easy access to features, a sidebar for additional navigation options, and a central content area for displaying diagrams, reports, and editing tools.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux Toolkit (if needed for complex state management)

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project with TypeScript and install necessary dependencies including Tailwind CSS and shadcn/ui.
2. **Design the Layout**: Create the main layout component that includes the navigation bar and sidebar for easy navigation.
3. **Develop Core Features**:
   - Implement the Service Diagram Editor with all specified functionalities, ensuring real-time updates.
   - Build the Document Management module with document tracking and WhatsApp integration.
   - Create the Operational Reporting feature with filtering capabilities.
   - Integrate the Intelligent Assistant “El Agus” for user support and diagram creation.
   - Develop the Mobile Application interface ensuring responsiveness and offline capabilities.
4. **Connect to Backend**: Set up API calls to interact with the PostgreSQL database, ensuring data synchronization between web and mobile platforms.
5. **Testing and Optimization**: Conduct thorough testing of all features, focusing on user experience and performance, and optimize based on feedback.
6. **Deployment**: Prepare the application for deployment on a suitable platform, ensuring all functionalities are operational and accessible.

## USER EXPERIENCE
Users will experience an intuitive interface that facilitates easy navigation through diagrams, reports, and document management. The real-time update feature ensures users can seamlessly transition between devices, while the intelligent assistant provides quick support for common tasks. The minimalist design will enhance usability, allowing users to focus on their tasks without distraction.