Aplicación web para la gestión de las ventas de escuela de arte (dashboard de ventas)
Generated Prompt
## APPLICATION OVERVIEW This web application is designed for managing sales at an art school, featuring a sales dashboard that provides insights into sales performance, customer interactions, and inventory management. The application will prioritize a clean and intuitive user experience, enabling users to easily navigate through their sales data and management tasks. ## CORE FEATURES 1. **Sales Dashboard**: A comprehensive overview of sales metrics, including total sales, sales trends over time, and performance by category. 2. **Customer Management**: A section to add, edit, and manage customer information, including contact details and purchase history. 3. **Inventory Tracking**: Tools to manage inventory levels for art supplies and classes, including alerts for low stock. 4. **Order Management**: Capabilities to create, view, and manage sales orders, including status tracking and order history. 5. **Reporting Tools**: Generate reports for sales performance, customer trends, and inventory levels to aid in decision-making. ## 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**: A responsive grid layout for the dashboard, with a sidebar for navigation and main content area displaying key metrics and actionable elements. ## TECHNICAL REQUIREMENTS - **Framework**: React with TypeScript - **Styling**: Tailwind CSS - **UI Components**: shadcn/ui - **State Management**: Redux (if needed for complex state management) ## IMPLEMENTATION STEPS 1. **Set Up Project**: Initialize a new React project with TypeScript and install necessary dependencies, including Tailwind CSS and shadcn/ui. 2. **Create Layout Components**: Develop the main layout structure comprising the sidebar and dashboard components. Ensure responsiveness using Tailwind CSS. 3. **Implement Core Features**: - Build the Sales Dashboard component to display key metrics using charts and statistics. - Create Customer Management and Inventory Tracking modules, integrating forms for data input. - Develop Order Management functionality, allowing users to create and manage orders. - Create a Reporting Tools section for generating and displaying reports. 4. **Set Up State Management**: Integrate Redux for managing application state, particularly for customer data, orders, and inventory. 5. **Design Implementation**: Apply the specified design principles, ensuring consistent use of typography, colors, and rounded borders across all components. 6. **Testing**: Conduct thorough testing for functionality, usability, and responsiveness across devices. 7. **Deployment**: Prepare the application for deployment using a suitable hosting service. ## USER EXPERIENCE Users will interact with the application through a straightforward and intuitive interface. Upon logging in, they will be greeted by the Sales Dashboard, showcasing key metrics at a glance. Navigation through the sidebar will allow users to easily access customer management, inventory tracking, and order management features. The reporting tools will enable users to generate insights quickly, facilitating informed decision-making regarding sales and inventory management.
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!
