Descrição do projeto — Site Imobiliário (JVR Imóveis)
Generated Prompt
```markdown ## APPLICATION OVERVIEW Develop a premium real estate web application for JVR Imóveis aimed at providing a highly professional platform for property brokers. The application will feature a modern, responsive (mobile-first) design focused on performance, usability, and conversion, with dedicated areas for public visitors to search and view properties, and an administrative section for brokers to manage listings. ## CORE FEATURES 1. **Public Area (Client-Facing)** - **Home Search Tool**: An intuitive search interface allowing users to toggle between BUY/RENT options to filter and find properties quickly. 2. **Property Listing Page** - **Modern Cards Layout**: Showcase properties with advanced sorting, pagination, and scrolling features, including filters for purpose (sale/rent), city, property type, room count, price range, and additional features. 3. **Property Detail Page** - **Comprehensive Information**: Each property will have its own page featuring a gallery of images, detailed descriptions, technical specifications, and a strong call-to-action button for contacting via WhatsApp. 4. **Admin Area** - **Secure Login**: A protected admin panel for brokers to log in and manage listings. - **Property Management**: Capabilities for complete property registration, photo uploads, editing, activating/deactivating, and deleting listings with control over their display order. 5. **SEO Optimized Structure** - **User-Friendly URLs**: Implement best practices for SEO including friendly URLs, meta tags, and optimized performance for improved visibility. ## DESIGN SPECIFICATIONS - **Visual Style**: Minimalist, emphasizing a clean and simple design with ample white space, minimal color palette, and strong typography focus. - **Color Mode**: Light theme featuring dark text on light backgrounds to enhance readability and create a modern aesthetic. - **Layout**: - **Home Page**: A streamlined search bar at the top, followed by highlighted listings in card format. The footer will include essential links. - **Property Listing Page**: A grid layout of property cards with filters on the side for easy navigation. - **Property Detail Page**: A single-column layout featuring a large image gallery at the top, followed by property details and a prominent CTA button. - **Typography**: Use of sans-serif fonts such as Inter or Montserrat for body text and headings, ensuring a hierarchy that guides the user’s attention effectively. ## TECHNICAL REQUIREMENTS - **Framework**: React with TypeScript for type safety and robust development. - **Styling**: Tailwind CSS for utility-first styling, ensuring rapid design implementation. - **UI Components**: Utilize shadcn/ui for pre-designed components that align with the minimalist aesthetic. - **State Management**: Redux or Context API, as needed, for managing the state of the application effectively. ## IMPLEMENTATION STEPS 1. Set up the React project with TypeScript and Tailwind CSS. 2. Create a responsive navigation bar with links to the home and admin areas. 3. Develop the public area: - Implement the home search tool. - Create the property listing page with filtering options. - Design the property detail page with image gallery and CTA. 4. Build the admin area: - Implement secure login functionality. - Develop forms for property registration and management. 5. Optimize the application for SEO: - Configure routing for user-friendly URLs. - Implement meta tags and performance optimizations. 6. Conduct thorough testing for responsiveness across devices. ## USER EXPERIENCE Users will first interact with the home page, utilizing the search tool to filter through listings. They can view detailed property pages for more information and contact the broker directly via WhatsApp. Brokers will access the admin area to manage their listings seamlessly, ensuring they can quickly add or update properties while maintaining an intuitive interface. ```
Loved by thousands of makers from
From early prototypes to real products, they started here.







































Generate optimized prompts for your vibe coding projects
Generate prompt
Enter a brief description of the app you want to build and get an optimized prompt
Review and use your prompt
Review (and edit if necessary) the generated prompt, then copy it or open it directly in your chosen platform
Get inspired with new ideas
Get AI-generated suggestions to expand your product with features that will surprise your users
Frequently Asked Questions
Everything you need to know about creating better prompts for your Lovable projects
Still have questions?
Can't find what you're looking for? We're here to help!
