jsills3110 / project-1 Goto Github PK

Task(s)

• Make search results clickable
• When a search result is clicked, append the recipe ingredients and directions (or url) to the viewport

Task(s)

• Create a JSON structure for the searched recipes
• Modify app.js so that clicked recipes are stored in a JSON object for easy storage

User Story

As a user, I want to be able to search for recipes.

Acceptance Criteria

• HTML search bar and search button
• HTML search results viewport
• Javascript AJAX call to Edamam
• Javascript jQuery post results to viewport

Any ingredient or topic yields the same 10 search results.

• Each individual needs to obtain their own API key from Spoonacular API
  https://spoonacular.com/food-api

• Javascript only use var apiKey in code and set var apiKey to blank. Users should set value of var apiKey each time they run code.

• Jessica

• Dima

• Abe

• Ray

Task(s)

• When the add favorites button is clicked, the recipe should be added to the corresponding favorites group

###Task(s)

• Use jQuery to place search results into the document

Task(s)

• Create a log in page
• Create users in the database
• create sing up page

Task(s)

• Brainstorm ideas on how to accomplish editing the recipe on the page (look into Google Developers for perhaps a Google Doc API?)

Task(s)

• Create a div for the search results to be placed in.

Hitting "Enter" key on search bar refreshes the page.

Task(s)

• As an alternative to dragging and dropping, give the user the option to click on a recipe and add it to a favorites group from a list

Task(s)

• HTML create a responsive horizontal scroll bar for the user deck

Task(s)

• Clicking on a search result will add the recipe to the user deck

Task(s)

• When a user edits a recipe, the recipe gets a new ID that follows this pattern: -. This id needs to be updated in the user's favorites list, so that their edited recipe is displayed when they click on it, and not the unchanged spoonacular recipe.

Issue(s)

• On some flickr api searches, the following error is returned and no image is displayed:
  jquery.min.js:2 jQuery.Deferred exception: Cannot read property 'farm' of undefined TypeError: Cannot read property 'farm' of undefined
  at displayImage (file:///C:/Users/Jessica/OneDrive/Documents/UWCodingBootcamp/Project-1/assets/javascript/images.js:18:36)
  at Object. (file:///C:/Users/Jessica/OneDrive/Documents/UWCodingBootcamp/Project-1/assets/javascript/images.js:10:9)
  at e (https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js:2:29453)
  at t (https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js:2:29755) undefined

Task(s)

• Add an AJAX call that searches an API for images of a recipe

Task(s)

• Give the user the ability to search by recipe type
• Give the user the ability to search by ingredients
• Give the user the ability to get more search results

Task(s)

• After a recipe has been edited and saved, re-display it to the page.