easyRecipe

I made a simple recipe look website using React/Redux using the Edaman API

Comment


EASY RECIPE 123 - Inspiration for Easy Recipes

https://easyrecipe-vnwn.onrender.com/ Table of Contents
  1. About The Project
  2. Getting Started
  3. Usage
  4. Roadmap
  5. Contributing
  6. Acknowledgments

Project Inspiration

EE645221-7038-46BF-BA7E-F5D15A52BADF

I wanted to create a website that would make it easy to look up new healthy meals. I find it easy to be prepareing the same list of 5-6 meals all the time and wanted an easy to navigate website to bring up ideas. For my DigitalCrafts bootcamp class, I used React and Redux to make a front-end website to navigate the Ednamam API to look up food recipes.

(back to top)

Built With

(back to top)

Getting Started

To get a local copy up and running follow these simple example steps.

Prerequisites

This is an example of how to list things you need to use the software and how to install them.

  • npm sh npm install npm@latest -g

Installation

  1. Get a free API Key at https://developer.edamam.com/?ref=public-apis
  2. Clone the repo sh git clone https://github.com/smhenderson89/easyRecipe
  3. Install NPM packages sh npm install
  4. Replace your API ID and API KEY in SearchRecipe.js

(back to top)

Usage

See Github repo for pictures.

(back to top)

Roadmap

  • [ ] Add features to cross out ingredients for shoppping list tab
  • [ ] Fix minor CSS issues
  • [ ] Prevent user from breaking website
  • [ ] Implement Back-end database with Login to remember User and favorited recipes
  • [ ] Stretch Goal: Check if ingredients for recipe are available at nearby grocery stores

See the open issues for a full list of proposed features (and known issues).

(back to top)

Contact

Scott Henderson - scott.mc.henderson@gmail.com
Github: https://github.com/smhenderson89
LinkedIN: https://www.linkedin.com/in/scottmchenderson/
Portfolio: https://scotthenderson.netlify.app/

(back to top)

Acknowledgments

(back to top)

Share this project:

Updates