Challenge Overview
Challenge overview
Attention! This is a fast code challenge! The submission phase is 48 hours and the review, appeals phases are shorter than usual.
Make sure you don’t miss any deadline!
In this very simple challenge, you need to create a new sub page in the User’s Settings Profile page that will follow the new look and feel based on our new storyboard design (link on the challenge forum).
Note that most of the required code is already created (actions, reducers, services, components) so you don’t have much to create from scratch.
- The work is to be done in Community App, out of the latest commit in new-develop branch.
- You should follow the best practices established in the repository:
- Important: We use this stand alone library: https://github.com/topcoder-platform/topcoder-react-lib for any actions/reducers/services of current ReactJS based app.
- 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
- Only the “Preferences” tab from the sidebar are in the scope of this challenge.
- Don't worry about the header that's currently implemented. It doesn't match with the new design but leave it out of scope.
- You need move Email content to new Preferences sidebar
- Forum Preferences, Payment Preferences, Invitation Letter and Referrals will be just links to the legacy pages.
- The Personalizations data must be saved as a “user trait”. 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/update/read/delete traits.
- Personalizations, check Postman collection how to create and update the personalizations traits
- Extract all icons from the Zeplin project
- The logic behind all user traits is the same thus you can reuse the existing services/actions reusable/generic and only update them if needed.
- We don't need new tests but we shouldn't break any of the existing. But, make sure the current tests are passing.
Supported devices
For this challenge, we only target Desktop devices.
- Submit a git patch for the latest commit in the https://github.com/topcoder-platform/community-app/tree/new-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
Attention! This is a fast code challenge! The submission phase is 48 hours and the review, appeals phases are shorter than usual.
Make sure you don’t miss any deadline!
In this very simple challenge, you need to create a new sub page in the User’s Settings Profile page that will follow the new look and feel based on our new storyboard design (link on the challenge forum).
Note that most of the required code is already created (actions, reducers, services, components) so you don’t have much to create from scratch.
- The work is to be done in Community App, out of the latest commit in new-develop branch.
- You should follow the best practices established in the repository:
- Important: We use this stand alone library: https://github.com/topcoder-platform/topcoder-react-lib for any actions/reducers/services of current ReactJS based app.
- 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
- Only the “Preferences” tab from the sidebar are in the scope of this challenge.
- Don't worry about the header that's currently implemented. It doesn't match with the new design but leave it out of scope.
- You need move Email content to new Preferences sidebar
- Forum Preferences, Payment Preferences, Invitation Letter and Referrals will be just links to the legacy pages.
- The Personalizations data must be saved as a “user trait”. 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/update/read/delete traits.
- Personalizations, check Postman collection how to create and update the personalizations traits
- Extract all icons from the Zeplin project
- The logic behind all user traits is the same thus you can reuse the existing services/actions reusable/generic and only update them if needed.
- We don't need new tests but we shouldn't break any of the existing. But, make sure the current tests are passing.
Supported devices
For this challenge, we only target Desktop devices.
Final Submission Guidelines
Submission deliverables- Submit a git patch for the latest commit in the https://github.com/topcoder-platform/community-app/tree/new-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