Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed to provide users with an event management system integrated with a voice and text chat agent. The application will allow users to create, manage, and receive notifications for events, ensuring a seamless experience for scheduling and reminders, similar to Google Calendar.

## CORE FEATURES
1. **Chat Agent**: A voice and text-based chat interface that assists users in creating and managing events, providing contextual help and guidance.
2. **Event Creation**: Users can create events by specifying date, time, description, and notification preferences, all through an intuitive interface.
3. **Calendar Integration**: Events will be displayed in a calendar format, allowing users to view upcoming events at a glance.
4. **Push Notifications**: Users will receive push notifications on their devices prior to the scheduled events, based on their specified notification preferences.
5. **User Profiles**: Authentication system to allow users to create and manage their profiles securely.
6. **Event Reminders**: Ability to set reminders for events that notify users ahead of time, ensuring they don't miss important dates.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - The application will feature a clean and simple design with ample white space, a minimal color palette, and a strong focus on typography to enhance readability and user experience.
- **Color Mode**: Light theme with dark text on light backgrounds to ensure high contrast and easy reading.
- **Layout**: The main layout will consist of a header with the chat agent interface, a calendar view for events, and a sidebar for quick access to user profile settings and past events.
- **Typography**: Use a sans-serif font for a modern and clean look. The hierarchy will include larger headings for section titles and smaller text for descriptions and details.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for building a dynamic and type-safe user interface.
- **Styling**: Tailwind CSS for utility-first styling, allowing for rapid and responsive design.
- **UI Components**: Utilize shadcn/ui for pre-built UI components that align with the minimalist design.
- **State Management**: Use React Context API or Zustand for managing application state, especially for user sessions and event data.

## IMPLEMENTATION STEPS
1. **Set Up Development Environment**: Initialize a new React project with TypeScript and install necessary dependencies (Tailwind CSS, shadcn/ui).
2. **Create Chat Agent Component**: Develop the chat interface that allows users to interact with the agent using both voice and text inputs.
3. **Build Event Management Features**: Implement functionality for event creation, including date and time pickers, and notification preferences.
4. **Integrate Calendar View**: Create a calendar component to display scheduled events, allowing users to click through for more details.
5. **Implement Push Notifications**: Set up service workers to handle push notifications for upcoming events, ensuring they are triggered based on user settings.
6. **User Authentication**: Develop a secure authentication system for user accounts, enabling profile management and data preservation.
7. **Responsive Design**: Test and refine the application to ensure it is fully responsive across various devices and screen sizes.

## USER EXPERIENCE
Users will initiate their experience by interacting with the chat agent, who will guide them through the event creation process. Once events are created, users can easily view them on the calendar interface. As the event time approaches, users will receive timely push notifications, helping them to stay organized and informed about their schedules. The overall aim is to create an intuitive and engaging user journey that simplifies event management.