/movie-guide-app

It includes movie guide app by using Fetch API.

Primary LanguageJavaScript

Movie Guide App Movie Guide App

Overview

This is an app where users can search for movies and series by typing their names. Their title, poster, rating, plot, cast, genres, and awards are listed through the Fetch API. Additionally, OMDb API was used as an API to get information about movies and series.

However, you need to get your own OMDb API key to run this code properly. For that, you have to sign up for an account at OMDb API. You'll be sent a verification link containing your API key via email. Then, you'll need to type that key in key.js.

The Tools I Used:

HTML5  CSS3  JavaScript 

Link

Screenshot

Search Results

Movie Guide App

Desktop Layout

Movie Guide App

Mobile Layout

Movie Guide App

The process

Built with

  • Semantic HTML5 markup
  • Javascript
  • Fetch API
  • Flexbox

Useful resources

  • OMDb API - It is used to get information about movies and series.
  • Glassmorphism - It is used to give the <main> tag a glass effect.
  • Gradient Button - It is used to give the style to the button.

Author