Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed to enhance user experience in managing shared calendars and friend configurations. It enables users to set up different types of sharing permissions for their calendars, allowing for a customizable and user-friendly interface for managing shared activities.

## CORE FEATURES
1. **Calendar Sharing Options**: Users can select from three types of sharing permissions: 
   - Share the entire calendar
   - Share activities from the current day onward
   - Custom sharing based on individual activities
2. **Activity Popup Configuration**: A dedicated tab within the activity popup allows users to define sharing preferences for each activity, ensuring personalized privacy and control.
3. **User-Friendly Settings Interface**: The settings page is designed to be intuitive, allowing users to easily navigate and configure their sharing preferences without confusion.
4. **Responsive Design**: The application will be fully responsive, ensuring a seamless experience on both desktop and mobile devices.
5. **Friend Management**: Users can easily add, remove, and manage friends with whom they want to share their calendars.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - The interface features a clean, simple design with ample white space, focusing on clear typography and usability.
- **Color Mode**: Light theme with dark text on light backgrounds for enhanced readability.
- **Layout**: A structured layout with a sidebar for navigation and a main content area for settings and activity management. Each section should be clearly delineated to enhance user comprehension.
- **Typography**: Use a modern sans-serif font for headers (e.g., 'Roboto' or 'Open Sans') and a legible serif font for body text, establishing a clear hierarchy with varying sizes and weights.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for robust type safety and component management.
- **Styling**: Tailwind CSS to facilitate responsive styling and rapid UI development.
- **UI Components**: Implement shadcn/ui for pre-built, accessible UI components that enhance user experience.
- **State Management**: Utilize React Context or Zustand for managing global state efficiently across the application.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui.
2. **Create Folder Structure**: Organize the application into folders for components, pages, and styles.
3. **Design Layout**: Build the main layout with a sidebar for navigation and a dynamic content area for settings management.
4. **Develop Core Features**: 
   - Implement calendar sharing options with toggle switches for each permission type.
   - Create the activity popup component with the custom sharing tab.
5. **Integrate State Management**: Set up Context or Zustand for managing user settings and sharing preferences.
6. **Testing**: Ensure all features function as expected and conduct user testing for feedback on usability.

## USER EXPERIENCE
The application focuses on user interactions that promote simplicity and efficiency. Users will easily navigate through the settings to adjust their sharing preferences, configure activities in the popup, and manage their friends. The responsive design ensures that users can access their calendars and settings on any device, maintaining a consistent experience across platforms.