Challenge Overview
Challenge Objectives
-
Update the Basic Info section under the Profile settings page based on the updated backend specifications.
Project Background
We are in the process of migrating many of the legacy pages of our platform to the new Community App repo based on a newer technology stack and improve the overall user experience.
In this series of challenges, we are targeting to the public profile page and the profile settings page based on our new design (attached on the challenge forum, available on registration).
Technology Stack
-
Node.js
-
JavaScript
-
React.js
Code Access
The work is to be done in the Community App repo, out of the latest commit in new-develop branch.
Legacy code repo (for reference only): https://github.com/appirio-tech/topcoder-app/
Individual requirements
-
Update the Basic Info section under the Profile tab based on the new backend specifications. Please refer to the POSTMAN collection of the ap-member-microservice repo (you can find it attached on the challenge forum in case you don’t have access to the repo) for details on how to use the endpoints to create/read/delete information.
-
At the beginning, we were using the /members/{handle} endpoint to get and update the user’s basic information. Then we created the /members/{handle}/traits endpoint to add more information for each user. The /members/{handle}/traits endpoint was updated so the basic_info trait will now include all the information from the /members/{handle} endpoint and
-
The user’s bio should come from the `description` field and not the `shortBio` which is currently being used.
-
You need to add a new section on the basic info page for the “Tracks” (http://take.ms/llFKd). For now, follow the design of the legacy app.
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 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
- Submit a git patch for the latest commit in the https://github.com/topcoder-platform/community-app/tree/new-develop & https://github.com/topcoder-platform/topcoder-react-lib/tree/develop 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 https://github.com/topcoder-platform/community-app/tree/new-develop & https://github.com/topcoder-platform/topcoder-react-lib/tree/develop branch