Project 3

Cat movie posters, ie, Cats, Cats Don't Dance, African Cats, on black background with movie info in white text.

Movie Watchlist

This two-page web app allows users to search for movies using the OMDB API and add their favorites to a watchlist. The first page handles the search and selection, while the second page displays the user's saved list. This project broadened my knowledge regarding external APIs and how to manage UI updates across multiple pages.

What I Learned

This project helped me get more comfortable working with asynchronous JavaScript and using .then() to handle promises. It also helped me better understand how callback functions work in event-driven code. As a Scrimba challenge, we practiced writing our own version of .filter() to see how it works under the hood. Overall, it gave me experience working with APIs and building a project with a clear user flow.

Skills

HTML
CSS
JavaScript
Fetch API
Netlify
Figma
Git
Git Hub
DOM Manipulation
Responsive Design
LocalStorage