random recipes

Random Recipe Generator

This is a React App exercise to cover two learning objectives:

• Fetch and display information from an external data source using React
• Use React hooks where necessary to manage state and lifecycle

Description

This app will display a number of random recipes to the user, using the spoonacular API

Technologies

• React (JavaScript)

This project was bootstrapped with Create React App.

Getting Started

To get started, clone this directory and install yarn if you don't already have it.

In the project directory, you can run:

yarn install

Set up your environment to run the app, installing any required dependencies

yarn start

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.

Planning

Functionality

• Display 1 random recipe to the user
• Recipe includes: title, image, prep time, credits, summary, cuisines
• User can click a link to view the recipe in a new window
• User can click to see another recipe
• Bonus: user can change the number of recipes they want to see
• Bonus: no recipes visible until user clicks button first