Challenge Overview
Challenge Objectives
-
Integrate the first set of pages from the provided prototype with our backend services.
Tech Stack
-
React.js
-
Redux
Project Background
We’re in the process of creating a new app to help challenge members to view their submissions and their associated review results in order to improve the overall user experience in our platform.
Code Access
Repo: https://github.com/topcoder-platform/submission-review-ui
Branch: develop
Detailed requirements
1. User authentication (major)
You need to grab the user’s JWT from the cookies and use the topcoder-react-lib to fetch the user’s profile using that JWT.
Follow the approach used in https://github.com/topcoder-platform/community-app to fetch the JWT and auto-refresh the JWT.
If the JWT does not exist or if it’s invalid, redirect the user to https://accounts.topcoder.com/member?retUrl=<REVIEW APP BASE URL>
The above link should be constructed based on the configurations and not be hardcoded.
2. My challenges page (major)
Use the topcoder-react-lib to fetch the active challenges that the user has access.
This should work similar to how we fetch challenges for the Dashboard page in the community-app.
Replace the static content we currently have with the data returned from the topcoder-react-lib.
If there are no challenges available, show the message from this design: https://tc-sub-review-app-design.herokuapp.com/#artboard0
Each button must be a link to the correct page. See here for reference.
Detailed requirements
Update the existing README.md if there are any new prerequisites or steps needed to run the app after your changes.
Important notes
-
Follow the best practices for React.js applications.
-
Properly use Redux.
-
Properly use PropTypes.
-
Follow the https://standardjs.com/ for code formatting.
What to Submit
Submit a git patch for the latest commit in the develop branch. Make sure to mention the exact commit to help reviewers apply your patch file.