Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The Room and Lecture Hall Management and Booking System for the Arab Academy for Science, Technology and Maritime Transport (AASTMT) is a comprehensive web application designed to manage room bookings within the academy's buildings. The application streamlines the process for fixed academic schedules and exceptional bookings, ensuring efficient room utilization and role-based access control.

## CORE FEATURES
1. **User Authentication**: Secure login for users with role-based access control, ensuring only authorized individuals can access specific functionalities.
2. **Room Booking Management**: Allows users to submit booking requests for lecture and multi-purpose rooms, with automatic conflict prevention logic to avoid double bookings.
3. **Admin Dashboard**: A powerful interface for administrators to manage room schedules, view booking requests, and make modifications to fixed academic schedules.
4. **Dynamic Slot Configuration**: Admins can modify room availability and time slots as needed, accommodating changes like special events or altered working hours.
5. **Notification System**: Automated notifications for users regarding booking approval, rejection, and daily reports on scheduling.
6. **User Management Interface**: Admins can manage user roles and permissions, enabling features such as delegation of tasks during employee absences.

## 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 for navigation, a dashboard overview with a calendar grid for scheduling, and forms for booking requests and notifications. The interface will prioritize usability and clarity, ensuring users can easily navigate through their tasks.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux for managing application state across user sessions

## IMPLEMENTATION STEPS
1. **Set up the project**:
   - Initialize a new React project using Create React App with TypeScript.
   - Install Tailwind CSS and configure it in your project.
   - Set up Redux for state management.

2. **Design the User Authentication**:
   - Create login and registration components using controlled forms.
   - Implement authentication logic with role-based access control.

3. **Build the Admin Dashboard**:
   - Design the dashboard layout with a sidebar and main content area.
   - Implement calendar views for room availability and booking statuses.

4. **Develop Booking Management Features**:
   - Create forms for submitting booking requests for both lecture and multi-purpose rooms.
   - Implement logic to handle booking conflicts and notifications.

5. **Configure Dynamic Slot Management**:
   - Allow admins to add/remove rooms and modify time slots through a dedicated settings interface.
  
6. **Implement Notification System**:
   - Set up automated email or in-app notifications for booking approvals and daily reports.

7. **Testing & Refinement**:
   - Conduct user testing to identify areas for improvement.
   - Refine the user interface and interactions based on feedback.

## USER EXPERIENCE
Users will experience a streamlined interface with easy navigation through the booking process. Admins will have comprehensive tools for managing room schedules and user roles. Notifications will keep users informed about the status of their requests, enhancing overall communication. The design will focus on clarity and accessibility, ensuring all users can efficiently interact with the application.