Topcoder - TCO Hall of Fame

Welcome to the Topcoder - TCO Hall of Fame challenge!

This page will be your one-stop shop for all things TCO. Learn about past champions and finalists, locations, event photos and more - all in one spot.

You will find a link to the storyboard in the challenge forum (available on registration).
 

The work is to be done in Community App, out of the latest commit in develop 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

• Create a new route for this page (/tco-hall-of-fame/{tco}).

• We don’t need to call any endpoint to fetch the data. All data should be stored in one or more JSON file(s).

• The carousel on the top of the page needs to be implemented and should allow the user to select a different TCO.

• The selected TCO logo should be colored while the rest of the logos should be in grayscale.

• The learn more button should point to the TCO landing page (eg: https://tco18.topcoder.com).

• Create reusable components for the leaderboards.

Targeted devices

• Desktop

• Tablet (use fluid version of mobile)

• Mobile

Final Submission Guidelines

• Git patch for the latest commit in develop branch.

• Video showing your submission in action

You may also submit the whole project folder but the git patch is required and will be scored down if not provided.