The aim of this simple web application is to display random recipes and look up specific ones to get inspiration for your next meal.
This project uses the Spoonacular food API. The API key used has a limited number of calls per day.
50 Projects In 50 Days - HTML, CSS & JavaScript
The project is currently in development.
Current features include:
- User can see a list of recipe cards
- User can click a recipe card to display the recipe title, dish type, number of servings, the list of ingredients (including their amounts), and the preparation steps.
- User can click a new recipe card to replace the current card with a new recipe.
- User can search for a recipe not in the list of recipe titles by entering the meal name into a search box and clicking a ‘Search’ button.
- User can see a list of recipes matching the search terms
- User can click the name of the recipe to display its recipe card.
- User can see a warning message if no matching recipe was found.
Upcoming features include:
- User can click a ‘Save’ button on the recipe cards to save a copy to this app's database.