Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
Kito Chat is a web application designed for secure and private messaging between users. The app allows users to send friend requests, enabling them to chat once accepted. With end-to-end encryption, Kito Chat ensures that all messages are secure and private, fostering a safe communication environment.

## CORE FEATURES
1. **User Registration & Authentication**: Users can create accounts and log in securely to access their chats.
2. **Friend Request System**: Users can send and receive friend requests, allowing them to connect with others before starting chats.
3. **End-to-End Encryption**: All messages exchanged between users are encrypted, ensuring privacy and security.
4. **Real-Time Messaging**: Users can send and receive messages in real-time, enhancing the conversation experience.
5. **User Profiles**: Users can view and edit their profiles, including setting profile pictures and statuses.
6. **Notification System**: Users receive notifications for friend requests and new messages.

## 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 be structured with a header for navigation, a main content area for chats and friend requests, and a sidebar for user profiles and settings. The design will be responsive, ensuring usability across devices.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux or Context API (specify based on complexity)

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project using Create React App with TypeScript.
2. **Install Dependencies**: Install Tailwind CSS and shadcn/ui for styling and UI components.
3. **Create Authentication Flow**: Implement user registration and authentication features, including API integration for user data.
4. **Develop Friend Request System**: Create components and API endpoints for sending and accepting friend requests.
5. **Implement Real-Time Messaging**: Utilize WebSockets for real-time message delivery and display.
6. **Add End-to-End Encryption**: Integrate a library for encryption to secure messages during transmission.
7. **Design UI Components**: Build UI components using Tailwind CSS, ensuring adherence to the design specifications.
8. **Test Functionality**: Conduct thorough testing of all features, focusing on user experience and security.
9. **Deploy Application**: Prepare the application for deployment on a cloud platform.

## USER EXPERIENCE
Users will start by registering for an account, after which they can send friend requests to connect with others. Once a friend request is accepted, users can initiate real-time chats. The interface will be intuitive, with clear notifications for new messages and friend requests, ensuring that users can easily navigate the application while enjoying a seamless and secure chatting experience. The minimalist design will keep the focus on conversations, allowing for an engaging user experience.