Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
Find My Product is a production-ready, mobile-first web application that serves as an AI-powered local commerce marketplace. It connects customers with nearby offline stores based on their product needs, offering a seamless experience for product discovery and purchase.

## CORE FEATURES
1. **AI Product Identification**: Users can take or upload a photo of a product, which the AI analyzes to identify product details, minimizing manual input.
2. **Automatic Location Detection**: The application requests GPS access to automatically detect the user's location and find relevant nearby stores without requiring manual entry.
3. **Store Matching Engine**: Based on the user’s location and identified product, the system sends requests to multiple nearby verified stores, allowing users to compare prices and availability.
4. **Merchant Dashboard**: Store owners have their own login to manage incoming requests, respond with availability and pricing, and track their performance.
5. **Customer Comparison Screen**: After receiving responses from stores, customers can easily compare options based on price, distance, and store reliability before making a selection.
6. **Trust and Reputation System**: Both customers and merchants can leave reviews, helping to establish a two-sided trust system that enhances the marketplace's reliability.

## 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 responsive design with a top navigation bar, a central content area for product search and results, and a footer for additional links and information.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux or Context API for global state management

## IMPLEMENTATION STEPS
1. **Set Up Development Environment**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Create Core Components**: Build components for the main features including the product search interface, merchant dashboard, and comparison screen.
3. **Implement AI Integration**: Set up a backend service to handle AI product identification using secure API calls.
4. **Develop Location Services**: Implement automatic location detection using browser geolocation API and handle permissions gracefully.
5. **Build Store Matching Engine**: Develop the logic for matching customer requests with nearby stores based on location and product relevance.
6. **Create User Authentication**: Set up secure login and registration for both customers and merchants.
7. **Design User Interfaces**: Utilize Tailwind CSS to style components according to the minimalist design specifications.
8. **Test User Flows**: Conduct thorough testing of all user interactions, ensuring a seamless experience from product search to store selection.

## USER EXPERIENCE
Users will first open the Find My Product app, where their location is automatically detected. They can then take a photo, upload an image, or search for a product by name. The AI will identify the product and display relevant information, allowing the user to confirm their selection. After confirming, the app sends requests to nearby stores. Users will receive responses and can compare different options based on availability, price, and reviews before selecting a store for pickup, order, or delivery. 

This approach ensures a user-friendly, efficient experience while maintaining a clear focus on local commerce and real-time product availability.