Onboarding - Setup new onboarding app in platform-ui

[jmgasper]

REF: https://topcoder.atlassian.net/browse/MP-99

We want to move the onboarding app used with new members from the current MFE into platform UI

Page

This will be page 1 of 7 (shown on the footer)

MFE

For reference, the old MFE is here. You may be able to refer to this to get an idea of the services to use.

https://github.com/topcoder-platform/micro-frontends-onboarding-app

TSX

We will target Typescript for this new app.

Platform-UI setup

We will target the onboarding branch.

Please add:

1. A new "onboarding" folder under src/apps
2. A new src/apps/onboarding/onboarding.routes.tsx file, similar to the other apps, that handles the path routing for the onboarding app
3. Relevant routing details to src/apps/platform/src/platform.routes.tsx
4. The title in the uni-nav should be "Welcome to Topcoder", configured in src/config/constants.ts

Platform-UI

Wherever possible, please use the standard UI components in src/libs/ui/lib/components, instead of copying in custom components.

First screen

We will implement this first screen for this ticket. Note that this is just a wireframe, so we don't need to meet this exactly - do the best we can with the standard components. A future ticket will implement a skinned design.

NOTE - the "Import From LinkedIn" and "Your Resume" buttons are out of scope for the initial implementation.

The Enter My Info will take them to the skills page in #660

Logged in

A user is required to be logged in to access the onboarding flow, so if they aren't logged in, we should send them to login. This is already supported in the platform-ui, we just need to make sure the routes are configured properly.

Testing

You can register a new user at topcoder-dev.com and go through the onboarding flow at platform.topcoder-dev.com/onboard to get a feel for how this will work.

[jmgasper]

@suppermancool - Note that we have a bunch of hooks for working with the profile data:

https://github.com/topcoder-platform/platform-ui/tree/dev/src/libs/core/lib/profile/data-providers

We should use those whenever possible, to avoid code duplication..

Check also the profile-functions folder. There are the manipulation primitives located.
One is able to read and write member profiles and traits data

[suppermancool]

@jmgasper done in #668
new page url is https://local.topcoder-dev.com/onboarding

[jmgasper]

@suppermancool - Looks good. A couple minor tweaks:

1. Can you create a src directory under onboarding and move the code there please? That'll be more consistent with the other apps
2. Can you update the page in the footer to be 1/7 please?

[suppermancool]

@jmgasper done in #669