Onboarding Flow (Parent Ticket)

[shubhamsinghbundela]

Refactor Onboarding Flow

Overview

We are planning to include in current onboarding flow a identity service, change the design and ensure end to end testing.

User Stories:

As a new user, I want to have a clear and structured onboarding experience.

Requirement

1. Design: https://www.figma.com/file/nUbzEXoWgJgUQVlQdiCiog/Status-site?type=design&node-id=1-2&mode=design&t=dzSxEN284p3FrxQo-11 (It will be updated)

2. Complete flow with details: Real-Dev-Squad/website-www#589

3. Tech Stack:
Frontend + Testing - EmberJS
Backend + Testing - Express.js, chai, mocha

4. Estimation planning: https://docs.google.com/document/d/1nC3SrLJ6aWsDqfZwECChV9B4KUrg_muwP1yMyYDt6g4

5. Wireframe of onboarding flow: https://excalidraw.com/#json=wx2LOVHHbDPZsGi9uYAEz,OoP8y5GZ6nfu15siU69rIA

6. Onboarding Flow all discussion MOM(Wg-onboarding Discord channel): https://discord.com/channels/673083527624916993/1069806199853285426/1143587449130455140, https://discord.com/channels/673083527624916993/1069806199853285426/1146980743684309002

Tasks

Milestone-1

• [RFC] Process for Onboarding Without GitHub Accounts: Addressing Maven, Product Manager, and Designer Roles website-www#578 @shubhamsigdar1 @vinit717
• Develop Page for Returning Users (Archived Members) website-www#575 @vinit717 (Merged)
• [Onboarding Flow]- Implement Before and After GitHub Sign-In Page  website-www#579 @vinit717 (Merged)
• [Onboarding Flow]- Created two input fields, 'firstname' and 'lastname' in signup Details page website-www#580 @shubhamsigdar1 (Merged)
• [Onboarding Flow]-Automate username of a user  website-www#581 @shubhamsigdar1 (Merged)
• Ignore ESLint Error for Binding to 'down' Event website-www#643 @shubhamsigdar1 (Merged)
• [Onboarding Flow]- Add role option for a user on signup detail page website-www#582 @shubhamsigdar1 (Merged)
• Fix signup steps design website-www#647 @vinit717 (Merged)
• [Onboarding Flow]- User Signup Form Validation and Toast Message website-www#654 @shubhamsigdar1 (Merged)
• [Onboarding Flow]-Signup Process for Different User Roles website-www#651 @shubhamsigdar1 (Merged)

Milestone-2

• Create Getting Started Page website-www#660 @vinit717 (Merged)
• [Onboarding flow]- Link and create join steps after signup for developers website-www#665 @vinit717 ( Merged)

Milestone-3

• [Onboarding Flow]-Create and link identity service flow on onboarding steps website-www#663 @vinit717 ( Merged)
• [Onboarding Flow]- Chaincode Generation Page in Identity Service Setup website-www#670 @shubhamsigdar1 ( Merged)
• [Onboarding Flow] - Steps include Profile Service Setup Steps and Linking with Identity Service  website-www#682 @shubhamsigdar1 ( Merged)
• [Onboarding Flow]- Write test after the "Generate Chaincode" button is clicked website-www#714 @shubhamsigdar1
• List of UI changes in new onboarding flow website-www#710
• [Onboarding Flow] - Profile Service Link Verification Page website-www#730 @shubhamsigdar1

Need to be Done :

• After selecting a developer from roles and then signup we need to show this
  
  but currently, it goes to this
  

• User can move to different pages through changing query params, this should be restricted. - @satyam73

• Need to refactor UI for different sizes. @vinit717

• Integrate applicant's API. @vinit717

• Integrate discord invite API. - @vinit717

• Refactor Identity steps UI. - @satyam73

• Test the whole onboarding flow.

• Refactor login with GitHub first when a user comes to /join route. - @vinit717

• Add screen to show pending and rejected status of application.