Skip to content

Exercise 05 : Movies 2

Purpose, learning process and requirements

In this exercise you will continue previous Movies exercise:

  • Load detailed movie data, when MovieDetail screen is launched
  • Display more movie based data: Genres, Homepage, Videos
  • Find a good npm for displaying YouTube Video
  • Create a new screen for displaying YouTube video

Example screenshots

Application will load data from The Movie DB and display movie based data with own components.

Movies 1 Movies 2 Movies 3

Example Video

Example video: https://youtu.be/olH7GYjKoiE.

Show more movie data

In previous example only a few movie based data is shown in the screen. The Movie DB offers a lot of more data - read more here GET /movie/{movie_id}.

Query example:

1
https://api.themoviedb.org/3/movie/496243?api_key=your_api_key_here&append_to_response=videos

Movies 4

How to play video

Try to find a good npm and install and use it to your project.

Push to GitLab

Test your application in emulator, take screenshots (add those to your project folder) and commit/push your mobile-exercises repository back to JAMKIT/GitLab. Remember move your exercise/issue ticket from Doing to In Review in Issues Board and write your learning comments to issue comments.