Movie Search App

An application that allows users to search for movies, which will make a call to an API and retrieve movies information that are relevant to that search.

Tech Stack Features

• React Functional Components
• React Hooks
• SCSS
• Fetch API
• themoviedb API

Application Requirements

• Application allows users to search for movies
• Application can make request call to external movie API.
• Application displays list of movies, based on user query.

User Requirements

• User can search for movies
• User sees a list of movies based on their search
• User can preview movies

Application Build

• Setup environment with default styling
• Search Movie component with styling
  • Create search form with a class of form.
  • Create a label with htmlFor="query" with a class of label.
  • Create an input of a type of text with a name of "query" and a placeholder.
  • Create a button with class of button, and a type of submit.
  • Make component responsive.
• Make request to movie API
  • Create a function using async/await to fetch data from the API.
  • Create application state (Hooks) to keep track of user input.
  • Create application state (Hooks) to keep track of the data from the API.
• Display the movies to the DOM
  • Create a card component for each movie
  • Filter and get only movies that have images
  • Add the image, title, release date, rating and description to the card
  • Style movie card