/recipe-app

Get inspiration for your next meal.

Primary LanguageJavaScript

Recipe app

The aim of this simple web application is to display random recipes and look up specific ones to get inspiration for your next meal.

API

This project uses the Spoonacular food API. The API key used has a limited number of calls per day.

Inspired by

Bits and Pieces

50 Projects In 50 Days - HTML, CSS & JavaScript

Project status & roadmap

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.