Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
AKETIANS CHAT is a full-stack progressive web application (PWA) designed for real-time messaging with advanced AI features and fintech integrations. It combines the functionalities of a messaging app like WhatsApp with additional features for financial transactions, community interactions, and AI-driven enhancements, aiming to provide a comprehensive platform for users.

## CORE FEATURES
1. **Real-Time Messaging**: Instant one-on-one and group chats with features like message editing, deletion, pinning, and real-time indicators (typing status, read receipts).
2. **Voice & Video Calls**: Seamless peer-to-peer voice and video calls using WebRTC with call history and notifications.
3. **Media Sharing**: Share images, videos, voice notes, and documents with media compression and optimization, using real cloud storage solutions.
4. **Payments Integration**: Send and receive money within chats, request payments, and manage transactions through real payment gateways like Paystack and Flutterwave.
5. **AI Enhancements**: Smart reply suggestions, grammar correction, chat summarization, and real-time translation to improve user interactions.
6. **Community Features**: Create public channels, private groups, and anonymous chat modes to foster user engagement and interaction.

## 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 main layout will feature a top navigation bar, a central content area for messaging and community features, and a sidebar for user profile and settings.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux or Context API (as needed for managing application state).

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize the project using Create React App with TypeScript, install necessary dependencies (React Router, Tailwind CSS, etc.).
2. **Design UI Components**: Create reusable components for headers, footers, chat bubbles, buttons, and modals using Tailwind CSS.
3. **Implement Authentication**: Set up email/password and phone number verification using real APIs (e.g., Twilio). Implement JWT-based authentication for secure user sessions.
4. **Develop Messaging Functionality**: Use Socket.IO for real-time messaging features, allowing users to send, receive, and display messages instantly.
5. **Integrate Voice & Video Calls**: Implement WebRTC for voice and video call functionalities, including call notifications and history.
6. **Add Media Sharing Capabilities**: Integrate AWS S3 or Cloudinary for uploading and managing media files, ensuring compression and optimization.
7. **Implement Payments and AI Features**: Integrate Paystack and Flutterwave for payment processing and add AI functionalities like smart replies and message summarization.
8. **Test and Deploy**: Conduct thorough testing in real-world scenarios to ensure functionality and deploy the frontend on Vercel and the backend on AWS or Render.

## USER EXPERIENCE
Users will enjoy a streamlined experience, starting from a simple sign-up process to engaging in real-time chats with friends and communities. The intuitive interface allows easy navigation through messages, calls, and community features. Users will receive smart suggestions while typing, enhancing their messaging efficiency, and they will be able to manage financial transactions directly within chats, providing a unique blend of communication and financial services.