anonymous-messaging-inbox

byRithu Budhathoki

Build a complete mobile anonymous-messaging app heavily inspired by the current NGL app experience. The goal is to reproduce the same overall user experience, navigation structure, interaction patterns, screens, and core functionality as closely as possible, while using original code and replacing NGL's proprietary branding, logos, copyrighted assets, and exact proprietary visual assets with my own app name and assets. This must be a REAL, FUNCTIONAL mobile application — not a UI mockup or prototype. ## 1. APP CONCEPT The app allows a user to create a profile and receive anonymous messages through a personal link. Example: https://myapp.com/username The user shares this link on Instagram, Snapchat, WhatsApp, etc. Someone opens the link and sends an anonymous message. The recipient receives the message inside their app inbox. The overall experience should feel extremely close to the familiar NGL-style anonymous messaging experience. ## 2. MOBILE APP Build it for: * Android * iOS Use React Native + Expo if possible. Make the UI responsive for different phone screen sizes. Use smooth animations and transitions. ## 3. ONBOARDING Create an onboarding flow similar in structure to an anonymous messaging/social app: * Welcome screen * Create username * Profile setup * Profile picture * Continue button * Notification permission * Generate personal message link * Share link The onboarding should be simple, attractive and fast. ## 4. HOME / INBOX Create a main inbox screen where received anonymous messages appear as cards. Each message should contain: * Message text * Date/time * Read/unread status * Reply option * Share option * Delete option * Report option * Block option * Sender Details option Use a clean card-based layout with animations. Add: * Pull to refresh * Loading skeletons * Empty inbox state * Notification badge * Search/filter messages if appropriate ## 5. ANONYMOUS MESSAGE PAGE Every user gets a unique public URL. Example: /u/rohit When somebody opens it: Show: * Profile picture * Username * Short profile description * Anonymous message input * Character counter * Send button The sender should NOT need an account to send a message if anonymous submissions are enabled. After sending: Show a confirmation screen/animation. ## 6. SENDER INFORMATION Add a "View Sender Details" feature. IMPORTANT: Only show information that the application legitimately has access to and is permitted to display. For messages from registered users, show: * Username * Account ID * Profile information * Message ID * Date * Time For technical metadata legitimately collected by the server, show appropriate non-sensitive information such as: * Device type * Browser/app version * Operating system * Approximate region when legally permitted Do NOT falsely claim that an anonymous sender's real identity has been discovered. Do NOT expose private personal information simply because someone sent an anonymous message. If information isn't available, display: "Information unavailable." Clearly distinguish between: "Account information" and "Technical information." ## 7. MESSAGE ACTIONS Each received message should have actions similar to a modern anonymous-message app: * Reply * Share * Delete * Report * Block * View Details Reply should allow the recipient to create a response/post using the received message. ## 8. SHARE / SOCIAL MEDIA FLOW Add sharing functionality for: * Instagram * WhatsApp * Snapchat * Copy link * System share sheet Generate a personal link automatically. Example: https://myapp.com/u/username Add a beautiful share screen encouraging users to share their link. ## 9. PROFILE Profile screen: * Profile picture * Username * Personal anonymous link * Copy link * Share link * Edit profile * Message count * Settings ## 10. SETTINGS Create: * Account settings * Username * Profile picture * Password * Notifications * Privacy * Blocked users * Report history * Delete account * Logout ## 11. AUTHENTICATION Implement: * Email/password signup * Login * Logout * Forgot password * Secure sessions Use Supabase Auth or Firebase Authentication. ## 12. DATABASE Use Supabase/PostgreSQL or Firebase. Create appropriate tables/collections for: Users * id * username * email * password/auth reference * profile picture * bio * created_at Messages * id * recipient_id * sender_id if available * message_text * anonymous_status * created_at * read_status * reported_status Sender metadata * message_id * device information * app/browser information * approximate location where legitimately available * timestamps Blocked users Reports Notifications Use proper database security rules so users cannot access another user's private inbox. ## 13. NOTIFICATIONS Implement push notifications. When somebody sends a message: "Someone sent you an anonymous message 👀" The recipient receives a push notification. Allow users to disable notifications. ## 14. SECURITY Implement: * Rate limiting * Spam protection * CAPTCHA where appropriate * Input validation * XSS protection * SQL injection protection * Authentication security * Authorization * Secure database rules * Abuse reporting * Blocking * Message moderation Never expose server secrets or database credentials in the mobile app. ## 15. ADMIN PANEL Create a separate admin dashboard. Admin can: * View reported messages * Remove abusive messages * Ban accounts * Review reports * View legitimate technical metadata where authorized * Manage users * Manage moderation settings Keep administrative information inaccessible to normal users. ## 16. UI / UX The app should have the polished feel of a popular anonymous social messaging app. Use: * Rounded cards * Smooth page transitions * Attractive gradients * Modern typography * Large touch targets * Bottom navigation where appropriate * Animated buttons * Message animations * Skeleton loading * Dark mode * Light mode * Haptic feedback where supported Make the experience feel familiar to users of NGL without copying NGL's proprietary assets or branding. ## 17. IMPORTANT — DO NOT MAKE A DEMO Do NOT create fake buttons. Do NOT create placeholder screens that don't work. Every major button must perform its intended action. The following must actually work: Signup Login Profile creation Unique link generation Anonymous message sending Message storage Inbox Read/unread status Delete Report Block Sender details Push notifications Profile editing Logout ## 18. FINAL REQUIREMENT Build the entire project as a production-ready mobile application. After generating the app: 1. Test every major user flow. 2. Fix navigation errors. 3. Fix authentication errors. 4. Fix database errors. 5. Fix message delivery. 6. Fix notification problems. 7. Make sure users cannot access other users' private messages. 8. Make sure anonymous messaging works. 9. Make sure the app works on Android. 10. Provide instructions for generating an APK/AAB. The final result should feel like a complete NGL-style anonymous messaging app rather than a generic messaging application.