Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed for managing room reservations and event details. It allows users to input and manage various aspects of event planning, including room setup, audiovisual requirements, and registration details. The application will feature user authentication to enable users to access their event history and manage their bookings efficiently.

## CORE FEATURES
1. **User Authentication**: Users can create accounts and log in to access their event history and manage past reservations.
2. **Room Reservation Forms**: A comprehensive form to gather all necessary information for event setup, including seating arrangements, catering needs, and speaker details.
3. **Dynamic Fields**: Conditional fields that unlock based on user selections, allowing for a tailored experience based on event specifics (e.g., if there will be a live broadcast or in-person speakers).
4. **Dashboard Overview**: A dashboard that displays upcoming and past events, with options to filter bookings and view event details in different formats.
5. **Event Scheduling**: Users can input detailed schedules for their events, including times and actions, to plan meticulously.
6. **Audiovisual Setup Management**: Users can specify audiovisual requirements, including recording needs, LED colors, and microphone types.

## 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 clean, structured layout with a sidebar for navigation and main content area displaying forms and dashboards to enhance usability.

## TECHNICAL REQUIREMENTS
- Framework: React with TypeScript
- Styling: Tailwind CSS
- UI Components: shadcn/ui
- State Management: React Context API or a state management library as needed.

## IMPLEMENTATION STEPS
1. **Set Up Development Environment**: Initialize a new React project with TypeScript, install Tailwind CSS, and set up shadcn/ui components.
2. **User Authentication**: Implement user registration and login functionality using a secure authentication method (e.g., JWT).
3. **Form Development**: Create dynamic forms for room reservations using React Hooks to manage state and conditional rendering for specific fields.
4. **Dashboard Creation**: Develop a dashboard component that fetches and displays user events, allowing filtering and sorting of bookings.
5. **Styling Implementation**: Use Tailwind CSS to apply the minimalist design specifications, ensuring responsive design for all devices.
6. **Testing and Deployment**: Conduct thorough testing to ensure all functionalities work as intended, then deploy the application using a suitable hosting service.

## USER EXPERIENCE
Users will have an intuitive experience starting from the login screen, where they can access their account. Once logged in, they will be greeted by the dashboard, showcasing their upcoming events and past bookings. They can easily navigate to the reservation form, where they will fill out all necessary details, with fields dynamically appearing based on their selections. The application will maintain a minimalist aesthetic, ensuring users remain focused on entering their event details without distraction. Each step in the process will be straightforward, using clear labels and tooltips where necessary to enhance usability.