For this assignment you'll create an app for listing Star Wars movies. The data should be fetched from the following endpoint: https://star-wars-api.herokuapp.com/films.
You are free to use which ever frontend framework you prefer as long as you're using JavaScript or TypeScript. You don't have to solve all of the tasks but we want you to be able to explain what you have done and why you have chosen to do it like that.
When the app is loaded, a list of the movies should be displayed as the image below shows:
There should be a way to order the movies by Year or Episode as the select menu shows in the image below:
When clicking on a movie in the list, a detailed view of it should be displayed in the right hand side of the application. In this case, ”Episode V - The Empire Strikes Back” is chosen (when no movie is selected, a default text should be displayed instead):
Additionally, there should be a way to filter the movies by entering their name in the text input:
The images above are just en example layout, but the final result should aim to have the same features, and a similar layout.