Topcoder - Integrate Hall of Fame with Contentful

Recently, we created a Hall of Fame page (https://community-app.topcoder-dev.com/hall-of-fame/tco/17) which is currently shown data for the past TCO finals that is currently loaded from JSON files.

In this challenge, we would like to update the existing Hall of Fame page implementation to fetch data from Contentful so we can:

1. Update the Hall of Fame content without the need to edit the code (or any JSON file).

2. Make this page generic and not just for TCO events.

 

You will find attached on the challenge forum the exported content models that we have in our Contentful space. You will need to import them into your account for development/testing. (you can create an account for free).

 

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

• Update the Hall of Fame page to pull data from Contentful. Check how this is already implemented for the dashboard announcement. You may also refer to this wiki:

  • https://github.com/topcoder-platform/community-app/wiki/Contentful-CMS

  • https://github.com/topcoder-platform/community-app/wiki/ContentfulLoader

• You are allowed modify the content models if needed to improve the content structure or the performance. If you modify the content models, you need to export them and provide the JSON file so we can import them in our Topcoder Contentful space.

Targeted devices

• Desktop

• Tablet (use fluid version of mobile)

• Mobile

Final Submission Guidelines

• Git patch for the latest commit in develop branch.

• A new document (place it inside the /docs folder) to explain how to setup everything for Contentful and how to add more data.

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