Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The application is a web-based AI-powered Academic Timetable Management system designed for colleges and universities. Its primary purpose is to automate the creation of optimized, conflict-free academic timetables by analyzing various scheduling constraints and faculty/student preferences, ensuring a smooth and efficient scheduling process.

## CORE FEATURES
1. **Secure Login/Onboarding**: Users can securely create accounts and log in to access their dashboards.
2. **AI Timetable Generator**: Utilizes AI to analyze input data and generate optimized timetables based on faculty availability, student sections, and classroom constraints.
3. **Conflict Detection**: Automatically detects scheduling conflicts and provides optimization recommendations for resolution.
4. **Faculty and Student Views**: Separate interfaces for faculty and students to view their respective schedules, workloads, and notifications about changes.
5. **Timetable History**: Allows users to view previous timetables and changes made over time for reference and auditing.
6. **Dashboard Analytics**: Displays key scheduling metrics including room utilization, detected conflicts, and upcoming classes through interactive charts and cards.

## 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 feature a sidebar navigation for easy access to different sections, a central dashboard area displaying analytics and timetable views, and a responsive grid for the timetable interface.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: Redux or Context API (as needed for managing user session and timetable state).

## IMPLEMENTATION STEPS
1. **Set up React environment**: Initialize a new React app with TypeScript using Create React App or Vite.
2. **Install dependencies**: Include Tailwind CSS, shadcn/ui components, and any state management libraries like Redux or Context API.
3. **Create user authentication**: Implement secure login and onboarding forms using React hooks and context for managing user sessions.
4. **Develop the AI timetable generator**: Integrate an AI algorithm to process input data and generate timetables, while ensuring conflict detection and optimization.
5. **Build user interfaces**: Create separate views for administrators, faculty, and students using responsive design principles. Ensure that the timetable interface displays the weekly grid clearly.
6. **Implement analytics dashboard**: Use charts and cards to visualize key metrics like room utilization and detected conflicts.
7. **Test and refine**: Conduct thorough testing to ensure smooth functionality, resolve conflicts, and gather user feedback for further improvements.

## USER EXPERIENCE
Users will navigate through the application via a sidebar, where they can access their personal dashboards, submit timetable inputs, and view generated timetables. Faculty will be able to see their schedules and workloads, while students will receive custom notifications about timetable changes. The application will provide a clear and intuitive interface, allowing users to understand their schedules and interact with the system efficiently. The AI features will guide users through the timetable generation process, ensuring transparency about conflicts and optimizations, and requiring manual approval for final timetables.