lf56 / gorecette

Recipes on the go! Search an ingredient you have, and displayed to you will be a list of recipes using that given ingredient. An appplication made to provide users a simple recipe given the ingredient of their choice.

goRecette

As A person who travels for work,
I WANT a website that provides healthy recipes and locations to buy ingredients,
SO THAT I can stay committed to my diet.

Deployed Site

goRecette

Made in Visual Studio using:

1. HTML
2. CSS
3. JavaScript
4. jQuery
5. Spoonacular Recipe and Food API
6. Materialize CSS
7. Target Store API

Screenshots

Features:

• Search for recipes by ingredients
• Search for the nearest Target stores by zip code

gorecette's Issues

Button Spacing

Need spacing between buttons that are generated both by loading local storage and when the button is created via a recent search. Currently no spacing. There is no margin or padding element in Materialize.

Add Modals

use info in chapter 5.2.5 to read up on modals. We cannot use alerts. There are two alerts with in the Target api that need to be updated. There is also the need to add one so when someone enters a word that isn't an ingredient, it will notify the user that ingredient not recognized. Total of 3 modals. This can be done before Sunday.

Local Storage

It is a requirement to save persistent data to local storage. We will work to save recent searches to local storage and have recent searches display on the screen. This was done in week 6 project Weather Dashboard, for reference.

Empty container

Currently when you search a new ingredient, it adds those recipes to the bottom of the first set of recipes. We need this recipeContainer to empty when a new ingredient is searched.

Limit response

We want to limit the number of recipes returned per search as our api only allows so many, and it also would give the page a more organized appearance.