Key Information

Register
Submit
The challenge is finished.

Challenge Overview

In this challenge, you need to implement the “CHALLENGES” and the “PAST SRM” tabs in the member statistics page (eg https://www.topcoder.com/members/thomaskranitsas/details/?track=DEVELOP&subTrack=FIRST_2_FINISH&tab=challenges & https://www.topcoder.com/members/tourist/details/?track=DATA_SCIENCE&subTrack=SRM&tab=Past%20srm) to show past challenges and the past SRMs that the member competed in.

 

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.

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

Challenge scope

  • This tab must work for all sub tracks.

  • You need to mimic the functionality from the legacy code that loads more challenges when you scroll to the bottom of the page.

  • Note that if the user is authenticated, you need to pass the token so the API will also return the private challenges. A member can only see his/her private challenges.

  • Make sure to not break any of the existing functionality.

 

Legacy Code Repo

You can find the current implementation (legacy code) to see which endpoints to use and how to style the page here:

https://github.com/appirio-tech/topcoder-app/

Supported devices

  • Desktop

  • Tablet

  • Mobile

 

Reuse the existing breakpoints for responsive design

 


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.

ELIGIBLE EVENTS:

2018 Topcoder(R) Open

REVIEW STYLE:

Final Review:

Community Review Board

Approval:

User Sign-Off

SHARE:

ID: 30066894