Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This web application serves as an educational platform designed to transform users into experts in music production and beat-making. It utilizes advanced learning techniques grounded in neuroscience to facilitate mastery of the subject, making it suitable for intermediate to advanced users. The application will guide users through a structured learning journey, incorporating various interactive and engaging methods.

## CORE FEATURES
1. **Knowledge Map**: A visual representation that categorizes the subject into fundamentals, intermediate concepts, advanced topics, and specializations, highlighting the most impactful areas to focus on.
   
2. **Learning Plan**: A personalized study schedule that outlines daily tasks, weekly goals, and long-term milestones, optimized for retention and application, structured over different timeframes.

3. **Feynman Method Explanation**: A feature that simplifies complex concepts into easily digestible lessons, using analogies and practical examples, ensuring clarity and understanding.

4. **Memory Aids**: Creation of mnemonic devices, mental associations, and memorable stories for each key concept to enhance recall and retention.

5. **Active Recall Tools**: Development of 100 flashcards with mixed difficulty levels, including questions and answers to support active learning and self-testing.

6. **Spaced Repetition Schedule**: An automated review timeline that prompts users to revisit material at strategic intervals to reinforce memory.

## 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**: A single-column layout with a prominent hero section at the top, followed by informative sections for each core feature, ending with a clear call-to-action and contact information.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux (if needed for complex state management)

## IMPLEMENTATION STEPS
1. **Set Up Environment**: Initialize a new React project with TypeScript and install Tailwind CSS for styling.
2. **Create Layout Structure**: Design the main layout with a responsive single-column structure using Tailwind CSS.
3. **Develop Core Features**:
   - Implement the Knowledge Map as an interactive diagram.
   - Create the Learning Plan module with a calendar view for tasks.
   - Build the Feynman Method section with expandable cards for each concept.
   - Develop memory aids and active recall tools, including flashcard functionality.
   - Set up the spaced repetition schedule feature with reminders.
4. **Style Components**: Apply minimalist design principles to all components using Tailwind CSS, ensuring consistency in typography and color usage.
5. **Testing & Feedback**: Conduct user testing sessions to gather feedback and refine features according to user interactions.

## USER EXPERIENCE
Users will begin their journey on the homepage, where they will be greeted by a clean and engaging hero section. They can navigate through the features seamlessly, with intuitive interactions providing a straightforward path to learning. Key features, such as the Knowledge Map and Learning Plan, will allow users to visualize their progress and stay organized. The application will encourage active participation through engaging quizzes and spaced repetition reminders, ensuring a comprehensive and effective learning experience.