Challenge Overview
The goal of this challenge is to speed up the challenge listing page. We want to render the challenge listing page to use ReactJS.
The current challenge listing pages have just refactored to use AngularJS, we want to supplement this to use ReactJS in rendering the HTML. We will still use AngularJS but we also want to use the "ng-react directive" for faster HTML rendering.
Here are some guides/documentation:
- http://davidchang.github.io/ngReact/ is approved for use
- http://www.williambrownstreet.net/blog/2014/04/faster-angularjs-rendering-angularjs-and-reactjs/
- http://matthiasnehlsen.com/blog/2014/03/31/birdwatch-with-reactjs/
- http://comments.gmane.org/gmane.comp.lang.javascript.angularjs/18084
The challenge listing pages are:
- http://www.topcoder.com/challenges/
- http://www.topcoder.com/challenges/design/active/
- http://www.topcoder.com/challenges/design/past/
- http://www.topcoder.com/challenges/design/upcoming/
- http://www.topcoder.com/challenges/develop/active/
- http://www.topcoder.com/challenges/develop/past/
- http://www.topcoder.com/challenges/develop/upcoming/
- http://www.topcoder.com/challenges/data/active/
- http://www.topcoder.com/challenges/data/past/
- http://www.topcoder.com/challenges/data/upcoming/
Browser Requirements
- IE10
- IE11
- Latest Safari
- Latest Firefox
- Latest Chrome
Resources and Guidelines:
- Latest theme and plugin available on GitLab https://gitlab.com/topcoderinc/tc-site/tree/master. You will need to create an account in GitLab if you haven't had yet, once you register for this challenge, send us GitLab login to jamesmarquez@gmail.com and we will add you to the developers group on a repo in GitLab. This will give you access to work on issues, create branches, and pull requests.
- Data is available on https://github.com/topcoderinc/tc-site-data
- Please follow the guideline in our GitLab repo
Quick Installation guide :
1. Activate theme and plugin
2. Import provided XML file
3. Set home as front page
4. Set permalink to %post_name%
5. Please install site on local.topcoder.com (add to hosts file), so your local site can read tcsso and tcjwt cookie
Final Submission Guidelines
- Please submit updated files and Patch file
- Deployment documentation
- Any new js or css file must be included in the registry. Learn about this on script and style registry section
- Once the winner is declared, create a branch and submit merge request