Un programa para poder organizar mi negocio llamado Terragua & Terraice.
Generated Prompt
## APPLICATION OVERVIEW The application, named Terragua & Terraice, is a web app designed to streamline and organize business operations for water purification and distribution, as well as ice manufacturing. It will facilitate employee management, customer organization, delivery scheduling, payment tracking, and effective communication with customers, all while ensuring a precise control over returnable bottles. ## CORE FEATURES 1. **Employee Management**: A system to manage employee roles and responsibilities, allowing for easy tracking of tasks and performance. 2. **Customer Organization**: A customer database that organizes client information, delivery schedules, and payment methods. 3. **Delivery Tracking**: Integration with Google Maps for route optimization, improving delivery efficiency and logistics. 4. **Returnable Bottle Control**: A feature to track the delivery and return of bottles, ensuring accountability and managing discrepancies. 5. **Payment Management**: A module to record payment transactions, allowing for easy tracking of sales and revenue. 6. **Communication Integration**: A feature linking to WhatsApp for direct communication with customers and the potential for future AI integration. ## 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 sidebar for navigation, a main content area for displaying information and forms, and a footer for additional links and contact information. ## TECHNICAL REQUIREMENTS - **Framework**: React with TypeScript - **Styling**: Tailwind CSS - **UI Components**: shadcn/ui - **State Management**: Redux or Context API for managing application state ## IMPLEMENTATION STEPS 1. **Set up the project environment**: Initialize a new React project using Create React App with TypeScript template. Install Tailwind CSS and necessary dependencies. 2. **Create the folder structure**: Organize the project into components, pages, and services for better maintainability. 3. **Design the layout**: Build the main layout with a sidebar and content area, applying Tailwind CSS for styling according to the design specifications. 4. **Develop core features**: - Implement the Employee Management feature with forms for adding/editing employees. - Create the Customer Organization module with CRUD operations for customer records. - Integrate Google Maps API for delivery route tracking functionality. - Build the Returnable Bottle Control to track deliveries and returns. - Set up the Payment Management system to log transactions. - Develop the Communication Integration with WhatsApp API. 5. **Testing and validation**: Conduct thorough testing of each feature to ensure functionality and a seamless user experience. 6. **Deployment**: Deploy the application on a suitable hosting platform and ensure it is accessible from any computer. ## USER EXPERIENCE The application will provide an intuitive user interface where users can easily navigate through different sections. Users will be able to input data through forms, view delivery schedules on a calendar, and communicate with customers seamlessly through WhatsApp. The layout will be responsive, ensuring usability across various device sizes and types, creating a pleasant experience for all users.
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!
