FAL-740 Integrate backend search app
This is the minimum viable product for the custom course search.
Developed in parallel with the backend at backend-app-course-search!1 (merged)
Screenshots:
Test instructions:
- ensure that there is plenty of custom metadata and courses stored in the backend (see backend-app-course-search!1 (merged) ; if you've just followed the test instructions there you should have some data to start with)
- configure - skip this step if running with a standard devstack, otherwise edit the
.env
files to suit - start the frontend server with
npm start
- navigate to localhost:1997
- verify the page loads and all the courses are listed (see screenshot above for reference)
- log out and verify the page still loads and all the courses are listed
- try different combinations of search keywords and filters
- TODO: tags are kind of broken at the moment; will need to write a proper component for them
- try the different sort order options
Author notes:
Some things that are still to do / broken:
- Open edX logos - this is the official frontend framework, so not sure why the logo images aren't displaying. Haven't had time to debug it
- tags filter component
- layout (sort order dropdown is cut off)
- real tests - there are some basic snapshot tests, but not sure how well they actually test the frontend page
Reviewers:
Edited by Ghost User