Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project entails developing a web application that allows primary school teachers to create and manage their weekly schedules. The application will enable users to select groups, account for combination groups, and choose teaching methods while considering school inspections, school days, and specific time allocations. The tool aims to simplify schedule management for teachers while accommodating their preferences for certain subjects at specific times.

## CORE FEATURES
1. **Group Selection**: Teachers can choose from multiple student groups, including combination and split groups, to tailor their schedules effectively.
2. **Time Allocation**: The AI component will automatically calculate and suggest the necessary time allocation for various subjects based on inspection requirements and school timings.
3. **Fixed Moments Integration**: Users can input fixed moments such as gym days or other recurring activities directly into their schedules.
4. **Preference Settings**: Teachers can specify their preferences for teaching times (e.g., preferred subjects in the afternoon) to optimize their schedules.
5. **Visual Schedule Interface**: A drag-and-drop interface that visually represents the weekly schedule, making it easy to adjust and reorder classes.
6. **Export and Share**: Ability to export the schedule in various formats or share it directly with colleagues or administration.

## 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 sidebar for navigation, a central content area for schedule management, and a footer with additional options and links.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Zustand for state management to handle user preferences and schedule data effectively.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript, and install the necessary dependencies including Tailwind CSS and Zustand.
2. **Design Layout**: Create a responsive layout with a sidebar for navigation and a main content area for the schedule editor.
3. **Develop Core Features**:
   - Implement the group selection feature with options for combination groups.
   - Develop the AI-based time allocation logic that factors in various constraints.
   - Create a fixed moments input for recurring activities.
   - Build the preference settings interface for teachers.
   - Design the visual schedule interface, enabling drag-and-drop functionality.
4. **Integrate UI Components**: Use shadcn/ui to design buttons, cards, and inputs, ensuring they adhere to the specified design system.
5. **Implement State Management**: Set up Zustand to manage and persist the state of the schedule and user preferences.
6. **Testing**: Conduct thorough testing to ensure all functionalities work as intended, especially the AI calculations and drag-and-drop interactions.
7. **Deployment**: Prepare the application for deployment on a suitable platform, ensuring all configurations are optimized for performance.

## USER EXPERIENCE
The application will provide a seamless user experience, with intuitive navigation and clear visual cues. Teachers will be guided through the scheduling process with prompts for group selections and preferences. The drag-and-drop interface will allow for easy adjustments, while the AI suggestions will enhance efficiency by automatically calculating time needs based on user inputs. The design will prioritize readability and simplicity, making it accessible for all users.