[Onboarding Flow] Complete flow with details

[rohan09-raj]

Login Phase

• User visits https://realdevsquad.com
• Login - two ways
• First ---------------------------------------------------------------------------------------------------------------------------------------------------------------
  • They can click on Sign in with GitHub on navbar
  • If they authorize their account and login is successful, redirect them to /join
  • Where they will see the Thank you for connecting your Github card with Get Started CTA -> [Step - 0]
• Second -----------------------------------------------------------------------------------------------------------------------------------------------------------
  • If they click on Join the squad directly, they will be directed to /join
  • See a card with Sign in with GitHub CTA with text, Before getting started, connect your GitHub account -> [Step - 0]
  • Once they Sign in with GitHub they will see the same Thank you card - (first phase - 3rd step)

Personal Details Phase

• They will be fill 4 details here for Milestone - 1 (5 details for further milestones)
• Details asked from user (in same order on UI)
  • First Name - Filled by user
  • Last Name - Filled by user
  • Username - Generate Username CTA which on click will call a API and return a unique username and prefill the field. Here this field will not be editable, user can just see what username is being assigned to them based on their first name and last name inputs
  • Role - User can select appropriate roles for them using dropdown, this will be further used for process
  • Discord Link For maven, designer, product manager discord link sent after user signup and for developer discord link can be sent once identity service and intro is approved
• Sign Up CTA will only be enabled when all these details are filled
• When it is enabled, user will click on it and
  • If API call fails, user will see a toast and a retry CTA, also they can report the failure to anyone in RealDevSquad - analytics will help too here
  • If API call is success, user will directed to next step having Congratulations with Let's get started CTA
• When clicking on Let's get started or Join Our Discord based on their selected roles, if user is
  • Developer - ask more details to fill.
  • Mavens, Designers, PMs - Give them link to join in Discord server.

Personal Details - In depth (current Join section) - For Developer's only

• Developer need to fill these information
• After completing these steps, developer's intro form data will be visible on Dashboard's site to get this approved/rejected

Setup profile service and link with identity-service phase

• This is small challenge given to user which will help in setting up user identity across Real Dev Squad
• After submitting this i.e. when it verified, Developer get discord link to join rds.