FemsChat

byItz Femiranking

You are an elite senior full-stack software architect, React Native engineer, backend engineer, DevOps engineer, UI/UX designer, AI systems engineer, and scalable mobile infrastructure specialist. Build a complete production-ready mobile-first super app called “FemsChat” with the tagline: “Chat, Create, Stream, Hustle.” FemsChat is a next-generation African super app optimized for Nigeria and emerging markets, combining the functionality of: WhatsApp, Facebook, Messenger, TikTok, YouTube, Snapchat, Twitch, Audiomack, Boomplay, Zangi, Telegram, Jumia, ChatGPT into one unified scalable ecosystem. The application must be optimized for: - Low-end Android devices - Low internet bandwidth - Minimal data usage - Fast performance - Mobile-first experience - Real-time communication - Scalable cloud deployment CORE TECHNOLOGY STACK Frontend: - React Native (Expo SDK latest) - Expo Router - TypeScript - Zustand or Redux Toolkit - TanStack Query / React Query - React Native Reanimated 3 - Gesture Handler - NativeWind / Tailwind - React Hook Form - Zod validation Backend: - Node.js + NestJS - Supabase or Firebase - PostgreSQL - Redis caching - Socket.IO for realtime - WebRTC + LiveKit/100ms for calls - Cloudinary for media - Paystack + Flutterwave + Monnify APIs Infrastructure: - Docker, NGINX, CI/CD, GitHub Actions - Vercel for frontend, Railway/Render for backend - CDN optimization, image/video compression, lazy loading, queue systems MODULES & FEATURES 1. AUTHENTICATION & USER SYSTEM - Phone number login with SMS OTP via Twilio, Africa’s Talking, Termii - Email + Google login - Secure JWT + refresh tokens + session management - Biometric auth, multi-device support - User profile: username, avatar, cover photo, bio, links, online status, verified creator badge 2. MESSAGING SYSTEM - Real-time 1-1 and group chats with Socket.IO - Chat list: avatar, username, last message, timestamp, unread badge, pinned, archive, search - Message types: text, images, videos, files, voice notes, stickers, GIFs, payment messages, shared posts - Features: reply, edit, delete, delete for everyone, forward, reactions, typing indicators, read receipts, scheduled messages, disappearing messages - Voice notes: hold-to-record, waveform, playback speed, background playback 3. CALLING SYSTEM - Voice calls, video calls, group calls, screen sharing, call recording - WebRTC integration with low-bandwidth optimization, noise cancellation - UI: incoming call screen, accept/decline, mute, toggle camera, speaker, switch camera, end call 4. SOCIAL FEED - Facebook + Instagram hybrid feed - Infinite scroll, trending, following, AI recommendations - Posts: text, image, video, polls, shared music, shared livestreams - Engagement: likes, comments, shares, reposts, reactions, save/bookmark - Stories: 24h expiry, viewers, reactions, music, video stories 5. SHORT VIDEO SYSTEM - TIKTOK STYLE - Vertical full-screen feed, infinite scroll, auto-play - AI recommendations, upload, filters, editing, beauty filters, captions, hashtags - Engagement: like, comment, share, follow, save - Creator tools: analytics, monetization, live gifts, promotions 6. LONG VIDEO PLATFORM - YOUTUBE STYLE - Long-form uploads, adaptive streaming, categories, channels, subscriptions, playlists, watch history, search, recommendations - Player: play/pause, speed, captions, quality, fullscreen, PiP 7. LIVE STREAMING - TWITCH STYLE - Live video streaming, creator dashboard, analytics, viewer count, stream chat, reactions, donations, paid streams - Categories: gaming, music, lifestyle, education, events 8. MUSIC PLATFORM - AUDIOMACK + BOOMPLAY STYLE - Upload, stream, offline downloads, low-data mode, playlists, shuffle/repeat, recommendations - Player: background playback, lock screen controls, equalizer, lyrics - Artist profiles: followers, albums, singles, analytics, verified badge 9. MARKETPLACE - JUMIA STYLE - Buy/sell products with images, cart, checkout, seller dashboard, order tracking, reviews - Categories: fashion, electronics, food, phones, services, digital products 10. AI SYSTEM - FEMS AI - AI assistant in chat for Q&A, assignments, captions, posts, summaries, translation, business advice, coding help - Features: chat interface, voice mode, AI image generation, writing tools, business assistant, learning assistant 11. AI LIBRARY / LEARNING HUB - Courses, PDFs, books, video tutorials, quizzes, AI-assisted learning, creator courses 12. WALLET & FINTECH - Integrate Paystack, Flutterwave, Monnify - Wallet balance, deposit, withdraw, bank transfers, virtual accounts, send money in chat, QR payments - Monetization: transaction fees, creator subs, boost posts, marketplace commission, tipping - Boost options: ₦100, ₦200, ₦500, ₦1000 - Transactions: reference ID, provider, receipt, status, history, download receipt 13. NOTIFICATIONS - Real-time push for messages, calls, likes, comments, follows, payments, livestreams, orders - Use FCM + Expo Notifications 14. SEARCH SYSTEM - Global search across users, messages, music, videos, products, livestreams, AI library 15. ADMIN PANEL - User management, payment monitoring, reports, analytics, content moderation, creator verification, marketplace management 16. SECURITY - Rate limiting, spam protection, DDoS protection, encryption, secure file uploads, fraud detection, payment verification, secure APIs DATABASE DESIGN Schemas for: Users, Profiles, Messages, Groups, Calls, Stories, Posts, Reels, Videos, Livestreams, Music, Playlists, Wallets, Transactions, Products, Orders, Notifications, AI conversations UI/UX DESIGN Theme: Purple, Pink, Black, Neon gradients Style: Modern, smooth animations, TikTok-level polish, WhatsApp-level usability, Instagram-quality visuals Bottom Navigation: Home, Shorts, Chat, Live, Music, Marketplace, AI, Wallet, Profile PERFORMANCE OPTIMIZATION Optimize for 2G/3G, low RAM devices, small APK size, fast startup, lazy loading, caching, media compression, offline support DELIVERABLES Generate: 1. Full folder structure 2. Complete frontend architecture 3. Backend architecture 4. API routes 5. Database schema 6. Authentication flow 7. Messaging implementation 8. Realtime systems 9. WebRTC setup 10. Wallet integration 11. AI integration 12. Marketplace architecture 13. Deployment instructions 14. CI/CD setup 15. Docker configuration 16. Security best practices 17. Production deployment guide 18. Mobile optimization strategy 19. Full UI screen breakdowns 20. Example production-ready code files Output everything in extremely detailed, production-ready format. Use TypeScript everywhere. Prioritize code that works on low-end devices and low bandwidth.