Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed for real estate management. It will provide a user-friendly interface for administrators to manage property listings efficiently. The application will allow admins to log in and access a dashboard where they can upload and edit property information, ensuring a streamlined experience for managing real estate assets.

## CORE FEATURES
1. **Admin Login**: Secure login functionality for administrators to access the backend dashboard.
2. **Property Dashboard**: A dedicated interface for admins to upload new properties, edit existing listings, and manage property details including images, titles, and descriptions.
3. **Property Listings Page**: A public-facing page displaying all available properties with essential details and images.
4. **About Us Page**: Information about the real estate agency, its mission, and team members.
5. **Contact Page**: A simple contact form allowing potential clients to reach out for inquiries.
6. **Search Functionality**: Users can search for properties based on criteria such as location, price range, and property type.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - Clean, simple design with plenty of white space, a minimal color palette, and a strong focus on typography.
- **Color Mode**: Light theme with dark text on light backgrounds, providing a pleasant reading experience.
- **Layout**: 
  - The main layout will feature a top navigation bar for easy access to the properties, about us, and contact pages.
  - The property dashboard will consist of a sidebar for navigation and a main content area for uploading/editing property details.
- **Typography**: 
  - Primary font: 'Roboto' for a modern, clean look.
  - Secondary font: 'Arial' for body text to ensure readability.
  - Hierarchy: Headings in bold with larger font sizes, body text in regular weight for clarity.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for building a robust and type-safe frontend application.
- **Styling**: Tailwind CSS for utility-first styling, allowing for rapid UI development.
- **UI Components**: Utilize shadcn/ui for pre-designed components that ensure consistency and save development time.
- **State Management**: Use React's built-in state management for managing local state and consider Context API for global state management if necessary.

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project using Create React App with TypeScript.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui to the project.
3. **Create the Folder Structure**: Organize components, pages, and styles.
4. **Develop the Admin Login Page**: Implement authentication logic for admin users.
5. **Build the Property Dashboard**: Create forms for uploading and editing properties, integrate file upload functionality for images.
6. **Design the Property Listings Page**: Ensure properties are displayed cleanly with essential details.
7. **Create the About Us and Contact Pages**: Design simple, informative pages that adhere to the minimalist style.
8. **Implement Search Functionality**: Allow users to filter and search properties based on defined criteria.
9. **Test Responsiveness**: Ensure that the application is fully responsive and works well on various devices.
10. **Deploy the Application**: Choose a suitable hosting platform for deployment and ensure all features function as intended.

## USER EXPERIENCE
Admins will have a straightforward login flow, leading them to a dashboard where they can easily manage property listings. The interface will prioritize usability, allowing for quick uploads and edits. Users visiting the site will find a clean layout that emphasizes property visibility, with easy navigation to learn more about the agency and contact them for inquiries. The overall user experience will focus on simplicity, clarity, and efficiency, making it easy for both admins and potential clients to interact with the application.