Topcoder - Implement SEO to Challenge Listing and Update Challenge Details

Challenge Objectives

Implement SEO (title and description) to Challenge Listing and update Challenge Details following requirements below.

Technology Stack

• Node.js
• JavaScript
• React.js

Code Access

The work is to be done in the Community App repo (seo-fix branch).

For local setup, please follow the README with Node 8. CONTENTFUL environment variables are provided on the forum.

Requirements

Make sure to react-helmet renders on the server side, test your solution looking for source code in the web browser and check if Title and Description Meta are updated as expected.

1) Challenge Listing

https://www.topcoder.com/challenges

a) Update SEO Title:
“Topcoder Challenge Listings | Topcoder Community | Topcoder”

b) Update Meta Description:
“Browse the challenges currently available on Topcoder. Search by type of challenge, then find those of interest to register for and compete in today.”

2) Challenge Details

example: https://www.topcoder.com/challenges/d9b17657-585c-403e-8629-2211274e8807

a) Update SEO Title:
“Topcoder Challenge | Topcoder Community | Topcoder”

b) Update Meta Description:
“Browse the challenges currently available on Topcoder. Search by type of challenge, then find those of interest to register for and compete in today. ”

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 to 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-theme 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.

Should you have any doubts, do not hesitate to ask for clarifications in the challenge forum!

Final Submission Guidelines

• Submit a git patch for each repo.
• Make sure to mention the exact commits so we can apply your patch file.
• The winner must create a PR against our repos.