To build a movie app with Vanilla javascript using Asynchronous JavaScript (promises,async/await) and axios for API fetching. Below is an example of said API call:

// HTTP (GET) req to api and log results from TMDB API

const searchResults = async (result) => {
  try {
    const res = await axios.get(
      `${DOMAIN}/search/movie?query=${result}&api_key=${API_KEY}&`
    )
    const resultsList = res.data.results
    createMovies(resultsList)
  } catch (err) {
    console.log('Error: msg of', err)
  }
}

Used Regex for date formatting, passing in the date below:

// format the date using regex :)
const formatDate = (input) => {
  let date = input.match(/\d+/g),
    year = date[0].substring(2),
    month = date[1],
    day = date[2]

  return month + '/' + day + '/' + year
}

Quik Movie Search utilizes the TMDB API (https://developers.themoviedb.org/3/getting-started/introduction) to display content about each movie you search through. Error handling/rejection of each promise are handled through try/catch blocks and passing in the error if any errors occur with the API call. Axios library: for API calling.

Bootstrap for small tasks such as creating a dark and regular mode, small font changes, and CSS for the rest of the transitions, responsiveness, font styling, etc.

Quik Movie Search is deployed through surge for static sites and easy deployment.

• HTML5

• CSS3

• JavaScript

• Axios library for API calls

• Bootstrap for creating normal/dark mode, buttons

  

• Quick note: dark-mode-switch.min.js and dark-mode.css is following @coliff dark-mode-switch repo here: https://github.com/coliff/dark-mode-switch to create the dark mode theme.