Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed to teach beginners the art of card magic (cartomagia) through interactive lessons and tutorials. The app will provide easy-to-follow techniques and tricks, fostering a community of aspiring magicians while ensuring a seamless learning experience.

## CORE FEATURES
1. **Interactive Lessons**: Engaging video tutorials that guide users through basic to advanced card tricks with step-by-step instructions.
2. **Practice Mode**: A feature that allows users to practice tricks with real-time feedback and tips on improving their technique.
3. **Community Forum**: A space for users to share their experiences, ask questions, and discuss techniques with fellow learners.
4. **Progress Tracking**: Users can track their progress and milestones as they complete lessons and master new tricks.
5. **Tips & Tricks Library**: A comprehensive library of additional techniques, tips, and resources for further learning.
6. **User Profiles**: Personalized profiles where users can save their favorite tricks, track progress, and connect with others.

## 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 structure consists of a header with navigation links, a hero section showcasing featured lessons, followed by sections for community highlights, progress tracking, and a footer with contact information.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux Toolkit (for managing user states and progress tracking)

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui components.
2. **Create the User Interface**: Develop the main layout with a header, hero section, and footer using Tailwind CSS for styling.
3. **Implement Core Features**:
   - Build the interactive lessons module with video content and step-by-step instructions.
   - Develop the practice mode functionality to provide feedback.
   - Create the community forum with discussion threads and user-generated content.
   - Set up progress tracking using Redux Toolkit for state management.
   - Compile the tips & tricks library and user profiles into the main application.
4. **Test Functionality**: Conduct thorough testing for all features, ensuring usability and responsiveness across devices.
5. **Deploy Application**: Use a platform like Vercel or Netlify to deploy the application for public access.

## USER EXPERIENCE
Users will start by landing on the homepage, which features an inviting hero section showcasing popular lessons. They can navigate through interactive lessons and practice modes, track their progress, and engage with the community through the forum. The design ensures all elements are easily accessible and visually appealing, promoting a seamless learning experience while encouraging users to explore and master card magic.