Topcoder Community App - Show Member Profile stats based on community

Challenge Objectives:

In this challenge, we are looking to enhance the behavior of Member Profile screen, which displays stats for the user. Please note work is to be done in the Community App repo (feature-member-profile-stats branch). 

Individual requirements

• Display member profile stats based on community: When in community, and we access /members/gurmeetb -  the stats displayed should be based on community. Currently we redirect users to common page and show all stats when they click on My Profile under community - for reference, try https://blockchain.topcoder.com and click handle image -> My profile.  Here, expected behavior is stats should be based on blockchain community challenges only. Same way for other communities, to which user has access to. 

Technology Stack

• Node.js

• JavaScript

• React.js

Code Access

The work is to be done in the Community App repo (feature-member-profile-stats branch)

 

Important Notes

• You should follow the best practices established in the repository:

• We use this stand-alone library: https://github.com/topcoder-platform/topcoder-react-lib for any actions/reducers/services of current ReactJS based app. 

• As part of this challenge submission, you also might need to improve https://github.com/topcoder-platform/topcoder-react-lib for any actions/reducers/services updates

• 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!

 

 

Final Submission Guidelines