MovieWatchlist App

Save Movies to Watch

A screenshot of a movie watchlist application

A web app that allows users to search movies and save them to their wacthlist. The app uses the OMDb API to display search results.

A screenshot of the homepage for a movie watchlist

Using Javascript fetch, the app gets an array of movies based on the user's search input. The array is listed in the search results with a button that lets the user add the movie to their watchlist.

A screenshot showing a search for Top Gun on the movie watchlist application.

The watchlist is all data saved and pulled from localStorage on the browser. The button used has an event listener that will ultimately push an object to localStorage when clicked. The array of data in localStorage is called and rendered in the user's watchlist.

A screenshot of the user's watchlist

Check out the source code here.