236 lines
10 KiB
Markdown
236 lines
10 KiB
Markdown
# whzup
|
|
Whzup
|
|
AI Agent Prompt: Whzup - Integrated Social & Messaging App
|
|
Project Title: Whzup - All-in-One Social & Messaging Mobile Application
|
|
|
|
I. Objective:
|
|
Develop a comprehensive, intuitive, and aesthetically pleasing mobile application, provisionally named "Whzup," that seamlessly integrates the core functionalities of Facebook, WhatsApp, Instagram, and X (formerly Twitter) into a single, unified platform. The primary goal is to create a simplified, beautiful, and highly engaging user experience that eliminates the need for users to switch between multiple apps for their social networking and communication needs.
|
|
|
|
II. Core Principles & Design Philosophy:
|
|
|
|
Simplicity & Intuition: The app must be incredibly easy to navigate, even with its extensive feature set. UI/UX design should prioritize clarity, minimalism, and a shallow learning curve.
|
|
|
|
Aesthetics & Beauty: The visual design must be modern, clean, and appealing. Consider a harmonious color palette, elegant typography, and smooth animations. The "beautiful app" aspect is paramount.
|
|
|
|
Seamless Integration: Features from different platforms should not feel tacked on but organically woven together. Interactions should flow naturally between different modules (e.g., seeing a friend's post and being able to instantly message them about it).
|
|
|
|
Performance & Responsiveness: The app must be fast, fluid, and highly responsive, even with a large amount of content and active users. Minimize loading times and ensure smooth scrolling and transitions.
|
|
|
|
Privacy & Security: Implement robust privacy controls and top-tier security measures for all user data, communications, and content. Users should have granular control over their privacy settings.
|
|
|
|
Customization (User Experience): Allow for a degree of user customization, such as notification preferences, theme options (light/dark mode), and content filtering, where appropriate.
|
|
|
|
III. Feature Breakdown & Integration:
|
|
|
|
The AI agent should understand and implement the following key features, focusing on their integration and simplification:
|
|
|
|
A. User Profiles & Identity (Facebook/Instagram/X Inspired):
|
|
|
|
Unified Profile: A single user profile that encompasses all aspects:
|
|
|
|
Profile Picture/Avatar: Customizable, with options for animated avatars.
|
|
|
|
Bio/About Section: Rich text support, links, and hashtags.
|
|
|
|
Contact Info: Optional, privacy-controlled.
|
|
|
|
Followers/Following Model: Similar to Instagram/X, allowing users to follow public profiles and connect as "friends" with mutual consent.
|
|
|
|
Public/Private Profile Options: Granular control over who can see posts, stories, and send messages.
|
|
|
|
Badges/Achievements (Optional): Gamification elements for engagement.
|
|
|
|
Activity Log: A unified view of user's posts, shared content, and interactions.
|
|
|
|
Discovery: Mechanisms to find and connect with friends, family, and public figures (e.g., search, suggestions based on contacts, interests).
|
|
|
|
B. Feeds & Content Discovery (Facebook/Instagram/X Inspired):
|
|
|
|
Personalized Home Feed: A single, algorithmically-driven feed that combines:
|
|
|
|
Posts: Text, photos, videos (short & long-form), links, polls, similar to Facebook/X.
|
|
|
|
Stories: Ephemeral content (photos/videos) with filters, stickers, text, and drawing tools, similar to Instagram/Facebook Stories.
|
|
|
|
Reels/Short Videos: A dedicated section for short, engaging vertical videos, similar to Instagram Reels/TikTok.
|
|
|
|
Live Streams: Ability to initiate and watch live video broadcasts.
|
|
|
|
Content Creation Tools:
|
|
|
|
Intuitive Post Composer: Easy access to text, photo, video, and live stream options.
|
|
|
|
Advanced Photo/Video Editor: Built-in tools for cropping, filters, adjustments, text overlays, and music for Stories and Reels.
|
|
|
|
Polls, Questions, Quizzes: Interactive elements for posts.
|
|
|
|
Engagement:
|
|
|
|
Reactions: A rich set of reactions (e.g., like, love, laugh, etc.) for all content types.
|
|
|
|
Comments: Threaded comments with rich media support (photos, GIFs, voice notes).
|
|
|
|
Sharing: Easy options to share posts to stories, direct messages, or external platforms.
|
|
|
|
Repost/Quote: Ability to repost content with or without additional commentary (X-like functionality).
|
|
|
|
Exploration/Discovery Tab: A dedicated section for trending topics, popular content, suggested profiles, and interests (similar to Instagram's Explore or X's Trends).
|
|
|
|
Hashtag & Topic Following: Users can follow specific hashtags or topics to see related content.
|
|
|
|
C. Messaging & Communication (WhatsApp/Facebook Messenger Inspired):
|
|
|
|
Unified Inbox: A single, streamlined inbox for all messages.
|
|
|
|
One-to-One Chat:
|
|
|
|
Rich Text Messaging: Standard text, emojis, GIFs.
|
|
|
|
Media Sharing: Photos, videos, documents, audio messages, contact cards, location sharing.
|
|
|
|
Voice & Video Calls: High-quality, reliable individual voice and video calls.
|
|
|
|
Ephemeral Messages: Optional disappearing messages (like WhatsApp's view once).
|
|
|
|
Reactions to Messages: React to individual messages.
|
|
|
|
Reply to Specific Messages: Threaded replies within chats.
|
|
|
|
Group Chat:
|
|
|
|
Robust Group Management: Admin controls, participant lists, group info.
|
|
|
|
Large Group Support: Ability to handle groups with many members.
|
|
|
|
Group Voice & Video Calls: Conference calling capabilities.
|
|
|
|
Broadcast Lists: Send messages to multiple contacts simultaneously without creating a group.
|
|
|
|
Status Updates (WhatsApp Status Inspired): Ephemeral text, photo, or video updates visible to selected contacts for 24 hours. Integrated directly into the messaging section or a dedicated tab.
|
|
|
|
Direct Messaging from Feeds: Seamlessly transition from viewing a post/story to directly messaging the creator or sharing it with a contact.
|
|
|
|
End-to-End Encryption: All one-to-one and group communications must be end-to-end encrypted by default.
|
|
|
|
D. Notifications & Alerts:
|
|
|
|
Centralized Notification Hub: A single place to view all notifications (new messages, likes, comments, mentions, new followers, live streams, etc.).
|
|
|
|
Granular Notification Settings: Users can customize notification types, sounds, and vibrations.
|
|
|
|
In-App Alerts: Subtle visual cues for new activity.
|
|
|
|
E. Search Functionality:
|
|
|
|
Universal Search Bar: Ability to search for:
|
|
|
|
Users/Profiles
|
|
|
|
Posts/Content (by keywords, hashtags)
|
|
|
|
Messages (within chats)
|
|
|
|
Groups
|
|
|
|
Trending topics
|
|
|
|
F. Settings & Privacy:
|
|
|
|
Comprehensive Privacy Controls:
|
|
|
|
Who can see my profile? (Public, Friends, Custom)
|
|
|
|
Who can see my posts/stories?
|
|
|
|
Who can send me messages/friend requests?
|
|
|
|
Location sharing controls.
|
|
|
|
Activity status visibility.
|
|
|
|
Blocking and muting options.
|
|
|
|
Account Management: Profile editing, password changes, two-factor authentication.
|
|
|
|
Data Management: Options to download user data.
|
|
|
|
Notification Preferences: As mentioned above.
|
|
|
|
App Theme: Light/Dark mode, potentially custom accent colors.
|
|
|
|
IV. Technical Requirements & Considerations:
|
|
|
|
Platform: Native iOS (Swift/ SwiftUI) and Android (Kotlin/Jetpack Compose) development for optimal performance and user experience. Cross-platform frameworks (e.g., React Native, Flutter) could be considered only if they can guarantee native-level performance and UI fluidity.
|
|
|
|
Backend: Scalable, secure, and robust backend infrastructure capable of handling millions of concurrent users and petabytes of data (e.g., microservices architecture, cloud-based solutions like AWS, Google Cloud, Azure).
|
|
|
|
Database: Efficient database solutions for real-time data, user profiles, content, and messages (e.g., NoSQL for flexibility, SQL for relational data).
|
|
|
|
Real-time Communication: WebSockets or similar protocols for instant messaging and live features.
|
|
|
|
Content Delivery Network (CDN): For fast and efficient delivery of media (images, videos).
|
|
|
|
Security: Implement OAuth 2.0 for authentication, end-to-end encryption for messaging (e.g., Signal Protocol), regular security audits, and protection against common vulnerabilities (OWASP Top 10).
|
|
|
|
Scalability: Design for horizontal scalability from the outset.
|
|
|
|
Analytics & Crash Reporting: Integrate tools for monitoring app performance, user engagement, and crash reporting (e.g., Firebase Analytics, Crashlytics).
|
|
|
|
Push Notifications: Reliable push notification service integration.
|
|
|
|
V. UI/UX Design Directives:
|
|
|
|
Clean & Minimalist Interface: Avoid clutter; prioritize content visibility.
|
|
|
|
Intuitive Navigation: Consider a bottom navigation bar for primary sections (e.g., Home/Feed, Explore, Messages, Profile), and contextual menus for secondary actions.
|
|
|
|
Consistent Design Language: Maintain a unified visual style across all screens and components.
|
|
|
|
Accessibility: Ensure the app is accessible to users with disabilities (e.g., screen reader support, customizable text sizes).
|
|
|
|
Onboarding: A brief and engaging onboarding process that explains key features without overwhelming the user.
|
|
|
|
Error Handling: Graceful error handling and informative user feedback.
|
|
|
|
Animations & Transitions: Subtle, smooth animations to enhance the user experience and provide visual feedback.
|
|
|
|
VI. Monetization Strategy (Future Consideration, but Design for Flexibility):
|
|
|
|
No immediate monetization is required, but the architecture should allow for future integration of:
|
|
|
|
Optional in-app purchases (e.g., premium features, stickers).
|
|
|
|
Non-intrusive advertising (e.g., sponsored posts within the feed, clearly marked).
|
|
|
|
Subscription models for advanced features.
|
|
|
|
VII. Deliverables:
|
|
|
|
Detailed UI/UX Wireframes & Mockups: For all core screens and user flows.
|
|
|
|
Technical Architecture Document: Outlining the proposed backend, database, and overall system design.
|
|
|
|
Native Mobile Applications: Fully functional iOS and Android applications.
|
|
|
|
Backend API & Services: All necessary APIs to support mobile app functionality.
|
|
|
|
Comprehensive Test Plan & Results: Unit tests, integration tests, end-to-end tests.
|
|
|
|
Deployment Strategy: Plan for app store submission and continuous integration/continuous deployment (CI/CD).
|
|
|
|
User Manual/Documentation (Optional, but helpful): For app usage and administration.
|
|
|
|
VIII. Success Metrics:
|
|
|
|
User Retention Rate
|
|
|
|
Daily/Monthly Active Users (DAU/MAU)
|
|
|
|
User Engagement (time spent in app, number of posts, messages sent)
|
|
|
|
App Store Ratings and Reviews
|
|
|
|
Performance Benchmarks (loading times, responsiveness)
|
|
|
|
Crash-free user sessions
|
|
|