Movie Watchlist

code | live site

An app for creating a movie watchlist. It's built in vanilla JS and pulls movie data from the OMDB API. A couple of serverless functions are used to hide the API key from the client. The design is from Scrimba.com, but I built the app completely from scratch.

Example of a movie search

Problems Encountered

I didn't want to expose my API key. After doing some research I decided to use serverless functions to hide it. This was definitely the trickiest part of this little project. Not so much because the code involved was complicated, but simply because it was my first time using serverless functions.

Lessons Learned

The security aspect of this project (i.e. hiding the API key) is what took the longest to figure out. It probably wasn't even necessary considering it's such a low stakes project. But it was worth the extra time to research and learn why security is so important.