Skip to content

mrspecht/movies-api

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

34 Commits
 
 

Repository files navigation

Movies API

Movies is a simple API (Application Programming Interface) designed for IT students who want to get familiar with using APIs in web applications.

How to use

You can use fetch (learn here) to access the list of movies provided by the API. The list - an array of objects - is in the response object.

const URL = 'https://api.andrespecht.dev/movies';

const options = {
  method: 'GET',
  mode: 'cors'
};

async function getMovies() {
  try {
    const response = await fetch(URL, options);
    if (!response.ok) {
      throw new Error(`${response.statusText} (${response.status})`);
    }
    // Parsing the reponse as JSON
    const data = await response.json();
    // The 'response' object contains an array of movies
    console.table(data.response);
  } catch(error) {
    console.log(error);
  }
};

getMovies();

Fetching a specific movie

const options = {
  method: 'GET',
  mode: 'cors'
};

async function getMovie(movie) {
  const URL = `https://api.andrespecht.dev/movie/${movie}`;

  try {
    const response = await fetch(URL, options);
    if (!response.ok) {
      throw new Error(`${response.statusText} (${response.status})`);
    }
    // Parsing the reponse as JSON
    const data = await response.json();
    // The 'response' object contains one movie object
    console.log(data.response);
  } catch(error) {
    console.log(error);
  }
};

getMovie('jurassic-park');

// The resulting object
{
  "title": "Jurassic Park",
  "year": 1993,
  "runningTime": "2h 7m",
  "genre": ["Adventure", "Action", "Sci-Fi"],
  "img": "https://raw.githubusercontent.com/mrspecht/media/main/img/jurassic-park.jpg"
}

About

Simple API for students

Topics

Resources

Stars

Watchers

Forks