Recipe Search

Let's Get Cooking!

An app for aspiring home-chefs

Oftentimes I'd look at my pantry and wonder the age-old question: "What's for Dinner". Using an API and Vue.js, I made a little app which would take in a main ingredient and return a series of mealcards with recipes for what I could make with that ingredient.

Check out the detailed explanation below, see the app live or see the Github Repo

This is where the project picture goes

The Method:

I began with a blank vue.js template and built out from there. Once I knew how many vues I would need, the project began to fall into place.


Once the API call was set up and retrieving data, then the project started to move along more rapidly. It was very exciting to see the data begin to appear on the page.


The result was a multi-vue app that utilized two API calls in order to bring the user recipe information.


Unexpected Challenges:

Working with the API meant that I was contrained by the information the API was able to provide. It took some getting used to, but I was able to present the data on the page how I wanted it to be presented; neatly packaged and with images.


This is where the project picture goes