Um aplicativo contendo um banco de dados, com tabelas para contatos, imoveis e atendimentoa.
Generated Prompt
```markdown ## APPLICATION OVERVIEW This application is a web app designed to manage a database that includes tables for contacts, properties (imóveis), and service requests (atendimentos). It aims to provide users with a straightforward interface to efficiently handle and organize their data, ensuring ease of access and manipulation. ## CORE FEATURES 1. **User Authentication**: Secure login and registration for users to manage their data safely. 2. **Contacts Management**: A section for users to add, edit, and delete contact entries, including details like name, phone number, and email. 3. **Properties Database**: Users can create, update, and delete listings for properties, including information such as location, price, and description. 4. **Service Requests Tracking**: A feature to log service requests associated with properties, allowing users to track progress and status. 5. **Search and Filter**: Users can easily search and filter through contacts, properties, and service requests to find relevant information quickly. 6. **Dashboard Overview**: A user-friendly dashboard displaying key metrics and quick access links to various sections of the app. ## 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 feature a sidebar for navigation, a header for actions, and a central content area displaying the relevant tables and forms. ## TECHNICAL REQUIREMENTS - **Framework**: React with TypeScript - **Styling**: Tailwind CSS - **UI Components**: shadcn/ui - **State Management**: React Query for data fetching and state management ## IMPLEMENTATION STEPS 1. **Set up the React project**: Initialize a new React project with TypeScript and install necessary dependencies for Tailwind CSS and shadcn/ui. 2. **Create the main layout**: Develop the sidebar, header, and central content area using Tailwind CSS for styling. 3. **Implement User Authentication**: Set up authentication routes and components for login and registration. 4. **Build the Contacts Management feature**: Create the CRUD functionalities for managing contacts, including forms for adding and editing. 5. **Develop Properties Database**: Implement the necessary tables and forms to manage property listings. 6. **Set up Service Requests Tracking**: Create a section for users to log and track service requests related to properties. 7. **Integrate Search and Filter functionalities**: Add search and filtering options for contacts, properties, and service requests. 8. **Create the Dashboard Overview**: Design a dashboard that provides a summary of contacts, properties, and service requests with quick access links. ## USER EXPERIENCE The application will focus on providing a seamless user experience, with responsive design ensuring accessibility on different devices. Users will navigate through the sidebar to access different sections, filled with interactive elements that allow them to quickly manage their data. Key actions will be highlighted through the primary color, ensuring users can easily identify call-to-action buttons and essential features. ```
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!
