Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
EDUC.LIVE is a web application designed for an interactive live classroom streaming platform. It facilitates real-time educational sessions, enabling seamless participation tracking, automated attendance management, and comprehensive user management. Leveraging technologies like Supabase for backend and LiveKit for audio/video streaming, this application aims to enhance the online learning experience.

## CORE FEATURES
- **User Authentication**: Secure login system with role-based access control for students, teachers, moderators, and administrators.
- **Real-Time Class Management**: Create and manage classes with live status updates for participants, including attendance tracking and notifications.
- **Interactive Classroom**: Live streaming capabilities with video and audio sharing, where teachers can engage with students directly in real-time.
- **User Profile Management**: Editable user profiles allowing users to update personal information, including photo uploads and password changes.
- **Notification Center**: A centralized hub for users to receive updates about class statuses, new recordings, and other important alerts.
- **Attendance Reporting**: Detailed reports on student attendance, participation metrics, and interaction logs, accessible by administrators and specific user roles.

## 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 be a responsive grid system that adapts to various screen sizes, ensuring a fluid user experience. Key components such as headers, footers, and sidebars will be included for navigation and utility.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Zustand or React Context API for managing user states and session information.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and integrate Tailwind CSS for styling.
2. **Install Dependencies**: Install necessary libraries like Supabase for database management and LiveKit for real-time communication.
3. **Create Authentication Flow**: Develop user authentication features, including login, registration, and password recovery functionalities using Supabase Auth.
4. **Design User Interface**: Implement the minimalist design using Tailwind CSS, ensuring that the application is responsive and includes the specified typography and color scheme.
5. **Integrate Streaming Features**: Set up LiveKit for real-time audio/video streaming, incorporating controls for teachers to manage sessions.
6. **Build Dashboard Components**: Create components for class management, user profiles, and notifications, ensuring they are functional and adhere to the design specifications.
7. **Implement Attendance Tracking**: Develop the backend logic for tracking attendance, including real-time updates and reporting functionalities.
8. **Testing and Deployment**: Thoroughly test the application for responsiveness, functionality, and security. Deploy the application using a suitable hosting service.

## USER EXPERIENCE
Users will have an intuitive interface with a focus on ease of use. Upon logging in, users can access their dashboard to view active classes, notifications, and personal profiles. Teachers will be able to start live sessions with a simple click, while students can join easily. The notification center will keep users informed about class updates, and attendance reports will provide insights into student engagement. The overall experience will prioritize responsiveness to ensure seamless access across devices.