Lovable Prompt Creator - AI Prompt Generator

# Lovable Prompt for "ביקורת ניקיון מעונות" Web Application

## APPLICATION OVERVIEW
The “ביקורת ניקיון מעונות” application is a mobile web app designed for the student dormitories of the המרכז האקדמי לב. Its primary purpose is to facilitate fast, structured monthly cleaning inspections by supervisors, ensuring reliable data management and providing administrative oversight for dormitory managers.

## CORE FEATURES
1. **User Authentication**
   - Users can log in using email and password, with roles defined (Manager or Supervisor) to control access.

2. **Monthly Cleaning Inspections**
   - Supervisors conduct monthly inspections for each room, with the ability to score various cleanliness categories and submit reports.

3. **Room Status Tracking**
   - Each room’s status is updated based on inspection results, with visual indicators for completion and follow-ups required.

4. **User Management**
   - Managers can add, edit, and manage user roles, ensuring proper oversight and access control within the system.

5. **Real-Time Notifications**
   - Users receive immediate feedback on inspection submissions, including success messages or alerts for low scores.

6. **Data Storage and Management**
   - All data is securely stored in Supabase, ensuring that all actions are logged and easily retrievable for reporting.

## DESIGN SPECIFICATIONS
- **Visual Style:** Minimalist - Clean, simple design with plenty of white space, focusing on a straightforward user experience.
- **Color Mode:** Light theme with dark text on light backgrounds, incorporating subtle color accents for visual differentiation (e.g., a thin colored bar for each building).
- **Layout:** 
  - User Dashboard featuring a pyramid layout for room status.
  - Clear sections for user greetings, inspection forms, and navigation.
- **Typography:** 
  - Use sans-serif fonts for clarity and readability.
  - Headings should be larger and bold, while body text should be regular weight.

## TECHNICAL REQUIREMENTS
- **Framework:** React with TypeScript
- **Styling:** Tailwind CSS for rapid and responsive design.
- **UI Components:** Utilize shadcn/ui for consistent and modern UI elements.
- **State Management:** Use React Context API or a library like Redux if needed for complex state management.

## IMPLEMENTATION STEPS
1. **Set Up Project**
   - Initialize a new React project with TypeScript and configure Tailwind CSS.
   
2. **Create Authentication Flow**
   - Implement user authentication using Supabase for login and role management.
   
3. **Develop User Dashboard**
   - Build the dashboard interface where supervisors see their assigned building and room statuses.
   - Implement the pyramid layout to display rooms visually.

4. **Create Inspection Forms**
   - Develop forms for inputting cleaning scores, ensuring they adhere to the designed UX for ease of use.
   - Implement validation to ensure scores are entered correctly.

5. **Integrate Notifications System**
   - Set up real-time notifications for users to receive feedback on their submissions.
   
6. **Implement User Management Features**
   - Create admin functionalities to manage user roles and access.
   
7. **Data Management with Supabase**
   - Define database structures for users and inspections, ensuring data integrity and security.
   
8. **Testing and Deployment**
   - Thoroughly test the application for usability and performance before deploying it as a PWA.

## USER EXPERIENCE
- Upon logging in, users are greeted with a personalized welcome message.
- Supervisors can easily navigate to their specific building's room layout, conduct inspections, and receive immediate feedback.
- Managers have access to manage users efficiently and view inspection reports for oversight.
- The application should be mobile-first, ensuring that all functionalities are easily accessible on devices used by supervisors in the field.

This prompt outlines the structure and requirements for developing a robust cleaning inspection application that meets the needs of the central academic institution while ensuring a pleasant user experience.