Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The Review Pain-Point Copilot is a web application designed to help product and business analysts quickly identify user pain points in mobile applications by analyzing real user reviews from the Google Play Store. Users simply paste a Play Store link, and the app provides a ranked, evidence-backed breakdown of the app's weaknesses, allowing for efficient decision-making and product improvement.

## CORE FEATURES
1. **Single Input for URL Submission**: Users can paste any Google Play Store app link, validated in real-time to ensure the correct format before submission.
2. **Automated Review Scraping**: The app fetches the most recent reviews from the Play Store using a server-side scraping function, focusing on user feedback for accurate analysis.
3. **Pain Point Clustering**: Leveraging an LLM API, the app clusters reviews into actionable themes, providing specific insights rather than vague summaries.
4. **Dynamic Results Display**: Results are presented in a ranked list format, showing theme names, mention counts, confidence levels, and relevant quotes for easy scanning.
5. **Caching Mechanism**: To enhance performance, results are cached for 24 hours, allowing users to access previously analyzed app data quickly.
6. **Error Handling**: The app gracefully manages errors from invalid URLs, insufficient reviews, and backend issues, ensuring a smooth user experience.

## 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 and body text and UI elements.
- **Border Radius**: 8px (moderately rounded) for buttons, cards, and inputs.
- **Layout**: Single-column layout with a prominent input field at the top, followed by a scannable, card-based list of results.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: Local component state (`useState`) is sufficient, no global state library needed for this flow.

## IMPLEMENTATION STEPS
1. **Set Up React Project**: Initialize a new React project using Create React App with TypeScript.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui for styling and UI components.
3. **Create Input Component**: Build a single input component for URL submission with validation logic.
4. **Implement Scraping Function**: Develop a serverless function using Node.js to scrape the Google Play Store reviews based on the provided URL.
5. **Integrate LLM API**: Set up a backend service to call the Claude API for clustering reviews into actionable themes and handle the response.
6. **Design Results Display**: Create a component to render the ranked list of pain points, ensuring to highlight the confidence levels and display quotes.
7. **Implement Caching**: Add a caching layer to store results based on package IDs for improved performance.
8. **Error Handling**: Implement robust error handling to manage user feedback for invalid inputs and API failures.
9. **Style Components**: Use Tailwind CSS to style components according to the design specifications, ensuring a cohesive minimalist aesthetic.
10. **Responsive Design**: Test and refine the application to ensure usability on mobile devices.

## USER EXPERIENCE
Users will land on a clean, minimal interface featuring a prominent input field where they can paste a Google Play Store app link. After submission, a loading indicator will inform them that the app is fetching and analyzing reviews. Once the analysis is complete, users will see a ranked list of pain points with detailed quotes and confidence levels, allowing them to quickly assess the app's weaknesses. The application will handle any errors gracefully, providing clear messages to guide users.