cbragg9/recipe-master

Group Project: Front-end web app utilizing third party API's to provide recipe's with the user's pantry ingredients.

recipe-master's Issues

Design Front End Displays

Similar to Pantry Section, additional front end work needed to look prettier/more professional:

-Recipe Cards Section
-Ingredients Section
-Nutrition Section
-Navbar? New icon is definitely needed

Finalize Nutrition Info Linkage

When a user clicks on an Ingredient button
Then the nutrition info is displayed

Event Handler for Recipe Search

When a user presses "Search Recipes"
Then the ingredients are used in an AJAX call to query for recipe's
Then the recipe's are displayed in Bulma cards for the user to see

(Optional)
When a user clicks on a recipe card
Then a modal is popped up to display additional recipe information

When a user clicks on a recipe
Then the ingredients are populated in the Ingredients section
similar to the Pantry List
Then the ingredients are either GREEN if the user has the ingredient
or the ingredients are RED if the user is missing the ingredient

(Optional)
When a user clicks on a RED ingredient
Then it is saved in a "shopping list" in Local Storage

(OPTIONAL) AJAX Query for Random Food Joke

Ajax call and front end to display a random food joke from Spoonacular API:

https://spoonacular.com/food-api/docs#Get-a-Random-Food-Joke

Event Handlers for Pantry Search

When a user submits an ingredient
Then the Pantry List button is created (UP TO 9 BUTTONS)
and the ingredient name is saved in a variable

When a user clicks on a Pantry List button
Then the button is deleted

When a user clicks on Clear All button
Then all buttons in the Pantry List are deleted

Error handling for bogus entries?