Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This application is a web app designed to facilitate Spanish language learning through the TPRS method (Teaching Proficiency through Reading and Storytelling). It combines reading comprehension and storytelling techniques to help users acquire Spanish effectively. The app will provide interactive lessons, storytelling features, and assessment tools to enhance the learning experience.

## CORE FEATURES
1. **Interactive Lessons**: Engaging lessons that incorporate storytelling, allowing users to learn vocabulary and grammar contextually.
2. **Reading Comprehension Activities**: Exercises and quizzes based on stories read by the user to reinforce understanding and retention.
3. **Audio Support**: Narration of stories and lessons to support auditory learning and pronunciation.
4. **Progress Tracking**: Users can monitor their learning journey with metrics on vocabulary acquisition, lesson completion, and comprehension scores.
5. **User Community**: A forum or chat feature where users can interact, share experiences, and practice Spanish conversational skills with peers.
6. **Customizable Learning Paths**: Users can select topics of interest to tailor their learning experiences, making it more relevant and engaging.

## 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 main content area for lessons and activities, and a footer for additional resources and links.

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

## IMPLEMENTATION STEPS
1. **Set Up Project Environment**: Initialize a new React project using TypeScript and install Tailwind CSS for styling.
2. **Design Layout**: Create the main layout structure with a sidebar for navigation, main content area, and footer.
3. **Build Core Features**:
   - Develop interactive lesson components using React.
   - Implement reading comprehension activities with quizzes.
   - Integrate audio support for lessons.
4. **User Authentication**: Set up user authentication functionality to allow users to create accounts and track progress.
5. **Implement Progress Tracking**: Create components to display user progress and metrics.
6. **Create Community Features**: Develop a forum or chat feature for user interaction.
7. **Testing and Debugging**: Conduct thorough testing of all features and fix any bugs.
8. **Deploy Application**: Deploy the application on a suitable platform and ensure it is responsive across devices.

## USER EXPERIENCE
Users will start by creating an account and setting their learning preferences. The application will guide them through interactive lessons that blend reading and storytelling. They can listen to audio narrations to improve their pronunciation, complete quizzes to test comprehension, and track their progress over time. The community feature will encourage peer interaction, providing a supportive environment for practicing Spanish. Users will experience a seamless and engaging interface, designed to keep them motivated in their language learning journey.