Challenge Overview
Challenge Overview
In this challenge we are adding recommended challenges that are related to the challenge details.
Project Overview
Following the previous challenge of recommended THRIVE article integration we will now integrate the recommended challenges in the challenge detail page.
we would like to show related challenges when user visits the challenge detail page. So that member could be find challenges in which they might be interested.
Technology Stack
React JS, SCSS, HTML, JavaScript
Assets
-
Download the FF design from This Google Drive Link
-
View the FF design from This Marvel Project Link
Individual Requirement
1) Update the UI based on design(check below for changes in UI Changes and Interaction section)
2) Integrate the related challenges from the below
API https://api.topcoder.com/v4/challenges.
3) Exclude “Other” and don’t search for that tag
4) If more than one tag is present, display related articles based on first tag
5) Only search those challenges in which user has not registered.
6) Please notice that Tags feature only available for challenges in Development and Data
Science track (Design track does not support tags for now)
7) Hide this sections if any of the below is correct
-
If challenge is tagged with "other" only as technology
-
If there are no active challenges found for given tag
-
If there are no active challenge in which user is not registered
8) Update the tests with modified changes.
9) Lint should be pass.
UI Changes and Interaction
1) Add link to recommended THRIVE articles
-
Clicking this should scroll to recommended challenges section at the bottom.
-
Add the separator between “Recommended Challenges” and “Recommended THRIVE Articles”. Note based on search result both or one section could be absent, in that case don’t show the separator as well.
2) Add Recommended Challenges cards
-
All Active Challenges link should open https://www.topcoder.com/challenges?bucket=openForRegistration url.
-
Only show challenges in which member is not registered
-
Clicking on challenge title should open the challenge details.
-
Remove the “Register” button
Final Submission Guidelines
Please submit the following:
- Git patch against community app. Please use branch feature-details-page-suggestion-cards
- Git patch against topcoder-react-lib(if needed). Please use branch feature-details-page-suggestion-cards
- Separate verification guide in docx/md format.