An HTML5 application that utilizes the Backbone.js MVC framework, Underscore.js templates, and AJAX to connect to Google’s fusion tables API to pull caloric information about beers and exercises. It then calculates the number of beers the user could drink, without gaining weight, if he participated in his selected activity for 60 minutes or 30 minutes. The list of beers can be generated by loading data from Google Fusion Tables or by adding your own beer information. The list can be filtered by the search field. Local Storage is also used to allow users to add their own beers with caloric information, mark beers as favorites, and delete beers from list. Underscore templates were implemented to display the API data and any additional data added by the user.

Try the App!

View the Code