Table of Contents
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.
To get a local copy up and running follow these simple example steps.
This is an example of how to list things you need to use the software and how to install them.
- npm
npm install npm@latest -g
- Get a free API Key at https://developer.edamam.com/?ref=public-apis
- Clone the repo
git clone https://github.com/smhenderson89/easyRecipe
- Install NPM packages
npm install
- Replace your
API IDandAPI KEYinSearchRecipe.js
Enter in a recipe idea into the search box (Ex: Pancakes....yummmmm)
See more information for a recipe by clicking the information icon
On the Shopping tab, hit the checkmark when you picked up the item on the store
Favorite the recipe for later use by clicking the heart icon. Favorited recipe will appear in the Favorites page
- 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).
Scott Henderson - scott.mc.henderson@gmail.com
Github: https://github.com/smhenderson89
LinkedIN: https://www.linkedin.com/in/scottmchenderson/
Portfolio: https://scotthenderson.netlify.app/
- The DigitalCrafts Teachers and Teaching Assistants
- React Icons
- Net Ninja Youtube Series