Web para mi empresa de asados a domicilio, me gustaría que tuviera las siguientes caracteristicas:
Generated Prompt
## APPLICATION OVERVIEW This web application will serve as a comprehensive solution for managing home grilling events. Users can easily manage their product catalog, plan events, calculate costs, and keep track of their financial history, all while maintaining a private experience with access control. ## CORE FEATURES 1. **Product Catalog**: Users can input and update products from "La Carnicería Virtual" with details like name, price per kg, and category. Changes to pricing can be made quickly, ensuring real-time updates. 2. **Event Planner**: Users can input the number of guests, and the application will automatically generate a shopping list with precise ingredient quantities (e.g., 400g of meat per person) and the total cost. 3. **Profit & Loss Calculation**: This feature will calculate the cost of supplies, service fees, and gross margins, allowing users to determine charging prices based on their desired profit percentage. 4. **Event History**: A comprehensive log of all past events will be maintained, detailing income, costs, and accumulated profits for easy tracking and management. 5. **User Access Control**: The application will allow for privacy settings where users can control who has access to view their data. ## DESIGN SPECIFICATIONS - **Visual Style**: Minimalist - A clean and simple design that emphasizes functionality with ample white space and a minimal color palette. - **Color Mode**: Light theme featuring dark text on light backgrounds for easy readability. - **Layout**: The application will follow a structured layout with a clear navigation bar at the top, segmented sections for each feature, and a responsive grid layout for displaying product information. - **Typography**: Utilize a modern sans-serif font for headings (e.g., Montserrat) and a legible serif font for body text (e.g., Roboto), ensuring a clear hierarchy with larger sizes for headings. ## TECHNICAL REQUIREMENTS - **Framework**: React with TypeScript - **Styling**: Tailwind CSS for utility-first styling - **UI Components**: Use shadcn/ui for pre-built UI components to enhance development speed. - **State Management**: React Context API or Zustand for managing application state. ## IMPLEMENTATION STEPS 1. **Set up the development environment**: Initialize a new React project with TypeScript and install Tailwind CSS. 2. **Create the product catalog page**: Implement forms for adding and updating products, using state to manage inputs. 3. **Develop the event planner functionality**: Create a component that accepts user input for guest numbers and calculates the shopping list and costs. 4. **Implement P&L calculations**: Develop a feature that allows users to input service fees and desired margins to calculate pricing. 5. **Build the event history log**: Set up a database or local storage to track and display past events. 6. **Add user access controls**: Create a user management system to allow the main user to grant or restrict access to data. ## USER EXPERIENCE Users will have a smooth and intuitive experience, starting from a clear landing page that guides them through the application features. Each feature will be easily accessible via a top navigation bar. The event planner will use dynamic updates to reflect changes in inputs, ensuring users receive immediate feedback on their calculations. The entire application will be responsive, ensuring usability across different devices, from desktops to mobile phones.
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!
