Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This web application focuses on providing a secure platform for encrypted and hidden communication, ensuring that messages are impossible to crack by any third party. The application will enable users to send and receive messages while maintaining their privacy and confidentiality through advanced encryption techniques.

## CORE FEATURES
1. **End-to-End Encryption**: All messages are encrypted before they leave the sender's device and can only be decrypted by the intended recipient.
2. **Self-Destructing Messages**: Users can set a timer for messages that will automatically delete after being read, enhancing privacy.
3. **Anonymous User Profiles**: Users can create profiles without revealing personal information, ensuring anonymity in communication.
4. **Secure File Sharing**: Allows users to securely send files with encryption, ensuring that sensitive documents are protected.
5. **Real-Time Messaging**: Instant delivery of messages with notifications for sent, received, and read statuses.
6. **User Authentication**: Secure login system to protect user accounts with additional layers of security, such as two-factor authentication.

## 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 layout will consist of a top navigation bar, a central messaging area with a list of conversations on the left and the active chat on the right, and a footer for user settings and additional features.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux Toolkit (for managing global state effectively)

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project using Create React App with TypeScript support.
2. **Install Dependencies**: Add Tailwind CSS, Redux Toolkit, and shadcn/ui for UI components.
3. **Design the Layout**: Create the main layout with a responsive navigation bar, chat list, and message area using Tailwind CSS classes.
4. **Implement Authentication**: Create user authentication with secure login and registration forms, implementing two-factor authentication.
5. **Develop Core Features**: 
   - Implement end-to-end encryption for messages using a suitable library (e.g., CryptoJS).
   - Create the self-destructing message feature with timers and notifications.
   - Build the file sharing component with encryption and secure upload functionality.
6. **Setup State Management**: Use Redux Toolkit to manage user sessions, conversations, and messages.
7. **Testing and Debugging**: Conduct thorough testing to ensure all features work together seamlessly and fix any bugs.
8. **Deployment**: Prepare the application for deployment on a cloud platform (e.g., Vercel or Netlify).

## USER EXPERIENCE
Users will be greeted with a simple login or registration screen. Once authenticated, they will see a clean interface with a list of their conversations on the left side and the active chat on the right. The messaging area will allow them to send secure messages, share files, and set self-destruct timers. Notifications will keep users informed of message statuses, and settings will enable them to customize their profiles and privacy features. The overall experience will be intuitive and responsive, ensuring users can communicate securely and efficiently.