Phase 2 Project: FORAGE
A one stop shop for meal inspo when you don’t know what to make with what’s left in your fridge. *dietary restriction friendly
- Users will be able to…
- Navigate to the Home/Main page
- Navigate to the About page to learn more about Forage
- Filter their recipe search by name
- Filter their recipe search based on ingredients
- Filter their recipes based on dietary restrictions using a drop down
- Click on an image of a meal to flip the recipe card and see the ingredients and the recipe
- Click and favorite a recipe (and persists)
- Navigate to the Favorites page to see their saved favorites
API Route | Request Method | Body | Response |
---|---|---|---|
https://api.edamam.com/api/recipes/v2?type=public | GET | [{...},{...},{...}] | |
localhost/myrecipes | POST | {recipe object } |
{id, recipe object } |
localhost/myrecipes | GET | [{...},{...},{...}] | |
localhost/myrecipes/id | DELETE | {} |
Client Route | Component |
---|---|
/ | RecipeList.js |
/home | RecipeList.js |
/about | About.js |
/new | AddRecipe.js |