1. Alguns usuários estão tendo problemas em acessar o link do formulário oficial Medway, dizem que clicam no link mas nao são redirecionados,...
Generated Prompt
## APPLICATION OVERVIEW This project is a web application designed to facilitate user interactions with a chat-based interface. It aims to resolve access issues to official forms, manage chat configurations, and retain user memory for a seamless conversational experience. The application will allow administrators to customize messages, manage links, and track user progress in conversations. ## CORE FEATURES 1. **Form Access Resolution**: Implement solutions for users who experience issues accessing the official Medway form. 2. **Persistent Form Button**: Maintain the form button in the chat interface even after completion, allowing users to re-access it if needed, with a visual change indicating status. 3. **Configurable Links**: Provide functionality to update and manage links (e.g., WhatsApp group link) within the mission settings. 4. **Custom Message Configuration**: Enable manual configuration of chat messages based on user responses, facilitating dynamic interactions. 5. **User Memory**: Store user information (name and phone number) to remember past interactions and progress in chats. 6. **Session Persistence**: Ensure that user progress is not lost when switching tabs in the browser. ## 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 single-page layout that features a chat interface at the center, with a sidebar for settings and configurations. ## TECHNICAL REQUIREMENTS - **Framework**: React with TypeScript. - **Styling**: Tailwind CSS. - **UI Components**: shadcn/ui. - **State Management**: Redux or Context API for managing user state and chat history. ## IMPLEMENTATION STEPS 1. **Setup Project**: Initialize a new React project with TypeScript and install necessary dependencies (e.g., Tailwind CSS, Redux). 2. **Create Chat Interface**: Design the main chat interface using shadcn/ui components, ensuring it maintains a minimalist aesthetic. 3. **Implement Form Button Logic**: Develop the logic to keep the form button visible and change its status after submission. 4. **Develop Configuration Settings**: Create a settings sidebar that allows administrators to update links and customize messages. 5. **Integrate User Memory**: Implement functionality to store and retrieve user information to remember past conversations. 6. **Session Management**: Ensure that chat progress is preserved when users switch browser tabs by utilizing local storage or session storage. ## USER EXPERIENCE Users will interact with a clean chat interface, where they can easily submit forms and receive custom responses based on their previous interactions. The persistent form button will enhance usability, while the settings sidebar will provide administrators with straightforward controls to manage links and messages. The application will be responsive, ensuring a smooth experience across all devices.
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!
