The application utilizes the Rotten Tomatoes API to display the top 50 box office movies, allows progressive filtering, local pagination, inspecting movie details and favoriting movies with local storage. Feel free to browse the source code. I built this in about 3 days, so you’ll have to excuse a few rough edges here and there, but I’m pretty happy with the results overall. It uses jQuery, Bootstrap, Angular, Angular UI, Bootbox, LessCSS and Modernizr. Note that I’m not compiling my LessCSS down to css prior to execution. In a normal production environment you’d want to do this, but for demonstrative purposes I like to keep it all out in the open for quick updates.
I’ve marked up the source code heavily with comments to describe some of the details of the implementation. I’m in the process of rebuilding the application using BackboneJS and will write up an extensive blog comparing the development pros and cons of each framework. Place your bets now on which one you think will win!