Te voy a pasar un promt ya dirigido a Lovable pero quiero que lo revises porque lo hice con CHATPT, quiero enfatizar quiero un diseño que se vea...
Generated Prompt
## APPLICATION OVERVIEW You are building a production-ready multi-tenant Warehouse Management System (WMS) designed for a 3PL warehouse company. This web application will support multiple warehouses per tenant, providing a robust and scalable solution for inventory management, order processing, and client interaction, all while ensuring a clean and user-friendly interface. ## CORE FEATURES 1. **Multi-Tenant Architecture**: Supports multiple warehouses for each tenant with granular permission settings and no physical data deletion. 2. **Inventory Movement Engine**: Manages various document types (inbound, outbound, transfer, etc.) with a strict workflow to ensure data integrity and audit trails. 3. **Client Management**: Comprehensive client entity management, including internal tabs for detailed information and historical tracking. 4. **Reporting and Analytics**: Generates insightful reports based on real-time data, allowing users to analyze operations and make informed decisions. 5. **Mobile Application**: Offers a streamlined mobile interface for users to select movement types, upload documents, and manage inventory on-the-go. 6. **Capacity Control**: Validates warehouse capacity before accepting inbound stock, blocking operations if limits are exceeded. ## DESIGN SPECIFICATIONS - **Visual Style**: Minimalist - Clean, simple design with plenty of white space and a focus on typography to enhance readability and usability. - **Color Mode**: Light theme with dark text on light backgrounds to ensure high contrast and legibility. - **Layout**: The main layout will include a sidebar for navigation with a primary content area displaying detailed forms, reports, and analytics. Each page should maintain a consistent structure with headers, footers, and side navigation. - **Typography**: Use a modern sans-serif font for headings and body text, ensuring clear hierarchy (e.g., larger sizes for headings, medium for subheadings, and regular for body text). ## TECHNICAL REQUIREMENTS - **Framework**: React with TypeScript for a robust and type-safe development environment. - **Styling**: Tailwind CSS to facilitate responsive design and rapid UI development. - **UI Components**: Utilize shadcn/ui for consistent and reusable UI components. - **State Management**: Consider using a state management library like Redux or Context API to manage application state across components. ## IMPLEMENTATION STEPS 1. **Set Up Project Environment**: Create a new React project with TypeScript and configure Tailwind CSS for styling. 2. **Create Core Components**: Develop reusable components for forms, tables, and navigation menus using shadcn/ui. 3. **Build the Multi-Tenant Architecture**: Implement database structures to support multi-tenancy and ensure data segregation. 4. **Develop Core Features**: Start with the Inventory Movement Engine and Client Management modules, ensuring all business logic and workflows are adhered to. 5. **Integrate Mobile Functionality**: Build the mobile application interface to enable inventory management on-the-go. 6. **Implement Reports and Analytics**: Create reporting features using summary tables and materialized views for performance optimization. 7. **Test and Validate**: Conduct thorough testing of all features, ensuring no errors occur during data load and that all validations are respected. ## USER EXPERIENCE The application should provide intuitive user interactions, including: - Easy navigation through a sidebar with clear labels for each module. - Contextual help available throughout the application to assist users in understanding features. - Responsive design to ensure usability across devices, particularly for the mobile application where users can quickly upload documents and manage inventory. - A streamlined process for creating and managing inventory movements, which should be straightforward and follow a logical workflow from request to posting. This structure will result in a fully functional minimalist web application that aligns with your vision while ensuring a smooth and efficient user experience.
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!
