یک سایت برای مدیریت فایل های املاک
Generated Prompt
## APPLICATION OVERVIEW This project is a web application designed for managing real estate files. The application will provide users with the ability to upload, organize, and retrieve property-related documents efficiently. It aims to streamline the management of real estate assets while ensuring a user-friendly experience. ## CORE FEATURES 1. **User Authentication**: Secure login and registration system to ensure only authorized users can access their files. 2. **File Upload and Management**: Users can upload various file types (PDFs, images, etc.) related to their properties, with options to categorize and tag them for easy retrieval. 3. **Search and Filter**: A robust search functionality that allows users to quickly find files using keywords, tags, or filters based on property types. 4. **Dashboard Overview**: A clean and intuitive dashboard that provides users with an overview of their uploaded files and allows for easy navigation and management. 5. **File Sharing**: Enable users to share files with clients or colleagues through secure links or email invitations. 6. **User Profile Management**: Users can manage their profile settings, including changing passwords and updating contact information. ## 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 consist of a top navigation bar, a sidebar for file categories, and a main content area that displays files and dashboards. The design will prioritize a clean and organized structure to enhance user navigation. ## TECHNICAL REQUIREMENTS - **Framework**: React with TypeScript - **Styling**: Tailwind CSS - **UI Components**: shadcn/ui - **State Management**: Redux Toolkit for managing application state effectively. ## IMPLEMENTATION STEPS 1. **Set Up Project**: Initialize a new React project with TypeScript and install necessary dependencies including Tailwind CSS and Redux Toolkit. 2. **Create Authentication Module**: Implement user registration and login functionality using JWT for secure authentication. 3. **Develop File Management System**: Create components for file upload, categorization, and management. Ensure that files can be tagged and organized effectively. 4. **Implement Dashboard**: Design and build the dashboard layout with summary statistics and direct links to recently accessed files. 5. **Add Search and Filter Features**: Develop a search bar and filtering options to allow users to find files quickly. 6. **Implement Sharing Functionality**: Set up a system to generate secure links for sharing files with external users. 7. **Design User Profile Management**: Create a user settings page where users can update their profile information and manage app settings. 8. **Test Application**: Conduct thorough testing of all features to ensure functionality across devices and browsers. ## USER EXPERIENCE Users will have a seamless experience navigating through the application. Upon logging in, they will be greeted with a dashboard that provides an overview of their files. The intuitive layout will allow users to easily upload new documents, search for existing ones, and manage their profiles. The minimalist design will ensure that users can focus on their tasks without distractions, making the management of real estate files efficient and straightforward.
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!
