Integrate The Movie Database API in JavaScript/

...

/

Demo Application

Demo Application

Learn how TMDB APIs can be integrated into an example application.

We'll cover the following...

We gained hands-on experience with different Movie Database API endpoints in the previous chapters. Now, we’ll integrate those endpoints into an example application.

Workflow

  1. When we run the application, the first page we see is the home page. The home page has two main components using the API endpoints—the navigation bar, and flashcards.
  2. For flashcards, by hovering over them, we can see some basic details of a movie or a TV show. When we click “View Details,” it takes us to the movie or the TV show details page.
  3. The various options shown on the top-left side of the webpage are discussed below:
    • “MovieTV” or “Home” take us to the home page if we are not already there.
    • “Movies” takes us to the movies page, where we can see the latest, trending, popular, top-rated, upcoming, and currently playing movies.
    • “TV Shows” takes us to the TV page, where we can see the latest, trending, popular, top-rated, airing today, and on the air TV Shows.
    • “People” takes us to the persons
...