Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This application will be a web app designed for guitar lessons, featuring high-quality audio and video calling capabilities for online classes. It will also include an admin dashboard to manage users, assign tasks, and enhance the overall learning experience.

## CORE FEATURES
1. **High-Quality Audio/Video Calls**: Integrated calling functionality that ensures excellent audio and video quality for online guitar lessons.
2. **User Management Dashboard**: An admin panel to control user accounts, monitor progress, and manage lessons and tasks.
3. **Class Scheduling**: A feature that allows users to schedule and book classes with instructors directly through the app.
4. **Task Assignment**: Instructors can assign tasks or practice routines to students, similar to a classroom setting.
5. **Progress Tracking**: Users can track their learning progress and receive feedback from instructors.
6. **Resource Library**: Access to instructional videos, sheet music, and practice exercises.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - The design will be clean and simple, emphasizing usability with plenty of white space and a minimal color palette.
- **Color Mode**: Light theme with dark text on light backgrounds to enhance readability and reduce eye strain.
- **Layout**: The main layout will consist of a header with navigation links, a hero section to showcase the app’s features, and a grid layout for the dashboard with cards for user management and class scheduling.
- **Typography**: Use a sans-serif font for clean readability (e.g., "Roboto" or "Open Sans"), with a clear hierarchy for headings, subheadings, and body text.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript to ensure robust type-checking and better maintainability.
- **Styling**: Tailwind CSS for utility-first styling, enabling rapid design iterations and responsiveness.
- **UI Components**: Utilize shadcn/ui for consistent and customizable UI components.
- **State Management**: Consider using Redux or Context API if complex state management is necessary.

## IMPLEMENTATION STEPS
1. **Set Up Development Environment**: Initialize a new React project with TypeScript support and install Tailwind CSS.
2. **Create Project Structure**: Organize folders for components, pages, and styles according to best practices.
3. **Implement Authentication**: Set up user authentication with features for user registration and login.
4. **Develop the Admin Dashboard**: Create a user-friendly interface for managing users, classes, and tasks.
5. **Integrate Video Calling API**: Use a reliable API (like WebRTC or Zoom SDK) for the audio/video functionality.
6. **Build Scheduling and Task Features**: Implement the class scheduling system and create functionality for instructors to assign tasks.
7. **Design the Resource Library**: Create a section for instructional materials and resources accessible to users.
8. **Test User Flows**: Ensure all features are functioning as expected and conduct user testing to gather feedback.

## USER EXPERIENCE
Users will have a seamless experience from registration through to scheduling classes and attending lessons. The admin will easily manage users and tasks, while students will benefit from interactive lessons and straightforward navigation. The design will prioritize accessibility and responsiveness, ensuring that users can access the application on various devices without compromising functionality.