Movie list task

The repo contains an incomplete application and a sample dataset.
This application displays a card for each of the first 200 movies in the included JSON data file
The user can click on “like” or “dislike” for each card, although this is not functional right now
The application currently makes use of https://react.semantic-ui.com/, but feel free to change this if you'd prefer

Depending on your confidence, please choose and attempt a selection of the below tasks:

Update the “like” button on the MovieCard component to change colour or style when clicked
Refactor the application to separate the Movies and MovieCard components out into their own files
Refactor to move the data filtering and mapping to its own function, seperate to the render
Add a filter and corresponding UI element to the application, e.g. to enable users to filter the list based on release date or budget
Add a UI component to set the number of results displayed, this is currently hardcoded to 200
Convert one or more of the components to TypeScript
Mock-up an example of how you think the applications UI could be improved, for example adding more advanced search or filtering features
Mock-up/wireframe an example of a proposed page that would be shown after the user clicked on a MovieCard

When you are finished, add your modified files to a new private repository on Github, and invite the user simonrradar as a collaborator

Additional Support

Please let us know if you require any support in completing this task, including any reasonable adjustments.