Movie Comparison

This web application compares the ratings, budgets, run times, and revenues (with an inflation toggle) of two searched movies.

Roles & Responsibilities

Web Developer: Created the application functionality with exception to the inflation functionality.

Web Designer: Designed the state flow, layout, and animation in collaboration with another designer.

Project Details

Goal: Create a solution for users to compare certain attributes of two specific movies using an API.

Audience: The audience of this website is movie buffs who are interested in learning more about the meta of a movie production.

Challenge: One big challenge we faced was how to best collaborate on the same codebase with two developers. This was prior to my daily experience with code collaboration on Github, but after some research we found Cloud 9, which is similar to Google Docs with realtime collaboration on one document.

This project was a collaboration with Melissa Wrensch. We created a few wireframes and then began iterating. We used Cloud 9 to collaborate on the project and themoviedb.org to pull in the movie data with their open API. We were then able to create the interface and display the data from the returned JSON files. I handled the interface's progressive creation, while Melissa tackled the inflation toggle which dynamically updates the comparative bar graphs.

Movie comparison application sketch
Movie comparison application screenshot
Movie comparison application screenshot comparing rating, runtime, budget, etc.
Movie comparison application showing auto-complete search typing
Movie comparison application showing one movie selected
Movie comparison application showing one selected and auto-complete search for the second
Movie comparison application showing runtime, budget, profits, and inflation toggle
Movie comparison application showing the lightbox video trailer