Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This application is a web platform designed to connect landlords who want to rent out their apartments with tenants looking for rental properties. Similar to Glassdoor, users can leave reviews and complaints about their experiences, providing valuable insights to future renters and enhancing transparency in the rental market.

## CORE FEATURES
1. **User Registration/Login**: Allow users to create accounts and log in to manage their profiles and submissions.
2. **Property Listings**: Landlords can create, manage, and display their rental property listings including photos, descriptions, and pricing.
3. **Review System**: Tenants can leave reviews and ratings for properties, providing feedback on their experiences.
4. **Search and Filter**: Users can search for properties based on various criteria such as location, price range, and amenities.
5. **Report Issues**: Users can report any issues or complaints regarding listings or other users to ensure community safety.
6. **Contact Landlord**: A direct messaging feature allowing potential tenants to inquire about properties and arrange viewings.

## 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 include a header with navigation, a hero section for property highlights, followed by the property listings section, a review submission area, and a footer with contact information.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: React Context API or Redux (if necessary for more complex state management)

## IMPLEMENTATION STEPS
1. **Project Setup**: Initialize a new React project with TypeScript using Create React App.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui for styling and component library.
3. **Create Components**: Develop reusable components for header, footer, property cards, review forms, and search filters.
4. **Set Up Routing**: Implement React Router for navigation between different views such as home, property detail, and user profile pages.
5. **Implement Authentication**: Set up user registration and login functionality using Firebase Authentication or a similar service.
6. **Build Property Listings**: Create a form for landlords to submit their properties and a display page for all listings.
7. **Implement Review System**: Enable tenants to submit reviews and connect them to property listings.
8. **Testing and Debugging**: Ensure all components function correctly and are responsive across devices.
9. **Deployment**: Deploy the application using a service like Vercel or Netlify.

## USER EXPERIENCE
Users will experience a straightforward and intuitive interface. Upon landing on the page, they will be greeted by a hero section showcasing featured properties. They can easily navigate through property listings, filter their search, and view detailed information about each listing. The review system will allow users to share their feedback seamlessly, ensuring that both landlords and tenants can engage effectively in the platform.