Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This web application is designed to manage and streamline the contingency plan for dispatch operations during an emergency state. It will facilitate real-time coordination for loading trucks, ensuring efficient use of resources while adhering to time constraints imposed by operational hours and weather conditions.

## CORE FEATURES
1. **Dispatch Scheduling**: A feature that allows users to set and adjust dispatch times, ensuring that all trucks are loaded efficiently by the required deadlines.
2. **Cargo Management**: Track and manage cargo loads, including monitoring the status of pallets and available space for 3 forklifts to operate simultaneously.
3. **Real-Time Notifications**: Alerts for personnel about operational changes, weather impacts, and critical updates regarding the loading process.
4. **Resource Allocation**: Tools to manage the assignment of forklift operators, ensuring that the required manpower is available for optimal operation.
5. **Performance Metrics**: A dashboard that tracks key performance indicators, including loading speed and total dispatched cargo, to optimize operations.
6. **Contingency Planning**: A dedicated section to outline and visualize contingency strategies for various scenarios, including maximum truck storage and operational delays.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - Clean, simple design with plenty of white space, a minimal color palette, and a focus on typography for clarity.
- **Color Mode**: Light theme with dark text on light backgrounds to enhance readability and provide a professional appearance.
- **Layout**: A single-page layout featuring a top navigation bar, followed by sections for dispatch scheduling, cargo management, notifications, resource allocation, performance metrics, and contingency planning.
- **Typography**: Use of sans-serif fonts for headings (e.g., Montserrat) and body text (e.g., Open Sans) to maintain a modern appearance with a clear hierarchy.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript to ensure type safety and robust development.
- **Styling**: Tailwind CSS for efficient styling and responsive design.
- **UI Components**: Use of shadcn/ui components for a consistent and polished user interface.
- **State Management**: Utilize React Context API or Zustand for managing application state effectively.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install necessary dependencies, including Tailwind CSS and shadcn/ui.
2. **Design Layout**: Create a responsive layout using Tailwind CSS, ensuring the application is mobile-friendly.
3. **Develop Core Features**:
   - Implement dispatch scheduling functionality with a time picker and calendar integration.
   - Create cargo management modules to display loading statuses and available resources.
   - Set up real-time notification system using a library like Socket.IO.
   - Build resource allocation tools to assign and manage forklift operators.
   - Develop performance metrics dashboard for visual representation of key data.
   - Outline contingency planning options with interactive elements.
4. **Testing**: Conduct thorough testing for functionality, usability, and responsiveness across devices.
5. **Deployment**: Deploy the application on a platform like Vercel or Netlify for public access.

## USER EXPERIENCE
Users will interact with a streamlined interface, allowing them to quickly set dispatch schedules, monitor cargo loads, and receive real-time updates on operations. The dashboard will provide instant feedback on performance metrics, ensuring users can make informed decisions during critical loading periods. The application will support quick navigation between sections, enhancing overall efficiency and clarity in operations.