Programa que funcione desde la web para poder ser usado desde cualquier dispositivo, que me permita gestionar y controlar cada parte de una...
Generated Prompt
## APPLICATION OVERVIEW This web application is designed to streamline the management and control of a business focused on supplying and installing solar panels interconnected to the CFE for homes and businesses in Mexico. It features a robust CRM module, digital quoting and contract signing capabilities, and intelligent data interpretation for efficient operation and client engagement. ## CORE FEATURES 1. **CRM Module**: A comprehensive customer relationship management system that allows users to track leads, manage customer data, and analyze interactions to enhance client relationships. 2. **Digital Quoting and Contract Signing**: Users can generate quotes and contracts digitally, with a dedicated button to upload PDF files from CFE. The application will interpret the data contained in these files for contract preparation. 3. **Equipment Sizing Calculations**: Integration of data obtained from NASA for calculating the appropriate dimensions of solar equipment based on user input and site specifics. 4. **Suggested Pricing and Quotes**: The application will provide suggested quotations based on the registered photovoltaic equipment and associated pricing, ensuring competitiveness in the market. 5. **Consumption and Savings Graphs**: Visual representations of energy consumption and comparative savings, offering clients a clear understanding of potential ROI. 6. **User Dashboard**: A central hub for users to access all features easily, providing insights, notifications, and quick links to key functionalities. ## DESIGN SPECIFICATIONS - **Visual Style**: Minimalist - The design will emphasize clean lines, ample white space, and a simple aesthetic to ensure ease of use and clarity. - **Color Mode**: Light theme with dark text on light backgrounds for optimal readability and a calm user experience. - **Layout**: The main layout will consist of a sidebar navigation for core features, a top header for notifications and user settings, and a central content area for displaying forms, graphs, and data visualizations. - **Typography**: Use a modern sans-serif font (e.g., Inter or Roboto) for body text and headings, ensuring a clear hierarchy with larger sizes for headings and smaller sizes for body text. ## TECHNICAL REQUIREMENTS - **Framework**: React with TypeScript to ensure type safety and robust application structure. - **Styling**: Tailwind CSS for utility-first styling, enabling rapid development and a responsive design. - **UI Components**: Utilize shadcn/ui for reusable and customizable UI components that align with the minimalist design. - **State Management**: Implement Zustand or Redux for managing application state effectively, ensuring smooth user interactions. ## IMPLEMENTATION STEPS 1. **Set Up the Development Environment**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui. 2. **Create Core Components**: Develop the main layout components (Sidebar, Header, Main Content Area) using Tailwind CSS for styling. 3. **Implement the CRM Module**: Design the CRM feature with forms for customer data entry, lead tracking, and interaction history. 4. **Build the Digital Quoting Module**: Create functionality for uploading PDF files, integrating a library for PDF parsing to extract data, and generating contracts. 5. **Integrate NASA Data for Calculations**: Set up API calls or data fetching mechanisms to retrieve and utilize NASA data for equipment sizing. 6. **Develop Graphical Representations**: Implement charts and graphs using libraries like Chart.js or D3.js to visualize consumption and savings data. 7. **Testing and Deployment**: Conduct thorough testing for usability and performance, then deploy the application on a web server or cloud platform. ## USER EXPERIENCE The application will provide a seamless user experience by guiding users through each feature with intuitive navigation and clear calls to action. Users will easily upload documents, receive instant feedback on pricing and sizing, and visualize their energy consumption and savings through accessible graphs. The minimalist design will promote focus, ensuring users can efficiently manage their solar panel business operations without distraction.
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!
