Topcoder Community App - Settings Profile Page Migration Code Challenge

In this challenge, you need to move the Settings Profile Page that was built on AngularJS to our new ReactJS site hosted in the Community App repo.

The work is to be done in Community App, out of the latest commit in settings-profile branch.
You should follow the best practices established in the repository:

• Properly use Redux. Properly split code into reusable, self-contained React components, conveniently grouped inside folder structure;
• Do not violate ESLint rules for JS code, nor StyleLint rules for SCSS;
• Properly use babel-plugin-react-css-modules and / or react-css-themr for styling;
• Use SCSS variables and mixins from the global stylesheets (/src/styles/_tc-styles.scss). Especially, when it relates to colors, fonts, etc;
• Do not break existing unit tests.
• Etc.;

For any doubts, do not hesitate to ask for clarifications in the challenge forum!

Challenge scope

• We just completed previous code challenge to move public-user-profile-page to Community App repo.
• You can refer/follow how previous code migration works from AngularJS to ReactJS on public-user-profile-page branch
• This time we need move the Settings Profile Page to community-app.
• Create a new route called /settings/profile
• Copy any required assets from the legacy repo: https://github.com/appirio-tech/topcoder-app/
• Make sure Settings Profile tabs working and remain look same for “Profile”, “Account”, Email” & “Preferences” tabs
• Compare & Double check existing functionalities and services. Make sure each tab working as expected
• The new code should be unit tested.
• The new/updated code should be unit tested.
• Update ReadME on community-app under “Current” status section to link to the new Settings profile page.

Supported devices
The following devices are in scope of this challenge:

• Desktop
• Tablet
• Mobile

Reuse the existing mixins for breakpoints etc.

Final Submission Guidelines

- Submit a git patch for the latest commit in the settings-profile branch and a demo video showing your submission in action.
- Make sure to mention the exact commit so we can apply your patch file.
- The winner must create a PR against our settings-profile branch.