Recipe Finder App

Recipe Finder is a React application that allows users to search the Edamam database for recipes. This project is currently hosted on Netlify.

Features

• Displays up to 20 recipes with each search query
• Allows users to route to different recipe sites
• Retrieves data from the Edamam API via Axios
• Is mobile and desktop friendly

Installation

1. Clone this repository to your computer.

git clone https://github.com/DuncanBrewster/recipe-app.git 

2. On the master branch, install the NPM dependencies.

npm install

3. This project requires a Edamam API key. Create an account at edamam.com to get your key.

4. Create a .env file in your root directory.

touch .env

5. Inside your .env file, create a variable called REACT_APP_KEY and set it to your unique API key.

REACT_APP_KEY = yourUniqueApiKey

6. Open the project on a development server.

npm start

7. View the project in your internet browser at http://localhost:3000.

Tools

This project:

• was built with React.
• uses Axios to fetch data from the Edamam API.
• is styled with Styled Components.
• is hosted here on Netlify.