Montserrat - Acabo de meter este prompt: APPLICATION OVERVIEW This application is a web-based B2B platform designed specifically for travel...
Generated Prompt
```markdown ## APPLICATION OVERVIEW This application is a web-based B2B platform designed specifically for travel agencies partnering with Civitatis. Its primary purpose is to facilitate the management of reservations, user roles, and reporting while providing an intuitive tools section that includes a widget creator. The platform aims to enhance operational efficiency and user engagement through a streamlined, minimalist interface. ## CORE FEATURES - **Reservation Management**: Users can view, modify, and track reservations seamlessly, ensuring real-time updates and easy access to booking details. - **User Role Management**: Admins can create, edit, and manage user roles and permissions, allowing for customized access to various platform features based on user responsibilities. - **Reporting Dashboard**: A comprehensive reporting tool that provides insights into bookings, performance metrics, and operational analytics to help agencies make informed decisions. - **Tools Section**: A resource library that includes various tools such as link generators, transfer widget creators, activity widget creators, and campaign banner download/generation tools for a personalized user experience. - **Interactive Chat Assistant**: A chat feature on the home page that prompts users to specify their desired action, dynamically directing them to the corresponding page based on their input. - **Responsive Design**: The platform will be fully optimized for both desktop and mobile devices, ensuring a consistent user experience across all screen sizes. ## DESIGN SPECIFICATIONS - **Visual Style**: Minimalist - The design focuses on a clean, simple aesthetic with ample white space to enhance readability and visual clarity. The layout emphasizes simplicity and ease of navigation. - **Color Mode**: Light theme with dark text on light backgrounds to ensure high contrast and legibility. - **Layout**: The main layout will consist of a top navigation bar for quick access to core features, a left sidebar for secondary navigation, and a central content area that adapts based on user interactions. The chat assistant will be prominently displayed on the home page. - **Typography**: Use "Montserrat" with a slightly larger size for headings to establish a clear visual hierarchy. Font weights will vary to differentiate between titles, subtitles, and body content. ## TECHNICAL REQUIREMENTS - **Framework**: React with TypeScript for robust application development and maintainability. - **Styling**: Tailwind CSS will be utilized for efficient and responsive styling, ensuring a consistent design approach. - **UI Components**: Integration of shadcn/ui for pre-built, accessible UI components that align with the minimalist design. - **State Management**: Redux Toolkit will be implemented for efficient state management across the application. ## IMPLEMENTATION STEPS 1. **Setup Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui. 2. **Create Core Components**: Develop components for the navigation bar, sidebar, chat assistant, and main content area, following the design specifications. 3. **Implement Routing**: Set up React Router to handle navigation between different sections of the platform. 4. **Build Core Features**: - Create the reservation management feature with CRUD functionality. - Implement user role management with a user-friendly interface. - Develop the reporting dashboard using charts and tables for data visualization. - Design the tools section with the various tool functionalities. 5. **Integrate Chat Assistant**: Develop the interactive chat feature using a state management solution to handle user queries and direct them to appropriate pages. 6. **Responsive Design Testing**: Ensure that all components are responsive and function seamlessly across various devices. 7. **User Testing & Feedback**: Conduct user testing sessions to gather feedback and make iterative improvements. ## USER EXPERIENCE Users will land on a clean, welcoming home page featuring the chat assistant, inviting them to interact. Upon selecting an action, the application will transition smoothly to the respective page, maintaining context and continuity. Each feature will be intuitively designed, with clear instructions and tooltips to guide users through the application, enhancing their overall experience. The tools section will provide easy access to various functionalities, ensuring users can efficiently manage their needs. ```
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!
