Movie Map is an interactive map built with Leaflet.js on React with an Express backend. I scraped IMDb to get a list of all movies, and their shooting locations around the world. I then hit Google's geocoding API to get location infomation (like latitude/longitude coordinates) and stored all that information in MongoDB. When you view the map location data is clustered based on your zoom level. This is done using geohashes. For each lat/lon coordinate in the database, I also compute the geohash of that coordiante, and using the prefixes of the geohash, I can quickly look up which locations belong in each cluster. This also allowed me to cache the location clusters, making the map update even faster.
Is It Camp?
IsItCamp is a small website with a list of questions that determine how campy a movie is. It's written with a React frontend, and an Express backend with some Node.js side scripts. While not a very complicated concept (simply a list of yes or no questions, each with a certain score), there was some room to add interesting features.
One of the interesting bits of this site, is the movie autocomplete. There are about half a million movies out there, and writing a fast autocomplete can get complicated. Some things I'd like to point out about how I wrote the autocomplete for this site...