Task Description
As a user, I'd like to see a brief description of how to use this Recipes app.
As a user, I'd like to be able to search recipes by ingredient.
As a user, I'd like to be able to search recipes by ingredient so I can look at recipes with a certain ingredient in them.
As a user, I'd like to see a recipe card with a name, image, and a link to details like ingredients and instructions.
As a user, I'd like to see a recipe card that displays a recipe name, category, an ingredient list, and instructions, but I would like to be able to choose whether I want to view the ingredient list or the instructions.
*appearance: brief description is Open Sans font can be found in the header portion of the app under the search field
search field has Open Sans placeholder for ingredient entry, 15 degree rounded corners and a magnifier button
recipe cards have Open Sans name and view recipe link, image, and 10-degree rounded corners and can be found in the main or middle part of the app
recipe card flip side displays recipe name, category, and ingredient list in Open Sans font, and instructions in Lora font
*behaviour: search field allows user to enter an ingredient to filter recipes by, and button that looks like magnifier will filter recipes by ingredient when clicked or when user hits enter
recipe card when clicked or enter key depressed, view recipe link causes recipe card to flip over to display ingredients or instructions, depending on which section is chosen
recipe card flip side displays ingredient list or instructions depending on which link the user chooses; active "link" will be underlined when chosen by click or enter button
Technical Considerations
Keep in mind that the Recipe API has over 1500 Recipes, however, it's paginated with 20 recipes per page of result.
Task Description As a user, I'd like to see a brief description of how to use this Recipes app. As a user, I'd like to be able to search recipes by ingredient. As a user, I'd like to be able to search recipes by ingredient so I can look at recipes with a certain ingredient in them. As a user, I'd like to see a recipe card with a name, image, and a link to details like ingredients and instructions. As a user, I'd like to see a recipe card that displays a recipe name, category, an ingredient list, and instructions, but I would like to be able to choose whether I want to view the ingredient list or the instructions.
*appearance: brief description is Open Sans font can be found in the header portion of the app under the search field search field has Open Sans placeholder for ingredient entry, 15 degree rounded corners and a magnifier button recipe cards have Open Sans name and view recipe link, image, and 10-degree rounded corners and can be found in the main or middle part of the app recipe card flip side displays recipe name, category, and ingredient list in Open Sans font, and instructions in Lora font
*behaviour: search field allows user to enter an ingredient to filter recipes by, and button that looks like magnifier will filter recipes by ingredient when clicked or when user hits enter recipe card when clicked or enter key depressed, view recipe link causes recipe card to flip over to display ingredients or instructions, depending on which section is chosen recipe card flip side displays ingredient list or instructions depending on which link the user chooses; active "link" will be underlined when chosen by click or enter button
Technical Considerations Keep in mind that the Recipe API has over 1500 Recipes, however, it's paginated with 20 recipes per page of result.
Additional Considerations