Comprar agora - que você construa um sistema web completo (dashboard) de controle de estoque inteligente para uma distribuidora.
Generated Prompt
```markdown ## APPLICATION OVERVIEW This project is a comprehensive web application designed for inventory management for a distributor. The system will facilitate the analysis of past sales, calculate average product turnover, estimate future sales, and suggest inventory replenishment. It aims to provide a modern, responsive, and clean user interface that enhances operational efficiency. ## CORE FEATURES 1. **Product List (Main View)**: Displays all products in a list format, including key metrics such as current stock, average daily sales, remaining days of stock, and urgency status. 2. **Product Detail Page**: Offers detailed insights into each product, including real-time sales data, historical sales, and future projections through graphical representation. 3. **Stock Simulation**: Implements a daily consumption simulation to accurately predict stock duration based on past sales patterns. 4. **Purchase Suggestions**: Automatically calculates and suggests optimal reorder quantities to maintain a minimum stock level of 14 days. 5. **Restocking Control**: Allows users to record incoming goods and maintain a historical log of stock entries. 6. **Sales Analytics Module**: Provides insights on sales trends over various timeframes, with detailed metrics on quantity sold and revenue generated. ## 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 application will feature a dashboard layout with a top navigation bar, side menu for navigation, and a central content area displaying various metrics and graphs. ## TECHNICAL REQUIREMENTS - **Framework**: React with TypeScript - **Styling**: Tailwind CSS - **UI Components**: shadcn/ui - **State Management**: Redux Toolkit (optional for managing state if necessary) ## IMPLEMENTATION STEPS 1. **Set up the React project**: Initialize a new React project with TypeScript support using Create React App or similar tools. 2. **Install dependencies**: Add Tailwind CSS for styling and shadcn/ui for UI components. 3. **Create the main layout**: Develop a dashboard layout with a navigation bar and sidebar, ensuring responsiveness across devices. 4. **Implement the product list feature**: Create a component to fetch and display the list of products with the specified metrics. 5. **Build the product detail page**: Develop a detailed view for individual products, including graphical data representation. 6. **Incorporate stock simulation logic**: Implement the backend logic to simulate stock consumption and calculate remaining stock days. 7. **Integrate purchase suggestion calculations**: Add functionality to suggest replenishment based on current stock levels. 8. **Set up sales analytics module**: Create components to display sales data over various timeframes with appropriate metrics. 9. **Testing and optimization**: Ensure the application is functional without the API using mock data, and optimize for performance and user experience. 10. **Deployment**: Deploy the application to a hosting service for accessibility. ## USER EXPERIENCE Users will interact with a clean, intuitive interface that emphasizes clarity and simplicity. Key interactions will involve navigating through the product list, accessing detailed product information, and using the analytics module to review sales data. The responsive design ensures usability across all devices, providing a seamless experience whether on desktop or mobile. ```
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!
