Challenge Overview

In this challenge, you need to move the public user profile page to our ReactJS site hosted in the Community App repo.

The work is to be done in Community App, out of the latest commit in public-user-profile-page 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.;

Should you have any doubts, do not hesitate to ask for clarifications in the challenge forum!

Challenge scope

Move the public user profile page to community-app. Create a new route called /members/:handle
Copy any required assets from the legacy repo (link below)
The user statistics page is out of scope.
The badges modal should be implemented.
The new code should be unit tested.

Supported devices

The following devices are in scope of this challenge:

Reuse the existing mixins for breakpoints etc.

Submit a git patch for the latest commit in the public-user-profile-page 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 public-user-profile-page branch.