[CON/Mentee Profile:] Revamp of mentee profile flow

[miriam-aha]

User story

As a mentee I want to use an easy profile creation flow so that my mentoring goals, desired roles and skills to cover during the mentorship are clearly selected and are easy to adjust when needed.

Goal

The user flow for a mentee's profile will be a bit more wizard-like prompting the user to answer one question after the other, taking into consideration their replies.

Acceptance criteria (for QA)

AC1: The current section Mentoring Topics will be moved below and called Mentoring Goals and Topics
AC2: There will be an additional section at the bottom of the page called Tools and Frameworks
AC3: As for the Mentoring Goals and Topics section: If the mentee has not yet completed their profile, only the dropdown menu to select one of six goals (Goal) should be made accessible to the user, all the other fields should be greyed out.
AC4: Depending on the goal selected by the mentee, the user will either be first able to choose a Primary Role or a general topic, here called Topics. Check with @kdanilyants for the logic of which goal leads to what field next.
AC5: Under Topics please show the 13 Overarching topics in a dropdown menu that can be found as the first set on the sheet Mentoring Topics of the pick-list.
AC6: Both Skills fields are directly related to either the Primary Role or Secondary Role field. Depending on the specific role selected (see sheet Desired roles for the appropriate dropdown values) only a sub-set of skills directly pertaining to the role should be available in the respective drop-down menu. Please see role-related skills here.
AC7: In section Tools and Frameworks the list found on the bottom of this sheet will be shown as checkboxes.

Please consult @kdanilyants for any further questions.

UI/UX design assets / specification

Please see the wonderful design made by Nadzeya here.

See also the UX/UI ticket #421 for further reference.

Data structures, business rules, and implementation hints

Subtasks

• [Frontend:] Change layout of profile page as outlined above and adjust titles of sections and fields
• [Frontend:] Implement wizard-logic to make only certain fields accessible for the user and make drop-down lists and checkboxes available as described above
• [Backend:] For existing users, link current mentoring topics to appropriate values in the new user flow, whenever possible. See mapping of these topics here.

[miriam-aha]

Hi @ericbolikowski Can we here please also change the title when we ask for the mentee's languages into: 'What are your preferred mentorship languages?'. Thank you!