Fetch the "Get all users", "Get all ingredients", and "Get all recipes" arrays and delete hardcoded data files

Structure basic HTML outline for the home, recipe, and results pages

function getIngredientProperty(ingredientId, ingredientsData, property) {
const ingredientObject = ingredientsData.find(ingredientData => ingredientData.id === ingredientId);
return ingredientObject ? ingredientObject[property] : null;
}

Fix the unworking Results page code to properly dynamically update and populate the page properly

Add function to retrieve the recipe object to be used elsewhere in the project

As a user, when I view the toCook list, I want to be able to find specific recipe by name

Ensure README is formatted well and at a minimum contains:

Overview of project and goals
Overview of technologies used, challenges, wins, and any other reflections
Screenshots/gifs of your app
List of contributors

Add function and appropriate elements to hide/unhide to display a recipe page that displays a selected recipe

Fix buttons, specifically making the home button actually return home

sdjflaksdfkdjkf

Update element placement, button stylings, colorways, and general page aesthetics

Add function and appropriate elements to hide/unhide to display a results page that displays filtered results

As a user, when I view the toCook list, I want to be able to find specific recipe by tag or name

Refactor and clean up functions, delete unused functions, add functionality to filter by name and tag on ONLY saved recipes

Add conditional logic to favorites array (addToCook/removeFromCook) functions to determine if duplicate items exist or do not exist in the array

Add functionality to filter recipes by their associated tags

function getIngredientNames(recipe, ingredientsData) {
return (!recipe || !ingredientsData) ? 'Error' :
recipe.ingredients.map(ingredient => getIngredientProperty(ingredient.id, ingredientsData, 'name') || 'Ingredient not found');
}

Build a robust testing suite. This might include testing pure functions in the scripts.js file

Create small, sample datasets that match the structure of the application data

As a user, I should be able to view all recipes, click on a recipe to receive directions, ingredients, and cost, and be able to filter by tags and names

Add functionality to filter and display recipes from the home page by recipe name

Refactor and update HTML code to properly include all elements and the general vison of the project