I miss u button - Uploaded image Uploaded image Uploaded image So this is an image of a cyber deck someone is build , this will be your basic...
Generated Prompt
# APPLICATION OVERVIEW Create a downloadable mobile application (iOS & Android) designed for couples to communicate, connect, and share experiences in a private, customizable, and emotionally interactive environment. This web app will facilitate real-time messaging, video calls, and unique features for maintaining and enhancing relationships while ensuring privacy and personalization. # CORE FEATURES 1. **Real-Time Messaging**: Private chat functionality allowing users to send text messages, voice notes, and multimedia (photos and videos). 2. **Video & Voice Calls**: Two modes of video calling—Normal and Private (intimate mode)—with animated stickers and sound effects. 3. **Media Sharing**: Users can share media from their devices, with synchronized playback if both partners have the same file. For external apps (e.g., TikTok, YouTube), the app displays the app icon and activity status. 4. **Virtual Pixel Avatar System**: Users upload a photo, and the app generates a pixel-style avatar reflecting their mood and activity, visible to their partner in real-time. 5. **Private Vault**: Encrypted storage for sensitive media, accessible only via a password or PIN, keeping intimate content hidden from the main interface. 6. **AI Assistant**: An optional AI chatbot for reminders, theme suggestions, and creating personalized themes based on uploaded images. # 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**: A clean layout featuring a top navigation bar, main content area for chat and media, and a sidebar for additional features like the AI assistant and settings. # TECHNICAL REQUIREMENTS - **Framework**: React with TypeScript. - **Styling**: Tailwind CSS. - **UI Components**: shadcn/ui. - **State Management**: [Specify if needed]. # IMPLEMENTATION STEPS 1. **Set Up Project**: Initialize a new React project using TypeScript and install necessary dependencies (Tailwind CSS, shadcn/ui). 2. **Create User Authentication**: Implement user sign-up and login functionality with unique connection codes for partners. 3. **Design Core UI**: Develop the main layout with a clean navigation bar, chat window, and media sharing interface. 4. **Integrate Messaging System**: Set up real-time messaging functionality, including sending text, voice notes, and media. 5. **Video Call Features**: Implement video calling functionalities with toggle options for Normal and Private modes. 6. **Implement Avatar System**: Create functionality for users to upload images and generate pixel avatars. 7. **Develop Private Vault**: Build an encrypted storage system for sensitive media, ensuring it is separate from regular media galleries. 8. **AI Assistant Setup**: Integrate the optional AI chatbot features for reminders and theme suggestions. 9. **Testing**: Conduct thorough testing for usability, functionality, and security. 10. **Deployment**: Prepare the app for deployment on iOS and Android platforms. # USER EXPERIENCE Users will experience an intuitive interface that allows them to connect with their partner seamlessly. The onboarding process will guide them through account creation and customization. The chat window will provide a rich messaging experience with options to share media, initiate video calls, and interact with the AI assistant. The app will feature smooth animations and transitions, contributing to an engaging user experience that fosters emotional connection and customization.
Loved by thousands of makers from
From early prototypes to real products, they started here.







































Generate optimized prompts for your vibe coding projects
Generate prompt
Enter a brief description of the app you want to build and get an optimized prompt
Review and use your prompt
Review (and edit if necessary) the generated prompt, then copy it or open it directly in your chosen platform
Get inspired with new ideas
Get AI-generated suggestions to expand your product with features that will surprise your users
Frequently Asked Questions
Everything you need to know about creating better prompts for your Lovable projects
Still have questions?
Can't find what you're looking for? We're here to help!
