Lovable Prompt Creator - AI Prompt Generator

# Lovable Prompt for Web Application

## APPLICATION OVERVIEW
This application is a comprehensive web platform designed for managing educational resources, enabling learners and educators to access materials, create accounts, and interact securely. With multi-user functionality and a focus on privacy, this app allows users to view their personal data, participate in a leaderboard, and manage their educational resources efficiently.

## CORE FEATURES
1. **User Authentication**: Implement secure login and registration using Superbase and Firebase, ensuring each user has a unique account to protect their data.
2. **Multi-User Functionality**: Allow learners and educators to maintain separate profiles with specific data visibility and interactions.
3. **Resource Management**: Enable creator to upload, view, and manage past exam papers, homework assignments for users to excess, educators excess lesson plans within their dashboards guided by school year calendar every year updated.
4. **Notification System**: Provide daily notifications for music suggestions and updates, ensuring users stay informed about new materials and features.
5. **Interactive Leaderboard**: Create a competition space where only learners and educators can participate, while general users have separate analytics displayed.
6. **Playlist Creation**: Allow users to create and manage their playlists, adding their favorite tracks seamlessly.

## 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 header for notifications and user actions, and a central area for displaying content and user interactions.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux or Context API as needed for managing user states and data flows.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install necessary dependencies (Tailwind CSS, Firebase, Superbase).
2. **Design Authentication Flows**: Create login and registration components integrating Firebase and Superbase for user management.
3. **Build User Dashboard**: Develop a dashboard layout that includes sections for resource management, notifications, and user-specific data.
4. **Implement Multi-User Functionality**: Ensure that all user interactions and data are isolated and secured, allowing only authorized access to individual accounts.
5. **Create Notification System**: Develop a backend service to handle notifications for updates and daily suggestions.
6. **Develop Resource Management Features**: Implement file upload and management capabilities for past papers, homework, and lesson plans.
7. **Test User Interactions**: Conduct thorough testing to ensure all functionalities work seamlessly, especially regarding data privacy and user-specific views.
8. **Deploy Application**: Once completed, deploy the application on a suitable hosting platform, ensuring all features are functional and user data is secure.

## USER EXPERIENCE
Users will interact with a clean, intuitive interface that allows them to log in with their credentials, view their personalized dashboard, and access educational resources. The notification system will keep users updated on new materials, while the playlist feature will enhance user engagement with their favorite tracks. The overall experience will focus on simplicity and effectiveness, ensuring that users can navigate and utilize the application without confusion.