Project

Overview

The movie finder project is a web development project that utilises HTML, Vanilla JavaScript, and CSS. The project was inspired by this Figma design and consists of two pages: the index page and the watchlist page. The primary requirements for the project include the ability to search for movies using the Fetch API to communicate with the OMDB API, the ability to favorite items that are saved to local storage, and the ability to receive the favorited items from local storage on the watchlist page. The project also includes a responsive web design, allowing it to adapt to various screen sizes and devices. Overall, the project serves as a functional and user-friendly movie finder that is visually appealing and intuitive to use

Lastly and seperate from the project I was particularly pleased with the utillity.js function I created. My reasoning behind doing this was the amount of repeating of create element and I also didn't like the approach others would use with inner HTML or HTML content. By abstracting away some of the complexity of creating and setting attributes on new DOM elements, your function makes it easier and faster to create dynamic, interactive web pages. Plus, the ability to specify multiple attributes at once using an options object is a great way to improve code maintainability and reduce repetition.