jQuery Build A Meal

jQueryBuildAMeal (BAM) is jQuery plugin that builds a select-able list of menu ingredients and nutritional information that is used to construct healthy meals in seconds. Users can review nutritional information as they add ingredients to a meal. Once constructed meals, are deep link-able and easily share-able on Facebook, Google, and Twitter. Here is a quick summary of the plugin’s major features:


  • Unlimited ingredients, categories, and nutrition information.
    Add as many as you like; the plugin in smart enought to sort them all out and build the interface.
  • Meal list is constructed from simple html markup.
    Adding ingredients is easy. With a basic understanding of html and JavaScript, you can have your BAM built in minutes.
  • Nutrition stats are totaled.
    BAM calculates your meal’s totaled nutrition information on-the-fly.
  • Meals are deep linkable and shareable.
    When users build a meal they’re proud of, it’s simple to share it with friends and family on Facebook, Twitter, and Google+.
  • Uses Font Awesome.
    BAM uses the Font Awesome CDN! BAM makes use of Font Awesome for all icons so they can be easily resized and easily changed.
  • Made with Twitter Bootstrap.
    You love Bootstrap; we do too! BAM is built with Twitter Bootstrap, but dont worry if your project isn’t. All BAM CSS is namespaced,
    so CSS rule collision should be minimal.
  • Easily integrates with Magnific Popup.
    If you like Magnific’s Popups/Modals better than Bootstrap, no problem BAM easily integrates with Magnific!