lo-la-do-li / whats-cookin Goto Github PK

As I dev

when I push code a PR request should be automatically created

As a user

When I visit a recipe page and press the favorite button

I want to see that recipe now appear in my favorites tab

So I can choose to add it to my meals to cook or remove it

As a user

When I visit my favorites tab

I want to press the remove from favorites button

so that I can remove that recipe from my favorites

As a user

When I visit the recipe page

I want to save a recipe

so that I can find it in my fave recipe tab

As a developer

the master branch needs to be switched to main

As a user,

when I switch between the favorites view and the all recipes view
the modal will no longer appear and an error is occuring

As a user,
I should be able to see a page of all recipes
have the option to add to/remove from my favorites
and see what is on my shopping list.

As a developer,

I should be able to calculate the total cost of a recipe as a method on the recipe class,

because the recipe holds all of the properties that need

to be accessed and manipulated.

See Issue "Recipe: Compile Ingredient Data"

As a dev

when I run the check pantry method

I want to check each ingredient in the recipe that is being passed in as an argument
so that I can add ingredients to the pantry.shopping list

As a user,

When I visit a recipe page and press "Add to meals to cook"

I wan to see the quantity of ingredients needed for that recipe to remove from my pantry
and any with too few quantity to be added to my shopping list

So that I can see the needed ingredients on my shopping list

As a user

When I visit my pantry page

I want to see a list of ingredients including quantities that I have in my pantry

As a user

When I visit the recipes tab

I want to see a scroll down list of recipes

so that I can add them to my favorite recipes or meals to cook

As a user

When I open the webpage to a random user's pantry

I should have the option to choose a different user

Via scroll down menu on right side of page

As a developer,

I should be able to access all properties of a given ingredient within a single object,

as opposed to reaching into external file to access needed properties (i.e., ingredients.js)

Create helper function to compile ingredient data in Recipe.js.

As a developer,
I should uphold the SRP in the User class method.
by creating a helper function to find given ingredient in the ingredients data file
and call the function within the method.

//PSEUDOCODE:
searchFavoriteRecipesbyIngredient() {
const foundIngredients = this.findIngredients(ingredientInput) //helper function
//we have an array of ingredients that match search
//Need to access the ids of each object in array
//Loop through recipes to search through ingredient property
//Loop through recipe.ingredients array to find ID
//Return recipe object that matches / searchResults
}

As a user

When I visit the recipe page

I want to see the directions for the current recipe

So I can know how many steps there are in the cooking process

As a user,

When I press the filter button

I want to be able to press the tag I want to filter for

So that I can receive a list of results that match the tag I choose

As I user

When I press the users button(may not be a button?)

I want to see a list of other users

so that I can see their pantries

As a user

When I visit my favorites page or the recipes page

I want to press the "filter" button and input an ingredient

So that I can receive a list of recipes that include that

As a user

When I visit the shopping list

I want to be able to print the shopping list

So that the shopping list is convenient for me to use

As a user

When I visit a recipes page

I want to see the cost of the recipe

So I can know if I want to save it

As a user,

When a meal has been cooked<-?

I want the ingredients to that meal to be removed from the pantry

As a user

When I visit the shopping list page

I wan to see a list of my needed item including quantities for "meals to cook"

So that I can know what I still need/ need more of

As a user,

When I visit either my favorites page or the recipes page

I want to press the "add to meals to cook" button

so that the recipe now appears in my meals to cook tab
and a shopping list is started for any ingredients I need for the recipe

Need to lower case the Styles.css file to match the rest of the files