Challenge Overview
This is re-post challenge with reduced scope and faster 72h submission time. Good luck!
New “IoT” community in our community app.
In this challenge, you need to port the content of predix.topcoder.com to the Topcoder Community App - react webapp for serving Topcoder Community.
The Home, Get Started, About, Assets, Asset Details and Compete pages should all be content in community-app. Means those should be implemented as separate react components on page level and layout level and match look and feel of topcoder sub-community.
Major requirements for all components in this challenge are:
-
Support for both desktop and mobile screens
-
Match the styling from blockchain.topcoder.com. If you’re unsure about a styling/image/layout, please ask in the forum
-
Reuse existing react components as much as possible from other sub-communities from the existing codebase. Inspect the src/shared/components folder for existing components
-
All code should follow the repo code style standards without lint errors
-
For this challenge only HOME, GET STARTED and ABOUT PREDIX pages are in scope. Those are “pure static” pages that display content. The “Join the Topcoder Community for Predix” and “Compete Now” buttons can be left not clickable as linking pages are out of scope.
Please, use the predix branch:
https://github.com/topcoder-platform/community-app/tree/predix
as as base code and create all the pages in src/shared/components/tc-communities/communities/iot folder. Use latest commit: fecee831634e4f240d2522416bed8b97e8988a0f
The predix branch has already configured the basics for the new community. It has one page Home. This and the other pages has to be implemented. Study the code to see how Home page works, complete it and implement the rest analogically.
There are cheatpages to use as the guideline, that described various available mixins to use when matching look and feel:
For typography: https://community-app.topcoder.com/examples/typography
For colors: https://community-app.topcoder.com/examples/color-mixins
For buttons: https://community-app.topcoder.com/examples/buttons
Final Submission Guidelines
Summit patch against the predix branch with the new source code.
Submit a short deployment/verification guide.