API_KEY

MOVIE_ID

CREDIT_ID

TV_ID

EXTERNAL_ID

PERSON_ID

EXTERNAL_SOURCE

Gain insights into using the TMDB API for retrieving movie/TV data, exploring production details, and discovering its integration into a React app for dynamic content display.

Integrate The Movie Database API in JavaScript.png

mdbr.tar.gz

reactapp

The Movie Database (TMDB) is a popular crowdsourced database for movies and TV shows. TMDB’s API enables us to incorporate functions, that are usually reserved for leading movie-related websites, into our application.  

This course is a hands-on guide on using the TMDB API to retrieve data related to movies and television shows. You’ll look up essential production data, such as title, release date, cast, and crew, and associated media files (trailer videos and stills). You’ll also pull reviews and associated productions to make recommendations. With time-bound queries, you’ll be able to display the latest data on movies and TV shows, including upcoming releases. Moreover, you’ll look up actors, directors, producers, and other crew members to find their production catalogs. 

After reviewing the various potential search functions of the Movie Database API, you’ll conclude the course by learning to integrate TMDB API into a React application.

Integrate The Movie Database API in JavaScript

In this lesson, we'll explore and practice three endpoints—popular, top-rated, and trending movies.

# Popular movies
It always helps to have a list of popular movies to choose from, especially when we plan to watch a movie after a long time. 

We can get a list of the current popular movies on TMDB using the **popular movies** endpoint. To keep the list up-to-date, the content is updated daily. The endpoint doesn’t take any path parameter other than the API key. 

Here is the base URL in focus:

```
https://api.themoviedb.org/3/movie/popular?api_key={ourTMDBapikey}
```



### Request parameters
The following query parameters can be used with this endpoint:

align-center

The widget below has the code to get a list of popular movies on TMDB. Click "Run" to fetch that list.

import fetch from "node-fetch";

const API_KEY = '{{API_KEY}}';

const endpointUrl = new URL('https://api.themoviedb.org/3/movie/popular');

const queryParameters = new URLSearchParams({
  api_key: API_KEY,
  language: 'en-US',
  page: 1,
  region: 'US'

});

async function fetchData() {
  try {
    endpointUrl.search = queryParameters;
    const response = await fetch(endpointUrl);

    // Call to function that prints the response
    printResponse(response);
  } catch (error) {

    // Call to function that prints the error message, if any
    printError(error);
  }
}

// Call to function that makes API call
fetchData();

We retrieved a list of popular movies using the endpoint with the default values of optional parameters. Now, try to change the values of `language`, `page`, and `region` to get results in a different language, page, and region. 



Learn and practice how to get popular, top-rated, and trending movies using TMDB API.

Name	Type	Category	Description
`language`	string	optional	This is an `ISO_3166_1` code used to get the translated data as per the specified language. This is applicable to only the fields that support it. The default value is `en-US`.
`page`	integer	optional	This is used to specify which page to query. Its value can be in a range 1–1000 inclusive. The default value is `1`.
`region`	string	optional	This is to specify an `ISO 3166-1` code to filter release dates and get the popular movies of just the specified region. Its value must be uppercase. For example, using `FR` will return all the popular movies made in France.

Introduction

Movies

TV Shows

People

Finding Movies or TV Data

APIs Integration in React

Conclusion

Appendix

Hit Movies

Popular movies

Request parameters