Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed to serve as a comprehensive resource for interview preparation focused on Playwright with pytest. The main purpose is to provide users with a curated list of the top 50 frequently asked interview questions, along with in-depth analysis and a complete setup guide that covers the end-to-end use of the Playwright framework with pytest.

## CORE FEATURES
1. **Question Repository**: A well-organized database of the top 50 interview questions related to Playwright with pytest, including categorized sections for easier navigation.
2. **In-Depth Analysis**: Each question will be accompanied by a detailed analysis, including common pitfalls, best practices, and example answers to aid understanding.
3. **Setup Guide**: A step-by-step guide on how to set up the Playwright with pytest framework, including installation instructions and configuration tips.
4. **Search Functionality**: Users can easily search for specific questions or topics within the repository to quickly find relevant information.
5. **Responsive Design**: The application will be fully responsive, ensuring a seamless experience across devices, from desktops to mobile phones.
6. **User Feedback Section**: A section for users to submit their feedback or additional questions, fostering a community-driven approach to the resource.

## 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 feature a top navigation bar, followed by a hero section introducing the application, a main content area displaying the questions and their analyses, and a footer with contact information and links to user feedback.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: React Context API (or any other state management library as required)

## IMPLEMENTATION STEPS
1. **Setup the Development Environment**:
   - Initialize a new React app with TypeScript.
   - Install Tailwind CSS and configure it according to the documentation.
   - Set up shadcn/ui for UI components.
  
2. **Create the Main Structure**:
   - Develop the main layout structure with a navigation bar, hero section, and footer.
   - Use Tailwind CSS to apply the minimalist design as per specifications.

3. **Implement the Question Repository**:
   - Design the data model to store questions, answers, and analyses.
   - Create a mock data set for the top 50 questions to begin with.

4. **Build Core Features**:
   - Implement the question repository display, along with the in-depth analysis functionality.
   - Add the search functionality to filter questions based on user input.

5. **Create the Setup Guide**:
   - Develop a dedicated section for the setup guide, providing clear installation steps and configuration settings.

6. **Implement User Feedback Section**:
   - Create a form for user feedback and integrate it with the state management solution for collecting and displaying feedback.

7. **Testing and Deployment**:
   - Conduct thorough testing to ensure responsiveness and functionality across devices.
   - Deploy the application to a hosting platform of choice.

## USER EXPERIENCE
Users will land on a clean and simple interface where they can easily navigate through the repository of interview questions. The search functionality allows them to quickly find specific queries, while each question opens up to reveal a detailed analysis, enhancing their understanding. The setup guide will serve as a valuable resource for users looking to configure their environment, and the user feedback section encourages interaction and community engagement, making the application a living document that evolves with user contributions.