Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This application is a modern minimalist web app designed to scrape Google Maps for businesses based on user-defined criteria, such as category, location, and specific requirements. Users can effortlessly find relevant businesses, such as dentists in Delhi without websites, and obtain key information like business name, category, phone number, and address.

## CORE FEATURES
1. **Business Category Selection**: Users can choose from a variety of business categories (e.g., Dentist, Restaurant, etc.) through a simple dropdown menu.
   
2. **Location Input**: A location input field allows users to specify their desired location, enhancing the search results' relevance.

3. **Requirement Filtering**: Users can set specific requirements (e.g., "No Website") to refine the search results, ensuring they find suitable businesses.

4. **Results Display**: A clean, organized list displays the businesses that match the search criteria, showing the business name, category, phone number, and address.

5. **Responsive Design**: The application is fully responsive, ensuring usability across various devices, including desktops, tablets, and smartphones.

6. **User-Friendly Navigation**: An intuitive navigation system guides users through the search process seamlessly, enhancing overall usability.

## DESIGN SPECIFICATIONS
- **Visual Style**: The design is minimalist, focusing on a clean and simple aesthetic with ample white space to enhance readability and focus.
  
- **Color Mode**: A light theme is employed, featuring dark text on light backgrounds to ensure high contrast and readability.

- **Layout**: The main layout consists of a centered search form at the top, with a results section below that displays the scraped business information in a grid or list format. Adequate spacing is maintained to avoid clutter.

- **Typography**: Use a sans-serif font like "Roboto" or "Open Sans" for a modern look. Hierarchy should be established with larger font sizes for headings and smaller sizes for body text. Important information, such as business names, should be bolded for emphasis.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for component-based architecture and type safety.
  
- **Styling**: Tailwind CSS for utility-first styling, ensuring quick and responsive design adjustments.

- **UI Components**: Utilize shadcn/ui components for a consistent and modern UI experience.

- **State Management**: Implement React's Context API or Zustand for managing application state if needed.

## IMPLEMENTATION STEPS
1. **Set Up Development Environment**: Initialize the React app with TypeScript using Create React App or Vite.
  
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui to the project via npm or yarn.

3. **Create Components**:
   - Build a `SearchForm` component for business category, location input, and requirements.
   - Develop a `ResultsList` component to display the scraped business information.

4. **Implement Google Maps Scraping Logic**: Create a function to handle API requests to Google Maps, incorporating user-selected criteria.

5. **Handle State Management**: Integrate Context API or Zustand to manage search criteria and results.

6. **Style Components**: Use Tailwind CSS to apply minimalist styling, ensuring responsiveness and adherence to the design specifications.

7. **Test Functionality**: Conduct thorough testing to ensure all features work correctly and the UI is responsive across devices.

8. **Deploy the Application**: Use a platform like Vercel or Netlify for deployment, ensuring easy access for users.

## USER EXPERIENCE
Users begin their journey on a welcoming homepage with a clean search interface. They can select a business category and enter a location, along with any specific requirements. Upon clicking the search button, the results are displayed in a neatly organized list below, allowing users to quickly scan the information. The application maintains a focus on simplicity and ease of use, ensuring that users can find what they need without unnecessary distractions or complications. The responsive design guarantees a smooth experience whether accessed from a desktop or mobile device, making the application accessible to all users.