alodahl / RecipeBuilderApp

The goal of this app is to return recipe info from multiple APIs based on the user's chosen ingredients.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Recipe Builder

This recipe search uses the Edamam Recipe API to search for recipes based on ingredients. Enter as many ingredients as you like to search for recipes with that combination. Removing ingredients from your search is as simple as clicking the ingredient name.

Recipe Builder was a response to the need to be creative with ingredients I already had, and going shopping before meal time was not an option.

Try the Recipe Builder App.

Technologies used

Recipe Builder employs HTML, CSS styling, JavaScript, custom modal pop-ups, jQuery and AJAX to retrieve and display API data.

Mocks

Recipe Builder Site Mock-up

About

The goal of this app is to return recipe info from multiple APIs based on the user's chosen ingredients.


Languages

Language:CSS 44.6%Language:JavaScript 37.3%Language:HTML 18.1%