Fridge Friend is a recipe search React app which utilizes styled components and the Edamam recipe search API. This app is fully responsive.
Website link: https://gthalhamer.github.io/fridge-friend/
After completing the Codecademy Web Development Career Path, this application serves as a "proof of knowledge" of the skills I gained during my course of study.
Grocery stores are gross! Limit trips to the grocery store by utilizing ingredients in your pantry and refrigerator. Type in one or all of the ingredients into the search bar to see what you can make. The top 20 recipes for your search are populated with links to each recipe.
Not ready to eat? Fridge Friend also has helpful suggestions for other ways to put those leftovers to work such as composting, donating, and crafting.
Future Features
- Account creation
- Ability to save recipes to a Favorites folder
- Expanded recipe information
Fully responsive navigation bar and side bar. The recipe component is also fully responsive and will display 1, 2, 3, or 4 recipe cards depending on the screen size. All recipe cards include basic information about the recipe and a link to the source webpage.
A custom API key will need to be generated from https://developer.edamam.com/edamam-recipe-api to interact with the API.
Info sections with customizable data and react-scroll for easy and smooth scrolling around the main page.
External links for recycling tips and developer contact.
Independent sign in page for future features.
Website link: https://gthalhamer.github.io/fridge-friend/