Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This web application will serve as a corporate event scheduling tool that captures key information from external clients through a form. Upon approval of requests, the application will automatically allocate events to a calendar, allowing users to visualize different calendar views. The goal is to create a streamlined experience similar to Notion forms, focusing on ease of use for both clients and administrators.

## CORE FEATURES
1. **Client Information Form**: A dynamic form that captures essential details from clients, including event type, date, time, location, and any specific requirements.
2. **Approval Workflow**: An admin interface to review and approve client requests, triggering automatic calendar allocations upon approval.
3. **Calendar Integration**: A calendar view displaying scheduled events in various formats (daily, weekly, monthly) to allow easy navigation and management of corporate events.
4. **Notifications**: Automated email notifications to clients upon approval or changes to their scheduled events.
5. **User Authentication**: Secure login for administrators to manage events and access client submissions.
6. **Responsive Design**: A mobile-friendly interface ensuring accessibility and usability across devices.

## 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 will feature a header for navigation, a prominent form section, a calendar display area, and a sidebar for quick access to notifications and approvals.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui for modular and reusable components.
- **State Management**: React Context API for managing application state and user sessions.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript using Create React App or Vite.
2. **Install Dependencies**: Add Tailwind CSS, shadcn/ui, and any necessary libraries for email notifications and calendar integration.
3. **Create Components**:
   - Develop the Client Information Form component with validation.
   - Build the Approval Workflow component for admin use.
   - Implement the Calendar View component using a library like FullCalendar.
4. **Integrate Authentication**: Set up user authentication using a service like Firebase or Auth0.
5. **Implement Approval Workflow**: Create functions to handle form submissions, approvals, and calendar updates.
6. **Test Functionality**: Ensure all features work as expected across devices and fix any bugs.
7. **Deploy Application**: Host the application on a platform like Vercel or Netlify.

## USER EXPERIENCE
Users will begin their journey by filling out the client information form, which is designed for simplicity and clarity. Once submitted, administrators will review the requests in the approval workflow interface. Upon approval, clients will receive notifications, and the events will be automatically populated into the calendar view. The responsive design ensures that all interactions are smooth on both desktop and mobile devices, enhancing user satisfaction and engagement.