Toma el rol de un desarrollador web senior full stack.
Generated Prompt
## APPLICATION OVERVIEW This web application is designed for warehouse owners to efficiently manage and register their daily sales. It allows users to track important metrics such as total income, number of products sold, customer count, and stock levels, while providing visual insights through sales charts. The application facilitates seamless integration with Excel for stock management, enhancing usability and data accessibility. ## CORE FEATURES 1. **Sales Registration**: Users can input daily sales data, including products sold and total revenue, ensuring accurate tracking of financial performance. 2. **Key Metrics Display**: A dashboard that showcases vital statistics such as total income, quantity of products sold, number of customers, and current stock levels. 3. **Stock Management**: Users can manage stock levels through the web interface, with options to upload or download stock data in Excel format. 4. **Sales Analytics**: Graphical representation of sales data by day and product, allowing users to identify best-selling items and track sales trends over the week. 5. **User Authentication**: Secure login functionality for warehouse owners to protect their sales data and access their personalized dashboard. ## 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 top navigation bar, a main dashboard area displaying key metrics and analytics, a sidebar for navigation to different sections (sales registration, stock management), and a footer for additional links and information. ## TECHNICAL REQUIREMENTS - **Framework**: React with TypeScript - **Styling**: Tailwind CSS - **UI Components**: shadcn/ui - **State Management**: Use React Context or Redux for managing global state if necessary. ## IMPLEMENTATION STEPS 1. **Setup Project**: Initialize a new React application with TypeScript and install necessary dependencies (Tailwind CSS, shadcn/ui). 2. **Design Layout**: Create the main layout structure with a navigation bar, sidebar, and main content area. 3. **Implement Authentication**: Add user authentication features to secure access to the application. 4. **Develop Sales Registration Feature**: Create a form for users to input sales data and connect it to the backend for storage. 5. **Build Metrics Dashboard**: Implement components to display key metrics and integrate charting libraries for visual analytics. 6. **Integrate Stock Management**: Allow users to upload/download stock data with Excel using file handling libraries. 7. **Test and Iterate**: Conduct thorough testing to ensure functionality and responsiveness across devices. ## USER EXPERIENCE Users will experience a seamless flow from logging in to managing their sales and stock. The dashboard will provide an intuitive interface for tracking performance metrics at a glance, while the sales registration form will be straightforward, minimizing the time needed for data entry. Graphs will dynamically update based on user input, offering immediate insights into business performance. This application aims to enhance the operational efficiency of warehouse owners by providing an easy-to-use platform that integrates essential sales and stock management functionalities.
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!
