Rebeccals onboard

[Rebeccals1]

Changes made to onboard page:

✅ Validation

• Added a validation system where each step can expose its own validate() function via forwardRef.
• OnboardPage calls validate() on the current step before allowing a transition to the next step.

Required that:

• CreateProfile has a name and email filled out.
• Location has at least one location selected.
• Roles requires at least one role.
• Interest checks if any interest is selected.
• Skills needs at least one skill.

🧭 Progress Handling

• Replaced the default step indicators (dots) with a progress bar.
• Progress bar updates visually as the user moves through steps.

🌀 Animated Transitions

• Added animated transitions between onboarding steps (e.g., fade or slide) for a smoother UX.

📋 Backend Integration

• Collected all form data across steps into formData in OnboardPage.
• On Submit, made a POST request to a Django backend endpoint with the full form data (Needs testing).

[larrylaa]

The frontend for the onboarding flow looks really nice, however I am encountering an issue where my screen view goes to the mobile view despite being on desktop.

Can you fix this?

The backend API call doesn't work right now because I don't have it implemented, so I will be handling that. Just fix the screen shrinking.

I've attached a photo below.

Thanks, and nice job!

[Rebeccals1]

Ok, I updated the branch. The issue should be fixed.