Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The application is a web app designed to facilitate video conferencing and remote desktop sharing, combining features from both Zoom and AnyDesk. It aims to provide users with seamless communication and collaboration tools in a minimalist interface that prioritizes user experience.

## CORE FEATURES
1. **Video Conferencing**: High-quality video and audio calls with support for multiple participants, screen sharing, and recording options.
2. **Remote Desktop Access**: Secure access to remote computers, allowing users to control devices from anywhere while ensuring low latency and high performance.
3. **Chat Functionality**: Real-time messaging during video calls and standalone chat rooms for ongoing communication.
4. **Scheduling & Calendar Integration**: Easy scheduling of meetings with calendar syncing to send reminders and invitations.
5. **User Authentication**: Secure login and user account management to protect sensitive information and settings.
6. **Screen Annotation & Control**: Tools for drawing and highlighting during screen sharing to enhance collaboration and presentations.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - The application should feature a clean and simple design with ample white space, ensuring that the interface remains uncluttered and user-friendly.
- **Color Mode**: Light theme with dark text on light backgrounds to enhance readability and reduce eye strain during prolonged use.
- **Layout**: 
  - A responsive layout that adapts to different screen sizes.
  - A fixed header for navigation with a collapsible sidebar for additional features.
  - Main content area for video conferencing and chat functionalities.
- **Typography**: 
  - Use of sans-serif fonts for headings (e.g., Montserrat) and body text (e.g., Open Sans).
  - Clear hierarchy with larger font sizes for headings and smaller for body text to guide the user through the interface.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for robust type-checking and component-based architecture.
- **Styling**: Tailwind CSS for rapid styling and responsive design capabilities.
- **UI Components**: Utilize shadcn/ui for pre-built components to ensure consistency and speed up development.
- **State Management**: Consider using Redux or Context API to manage application state effectively.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install required dependencies (React, Tailwind CSS, shadcn/ui).
2. **Design Layout**: Create the overall layout structure with a header, sidebar, and main content area.
3. **Implement Core Features**:
   - Build the video conferencing component using WebRTC for real-time communication.
   - Develop the remote desktop access functionality using appropriate protocols (e.g., RDP, VNC).
   - Integrate chat functionality with real-time messaging capabilities using WebSockets.
4. **User Authentication**: Set up authentication using JWT for secure login and account management.
5. **Testing and Optimization**: Conduct user testing to gather feedback and optimize performance for various devices.
6. **Deployment**: Deploy the application on a cloud platform (e.g., Vercel, Netlify) for accessibility.

## USER EXPERIENCE
Users will have an intuitive experience starting from the login screen, where they can securely access their accounts. Upon entering the main interface, they can easily navigate between video calls, chat rooms, and remote desktop features. The minimalistic design ensures that users focus on their tasks without distractions, while responsive elements maintain functionality across devices. Features like screen sharing and annotations enhance collaboration, making it easy for teams to work together regardless of their location.