Criar um app para gerenciar meus contatos do Whatsapp com as seguintes funcoes: - Espelhar minhas conversas - Cadastro de Perfil - Rotina para...
Generated Prompt
## APPLICATION OVERVIEW This application is a web app designed to manage WhatsApp contacts efficiently. It allows users to mirror their conversations, manage contact profiles, and send bulk messages with custom intervals, ensuring a streamlined communication process while avoiding spam. ## CORE FEATURES 1. **Mirror Conversations**: Users can sync and view their WhatsApp conversations within the app for easier management. 2. **Profile Registration**: Enables users to create and manage profiles for their contacts, storing essential information and preferences. 3. **Contact Linking Routine**: Automates the process of linking contacts to their respective profiles, streamlining communication. 4. **Standard Message Registration**: Allows users to create and save standard messages for quick access and reuse. 5. **Bulk Messaging Routine**: Users can send mass messages to selected profiles at customizable intervals, with message merging features to maintain engagement and reduce spam risk. ## 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 left sidebar for quick access to core features, and a central content area displaying the main functionalities. Each section will have clearly defined areas for user input and action buttons. ## TECHNICAL REQUIREMENTS - **Framework**: React with TypeScript - **Styling**: Tailwind CSS - **UI Components**: shadcn/ui - **State Management**: Redux or Context API for managing user state and app data ## IMPLEMENTATION STEPS 1. **Set Up the Development Environment**: - Install Node.js and create a new React app using Create React App with TypeScript. - Install Tailwind CSS and configure it for the project. - Install necessary libraries including Redux or Context API for state management. 2. **Create Core Components**: - Develop components for the navigation bar, sidebar, and main content area. - Implement form components for profile registration and message creation. 3. **Integrate Core Features**: - Implement the conversation mirroring feature, using WhatsApp API (if available) or alternative methods for conversation syncing. - Set up routines for linking contacts with profiles and sending bulk messages, ensuring to include settings for custom intervals and message merging. 4. **Design and Style the Application**: - Apply Tailwind CSS styles based on the specified design guidelines, ensuring a responsive and minimalist aesthetic. - Ensure proper spacing, typography, and color usage throughout the app. 5. **Testing and Iteration**: - Conduct thorough testing of all functionalities, especially focusing on the bulk messaging feature to ensure it adheres to anti-spam guidelines. - Gather user feedback for further improvements and adjustments. ## USER EXPERIENCE Users will interact with the application via a straightforward interface, beginning with the navigation bar to access different functionalities. The sidebar will provide quick links to main features like profile management and message settings. The central area will be dedicated to input forms and display results, enabling users to manage their WhatsApp contacts seamlessly. Key interactions include creating profiles, registering messages, and configuring bulk messaging settings, all designed to be intuitive and user-friendly. The minimalist design ensures that users can focus on their tasks without unnecessary distractions.
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!
