đź’ˇ LOVABLE AI PROMPT (Use this directly) Objective: Implement robust Save & Exit functionality for both Mentor and Founder onboarding flows,...
Generated Prompt
Its primary purpose is to ensure users can save their progress and seamlessly resume onboarding at any point, while also providing clear dashboard alerts when onboarding is incomplete.
---
## CORE FEATURES
1. **Save & Exit Functionality**
Users must be able to auto-save their progress at each step and explicitly save their state using a “Save & Exit” option.
- All completed fields up to the current step must persist.
- The current onboarding step must be stored.
- Users must be redirected to their dashboard (not the homepage).
- No duplicate profile records should be created.
2. **Login Detection & Resume Prompt**
If a user account already exists and onboarding is incomplete:
- The system must not restart onboarding from Step 1.
- On login, the first screen should detect incomplete onboarding.
- The user must see two clear options:
- **Continue Onboarding** (resume from last saved step)
- **Skip for Now** (go to dashboard without resuming immediately)
Selecting **Continue Onboarding** resumes from the stored step.
Selecting **Skip for Now** redirects to the dashboard while keeping onboarding status as `incomplete`.
3. **Dashboard Alert System (Incomplete State)**
If a user’s onboarding status is `incomplete`, a persistent alert banner must appear at the top of their dashboard. The alert must include:
- Current step (e.g., Step 3 of 6)
- Profile completion percentage
- A clear **“Continue Onboarding”** CTA button
4. **Resume Logic**
When the user clicks “Continue Onboarding” (from login prompt or dashboard):
- They are redirected to their last saved step.
- All previously entered data is pre-filled.
- The onboarding wizard must not reset.
- Users cannot skip required steps within the wizard itself.
5. **Completion Trigger**
Upon successful submission of the final onboarding step:
- `onboarding_status` updates to `complete`.
- The dashboard alert banner is permanently removed.
- All submitted onboarding data becomes visible and accessible within the relevant dashboard sections.
6. **Validation of Progress & Data Integrity**
- No data loss is permitted.
- Progress must persist across logout/login cycles.
- Auto-save and explicit save must both function reliably.
- Users must always resume from their exact last saved step.
- Attempting to sign up again with an existing account must not create duplicate records or restart onboarding.
---
## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for type safety and maintainability.
- **Styling**: Tailwind CSS for utility-first styling.
- **UI Components**: shadcn/ui for accessible and consistent components.
- **State Management**: React Context API or Redux for onboarding state management.
- **Persistence Layer**: Onboarding state must be stored in the backend database and not rely solely on client-side state.
---
## IMPLEMENTATION CHECKS
1. Confirm and, if missing, implement robust Save & Exit logic:
- Persist onboarding data.
- Store current step.
- Redirect to dashboard.
- Maintain state across sessions.
2. Confirm and, if missing, implement Login Detection Logic:
- Check onboarding_status on authentication.
- Redirect incomplete users to resume prompt screen.
- Provide Continue / Skip options.
3. Confirm and, if missing, implement Dashboard Alert System:
- Dynamically render alert if onboarding_status = incomplete.
- Ensure accurate progress calculation.
- Resume from correct step.
4. Ensure Final Step Completion Trigger:
- Correctly updates onboarding status.
- Removes alert permanently.
- Displays onboarding data in relevant dashboard sections.
---
## USER EXPERIENCE
Users experience a flexible, interruption-proof onboarding journey.
Progress is continuously saved, reducing anxiety about data loss.
If they leave midway, they are gently reminded u
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!
