Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This web application is designed for a real estate agency, providing a comprehensive platform to manage properties, contracts, and service providers. It features a user-friendly dashboard that allows agents to efficiently navigate through listings, manage client interactions, and streamline their operations.

## CORE FEATURES
1. **Dashboard**: A central hub displaying key metrics, recent activities, and quick access to various sections of the application.
2. **Property Management**: Ability to add, edit, and delete property listings with detailed information including images, descriptions, and pricing.
3. **Contract Management**: Tools for creating, tracking, and managing contracts associated with property transactions.
4. **Service Provider Directory**: A section to manage and categorize service providers, including contact information and services offered.
5. **User Authentication**: Secure login and user role management to ensure data protection and personalized access.
6. **Client Management**: Features for tracking client interactions, communications, and statuses related to property interests.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - Emphasize a clean and simple design with ample white space to enhance readability. The layout should focus on a straightforward user experience.
- **Color Mode**: Light theme with dark text on light backgrounds for optimal readability and a modern aesthetic.
- **Layout**: Utilize a grid-based layout for the dashboard, with cards for each feature, ensuring easy navigation and accessibility. Sidebar navigation for quick access to different sections.
- **Typography**: Use sans-serif fonts for a clean look, with a clear hierarchy for headings, subheadings, and body text to guide user attention effectively.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for robust component-based architecture.
- **Styling**: Tailwind CSS for utility-first styling that allows rapid UI development.
- **UI Components**: Utilize shadcn/ui for pre-built components that adhere to the minimalist design and enhance usability.
- **State Management**: Implement React Context API or a state management library like Redux for managing application state efficiently.

## IMPLEMENTATION STEPS
1. **Set up the development environment**: Initialize a new React project with TypeScript, install necessary dependencies (React Router, Tailwind CSS, shadcn/ui).
2. **Create a folder structure**: Organize components, pages, and styles for scalability and maintainability.
3. **Implement the dashboard**: Design and code the dashboard layout with key performance indicators and navigation links.
4. **Build the property management feature**: Develop CRUD operations for property listings, including forms for data entry and tables for display.
5. **Set up contract management**: Create components for contract creation and management, ensuring data integrity and easy access.
6. **Integrate user authentication**: Implement secure login functionality and role-based access control for different user types (admin, agent).
7. **Develop the service provider directory**: Allow users to add and manage service providers, including search and filter functionalities.
8. **Test the application**: Conduct usability testing and fix any bugs or issues that arise.

## USER EXPERIENCE
Users will interact with a streamlined dashboard that provides an overview of their activities and key metrics. They can easily navigate through property listings, manage contracts, and access service providers with intuitive controls. The responsive design ensures that the application is usable on various devices, enhancing accessibility for agents on-the-go. Clear calls to action and feedback mechanisms will guide users through their tasks efficiently, creating a smooth and engaging experience.