No está en el grupo de WhatsApp, añadir - un dashboard para una comunidad de regantes que tenga dos zonas principales una zona regantes (gestión...
Generated Prompt
## APPLICATION OVERVIEW This application is a web-based dashboard designed for a community of irrigators, featuring two main areas: the irrigators' management section and an electronic headquarters section. The goal is to provide a user-friendly interface for both individual irrigators and community managers to oversee community operations effectively. ## CORE FEATURES 1. **User Alerts**: Notifications for users regarding outstanding payments, incomplete personal information, and WhatsApp group membership status. 2. **Personal Data Management**: A section for users to view and edit their personal information, including email and phone number. 3. **Plot Management**: A detailed overview of users' parcels presented in both a list and a map format. 4. **Receipt Management**: A comprehensive list of receipts with filters for year, receipt number, amount, and status. 5. **Management Tools**: A dedicated area for community managers to manage irrigators, including communication options and batch notifications for payment reminders. 6. **Reporting and Analytics**: Tools for generating reports on debtors, with filtering options for customized insights. ## DESIGN SPECIFICATIONS - **Visual Style**: Minimalist - The design will be clean and simple, emphasizing usability. There will be ample white space to enhance readability and focus on the content. - **Color Mode**: Light theme featuring dark text on light backgrounds to ensure high contrast and readability. - **Layout**: The application will feature a sidebar menu for navigation, with clear separation between the irrigators' management area and the electronic headquarters. Each section will utilize distinct color accents for differentiation. - **Typography**: Utilize a sans-serif font for a modern look (e.g., "Roboto" or "Open Sans"), with a clear hierarchy: headings will be bold and larger, body text will be regular weight for easy reading. ## TECHNICAL REQUIREMENTS - **Framework**: React with TypeScript for a robust, scalable application. - **Styling**: Tailwind CSS to achieve a responsive and flexible design. - **UI Components**: Utilize shadcn/ui for consistent and modern UI elements. - **State Management**: Use React Context or Redux if complex state management is required. ## IMPLEMENTATION STEPS 1. **Set Up the Development Environment**: Initialize a new React project with TypeScript and Tailwind CSS. 2. **Create the Main Layout**: Design the sidebar with navigation links for both sections (Irrigators Management and Electronic Headquarters). 3. **Implement User Alerts**: Develop a notification system that displays alerts based on user status (e.g., outstanding payments). 4. **Build Personal Data Management**: Create forms for users to view and edit their personal information securely. 5. **Develop Plot Management**: Implement both list and map views for users' parcels, ensuring the map is interactive. 6. **Receipt Management Feature**: Create a receipts table with filtering capabilities to allow users to manage their financial records effectively. 7. **Management Tools for Community Managers**: Develop functionalities for batch communication and reports on debtors, with options for selecting communication channels. 8. **Testing and Deployment**: Conduct comprehensive testing for usability and functionality, followed by deploying the application to a suitable hosting environment. ## USER EXPERIENCE Users will have a seamless experience navigating through the dashboard. The sidebar will provide clear access to all features, with visual cues indicating the active section. Alerts will be prominently displayed to ensure users are informed about important actions needed. Interactive components will enable quick actions, such as sending messages directly from individual irrigator profiles. The overall design will prioritize clarity and ease of use, making it accessible for all users regardless of their technical skills.
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!
