Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project is a web application designed as an interactive escape room for students at B2-C1 English proficiency levels. The purpose is to create a fun and engaging environment for practicing grammar concepts such as infinitives, "TO BE + Infinitive," and "was/were + to have done." This application will provide an immersive learning experience that enhances language skills through gamification.

## CORE FEATURES
1. **Interactive Challenges**: Users will face various grammar-based puzzles that they must solve to progress through the escape room.
2. **Progress Tracking**: Students can track their progress and see which grammar points they have mastered and which need more practice.
3. **Hints and Tips**: Integrated hints will assist users when they are stuck, providing explanations of grammar rules as needed.
4. **Leaderboard**: A leaderboard to encourage competition among students, showcasing top performers based on completion time and accuracy.
5. **Feedback Mechanism**: Users receive immediate feedback on their answers, helping reinforce learning and understanding of grammar concepts.
6. **Responsive Design**: The application will be fully responsive, ensuring an optimal experience on both desktop and mobile devices.

## 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 hero section to introduce the escape room, followed by interactive challenge sections, a progress tracking area, and a leaderboard section. The footer will include contact information and resources.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Use Context API or a state management library like Redux if needed for more complex state handling.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui.
2. **Create Layout Components**: Develop the layout structure, including the hero section, challenge sections, progress tracker, and leaderboard.
3. **Implement Interactive Challenges**: Build out the interactive puzzles, ensuring each challenge corresponds to specific grammar rules.
4. **Integrate Progress Tracking**: Create a system to track user progress and integrate it into the UI.
5. **Develop Feedback Mechanism**: Ensure that users receive immediate feedback on their answers, including hints and explanations.
6. **Test Responsiveness**: Ensure that the application is responsive across different devices and screen sizes.
7. **Deploy Application**: Deploy the application using a platform like Vercel or Netlify for public access.

## USER EXPERIENCE
Users will begin at the hero section, where they can start their journey into the escape room. As they progress through the interactive challenges, they will receive immediate feedback and hints. Once they complete a challenge, they can view their progress and see how they rank on the leaderboard. The overall experience will emphasize engagement and motivation, providing a seamless transition between learning and gameplay. 

This comprehensive prompt provides a clear direction for creating a functional, engaging, and educational escape room application tailored to students learning English grammar.