DRAFT - I have a Lovable project that I am building and we are working towards building a prototype or MVP that we can launch in a few weeks. I am...
Generated Prompt
```markdown ## APPLICATION OVERVIEW Paperplane is a web application designed to streamline the estate planning process for new parents in Texas, offering a clean and accessible platform for creating wills. The app aims to provide an alternative to traditional legal services, making estate planning both affordable and user-friendly. ## CORE FEATURES 1. **Landing Page**: A welcoming interface that introduces users to Paperplane with a prominent "Get Early Access" call-to-action (CTA) button. 2. **Email Verification**: Users can enter their email to receive a 6-digit OTP for verification, ensuring secure access to their accounts. 3. **Personal Information Capture**: A second page collects essential user details, including first name, last name, email, cell phone, and city/state for follow-up communications. 4. **Progressive User Guidance**: The AI assistant, Sully, provides contextual help throughout the questionnaire, ensuring users feel supported and informed. 5. **Document Generation Trigger**: Upon successful payment, the app triggers document generation via Power Automate automatically, creating both a Word document for attorney review and a PDF for customers. ## DESIGN SPECIFICATIONS - **Visual Style**: Minimalist - Clean, simple design with plenty of white space to enhance readability and user focus. - **Color Mode**: Light theme with dark text on light backgrounds, ensuring clarity and legibility. - **Layout**: - Landing page centered with a max width of 1400px, featuring a large headline, supportive text, and the CTA button prominently displayed. - Personal information capture page structured with form inputs stacked vertically, ensuring easy navigation and accessibility. - **Typography**: - Headings: 'Fraunces', serif, warm, approachable for titles and major sections. - Body text: 'Satoshi', sans-serif, modern, and readable for all form fields and instructions. ## TECHNICAL REQUIREMENTS - **Framework**: React with TypeScript - **Styling**: Tailwind CSS with custom configurations for spacing and typography. - **UI Components**: shadcn/ui for standardized components like buttons, inputs, and cards. - **State Management**: React Context for managing user session and input states. ## IMPLEMENTATION STEPS 1. **Set Up Project Environment**: Initialize the React app with TypeScript and Tailwind CSS configuration. 2. **Create Landing Page**: - Implement the landing page with a prominent header, informative text, and the "Get Early Access" button. - Style using Tailwind CSS to match the minimalist aesthetic. 3. **Set Up Email Verification**: - Create a component for email input and OTP verification using Supabase Auth. - Ensure the backend correctly handles email verification and session creation. 4. **Develop Personal Information Capture Page**: - Build a form to capture user details (first name, last name, email, phone, city/state). - Include validation for required fields using React Hook Form and Zod for schema validation. 5. **Implement AI Assistant**: - Integrate the Sully AI personality to provide contextual help and reassurance throughout the user journey. 6. **Trigger Document Generation**: - Set up Power Automate workflows to generate the necessary documents upon successful payment confirmation. ## USER EXPERIENCE Key user interactions include: - Upon landing on the homepage, users are greeted with a clear message and encouraged to click the "Get Early Access" button. - After entering their email, users receive an OTP, creating a seamless verification process. - The personal information capture page allows users to input data easily, with real-time validation providing feedback on their entries. - Throughout the process, Sully offers supportive guidance, enhancing user confidence and engagement. - Users are directed to a dashboard where they can track their progress and access their generated documents. This implementation plan ensures a streamlined, user-friendly experience that aligns with the vision of making estate planning accessible and delightful for new parents. ```
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!
