Challenge Overview
In this challenge, we want to update the search section of challenges listing page. It will replace the current Advance Search with better UX and allow to select multiple challenge types + search by words.
Requirement Details
The advanced search section of challenges listing pages of all 3 challenge categories (i.e. Graphic Design, Software Development and Data Science) should be replaced by the new search section.
- For Graphic Design category, there will not be Platform and Technology filter dropdown. Challenge types should be all the Graphic Design challenge types.
- For Software Development category, should be exactly the same as the provided prototype. Challenge types should be all the software development challenge types.
- For Data Science category, there will be only text search and 'Submission End Date Range'
The following are the requirements of the search section
- User types a or multiple keyword(s) to search the challenge name. Once user clicks the search icon on the right (i.e. magnifier icon) , a new tag 'Text:<search words>' should be inserted into the tags row.
- For Challenge type / Platform / Technology dropdown, user can choose multiple options to filter. The option(s) chosen will be inserted into the tags row. There is search text input for each dropdown control to serarch options. In the same dropdown, user can click multiple times to choose multiple options
- The Submission End Date Range allow user to choose a date range to filter the submission end date of the challenges. At the right of the control, there are 'quick buttons' to allow user to choose predefined ranges.
- If tags row is not empty, there will be 'Clear All Tags' to clear all the chosen filters / text search.
- The results should be retrieved and render on any filter change, there is no need for the user to click a search / apply button.
- The backend API has been updated to support all these kinds of searches. If you find anything missing, please bring it up in the challenge forum immediately so we can update.
Resources and Guidelines
- The prototype of these updates can be found in the challenge documentation section.
- The code base is available on gitlab https://gitlab.com/topcoderinc/tc-site/commits/Challenges-listing-filters-update
- Data is avaiable on https://github.com/topcoderinc/tc-site-data
Final Submission Guidelines
- Please submit updated files and Patch file of changes only
- Deployment documentation
- Any new js or css file must be included in the registry. Learn about this on script and style registry section
- We will have winner to submit pull request once winner declared