Recipe Filter is a React web app that allows the user to find random recipes based on a variety of filters.
The following features have been implemented:
- Different filters for the user to edit to narrow their search results.
- Allergy/Diet filter (list of checkboxes).
- Calories filter (with a maximum and minimum).
- Meal Type filter (drop-down menu).
- Cook/Prep Time filter (with a maximum and minimum).
- User-friendly, responsive design.
- Random subset of search results is displayed.
- Clicking on a recipe brings up its associated link in the Edamam Recipe Search Database.
The following tools/libraries were used to build this project:
- Edamam Recipe Search API - Third-party API that allows you to query a database of millions of recipes with nutrition information.
- React - Library for building modularized user interfaces.
- Vite - Frontend build tool with templates for tools such as React.
- Axios - HTTP Client library used within JavaScript.