Skip to content

Using a movie api, create a search page the returns a list of movies from the terms you enter in the search bar. From the results, click on 'save to watchlist' to save those movies to a separate page

KeithPetr/Movie-Watchlist

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

20 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Movie-Watchlist

A Scrimba FrontEnd Developer Path Project

The project uses the OMDb API to create a search page the returns a list of movies from the terms you enter in the search bar. From the results, the user can read a description of the movie and click on a button to save that movie to their watchlist. The data is stored in local storage so that the user can return later and view the saved movies.

Table of Contents

Programming Languages Used

  • HTML
  • CSS
  • JavaScript

Gif

Movie-Watchlist-Gif

Links

Live Demo

Project Requirements

This project required me to follow a Figma design and build the layout using CSS and HTML from scratch. I was required to use JavaScript functions, arrays, loops and the API to create the functionality.

This project includes the following 'stretch goals':

  • prevent duplicate movies from rendering
  • Storing the data in the browser
  • Accessing the data to indicate movies already saved

Resources:

About

Using a movie api, create a search page the returns a list of movies from the terms you enter in the search bar. From the results, click on 'save to watchlist' to save those movies to a separate page

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published