Una app web para la gestión y organización de eventos (bodas).
Generated Prompt
## APPLICATION OVERVIEW This web application is designed for event management, specifically focusing on weddings. It serves as a comprehensive platform for users to organize and manage every aspect of their wedding planning process, from guest lists to vendor coordination. The minimalist design ensures that users can navigate easily and focus on their planning tasks without distractions. ## CORE FEATURES 1. **Event Dashboard**: A centralized dashboard where users can view all their wedding details, including timelines, budgets, and checklists. 2. **Guest List Management**: Users can create and manage their guest lists, track RSVPs, and send invitations directly through the platform. 3. **Vendor Coordination**: A feature to browse, compare, and contact various wedding vendors (caterers, photographers, venues, etc.) with the ability to save favorites. 4. **Budget Tracker**: An interactive budget management tool that allows users to set budgets for different categories and track expenses. 5. **Task Checklist**: A customizable checklist that helps users stay on top of important tasks leading up to the wedding day. 6. **Event Timeline**: A visual timeline feature that outlines key dates and events leading up to the wedding, ensuring nothing is overlooked. ## 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 main layout consists of a sidebar for navigation and a main content area that displays the active features. Each feature is organized in a card format to maintain clarity and focus. ## TECHNICAL REQUIREMENTS - **Framework**: React with TypeScript - **Styling**: Tailwind CSS - **UI Components**: shadcn/ui - **State Management**: Redux or Context API (as required) ## IMPLEMENTATION STEPS 1. **Set up the project**: - Initialize a new React project with TypeScript. - Install Tailwind CSS and configure it for the project. - Set up shadcn/ui for reusable UI components. 2. **Create the main layout**: - Develop the sidebar navigation component for easy access to various features. - Design the main content area to dynamically load different components based on user selection. 3. **Implement core features**: - Develop the Event Dashboard with summary cards for budget, guest list, and tasks. - Create the Guest List Management feature with forms for adding and editing guest information. - Implement the Vendor Coordination tool with a search and filter functionality. - Build the Budget Tracker with input fields and visual charts to track spending. - Add the Task Checklist feature that allows users to check off completed tasks. - Create the Event Timeline feature with a visual representation of important dates. 4. **Integrate state management**: - Use Redux or Context API to manage global state, particularly for user data and shared components. 5. **Test and optimize**: - Conduct usability testing to ensure a smooth user experience. - Optimize for mobile responsiveness to ensure accessibility on various devices. ## USER EXPERIENCE Users will begin their journey by logging into their accounts, landing on the dashboard that provides a snapshot of their wedding planning. They can easily navigate through the sidebar to access different sections like the guest list, vendor coordination, and budget tracker. Each interaction is designed to be straightforward, with clear call-to-action buttons and intuitive forms. The overall experience focuses on helping users efficiently plan their wedding without overwhelming them with complex interfaces.
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!
