Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This application is a web-based SaaS MVP designed specifically for real estate agencies in Mexico. Its primary purpose is to enable agents to quickly register properties and automatically generate QR codes that can be printed on promotional banners, allowing potential buyers to scan and view detailed property information on their mobile devices without needing to contact the agent.

## CORE FEATURES
1. **Property Registration**: A user-friendly form that allows agents to input property details such as location, price, images, and descriptions quickly.
2. **QR Code Generation**: Automatic creation of a QR code linked to each property's unique mobile webpage, ready for printing.
3. **Mobile Optimized Property Pages**: Responsive design for property listings that ensures a seamless experience on mobile devices.
4. **Dashboard for Agents**: A centralized dashboard where agents can manage all their listings, view statistics, and edit property details.
5. **Search and Filter Functionality**: Tools for potential buyers to easily search and filter properties based on various criteria like price, location, and type.
6. **User Authentication**: Secure login and registration for agents to protect their data and listings.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - A clean and simple design that emphasizes usability, with ample white space to enhance readability and focus on content.
- **Color Mode**: Light theme featuring dark text on light backgrounds, promoting clarity and reducing eye strain.
- **Layout**: 
  - A top navigation bar for easy access to different sections of the app (e.g., Dashboard, Register Property, Listings).
  - A grid layout for property listings, allowing for clear visual separation and easy scanning of property details.
  - Consistent spacing between elements to create a balanced and organized appearance.
- **Typography**: 
  - Use a sans-serif font like "Roboto" for headings and body text to maintain modernity and readability.
  - Establish a clear hierarchy with larger, bold headings for section titles, medium-sized text for property names, and standard weight for descriptions.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for type-safe development and component-based architecture.
- **Styling**: Tailwind CSS for utility-first styling that allows for rapid design iterations and responsiveness.
- **UI Components**: Utilize shadcn/ui library for pre-built components that align with the minimalist design ethos.
- **State Management**: Use React's Context API or Zustand for lightweight state management.

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project with TypeScript and install dependencies (React Router, Tailwind CSS, shadcn/ui).
2. **Create the Foundation**: Set up a basic structure with components for the header, footer, and main content area.
3. **Develop Core Features**: 
   - Build the Property Registration form component with validation and state management.
   - Implement QR code generation using a library like `qrcode.react`.
   - Create the Mobile Optimized Property Page layout.
4. **Build the Dashboard**: Design the dashboard for agents to view their listings and include functionality for editing and deleting properties.
5. **Implement Search and Filter**: Develop a search component with filtering options that dynamically update the property listings.
6. **Set Up User Authentication**: Integrate user authentication using Firebase or a similar service for secure logins and user management.
7. **Responsive Design Testing**: Ensure all components are responsive and work well on various screen sizes.

## USER EXPERIENCE
Key user interactions include:
- **Property Registration**: Agents will fill out a streamlined form to quickly add new listings, with real-time feedback on required fields.
- **QR Code Scanning**: Once a property is registered, agents can generate and download a QR code with one click, which can then be printed on marketing materials.
- **Dashboard Navigation**: Agents can easily navigate through their listings, edit details, and view statistics, all from a clean and organized dashboard.
- **Mobile Viewing**: Potential buyers can effortlessly scan QR codes and are taken to a mobile-optimized page that clearly displays property information with easy navigation back to the listings.

This prompt provides a comprehensive framework to create a fully functional minimalist web application tailored to the specific needs of real estate agencies in Mexico.