Recipe Master is a recipe management site that allows users to collect recipes. It is client-side apps that interact with third-party APIs.
The usage for the app is intended for a single user or a small group. The app displays some recipes from serach item you choose.
Don't know what to make for dinner? With the Recipe Master web app
you can simply find any recipe of your choice and try it.
When the app first load, it will have a introduction and search bar name Find Recipes.
- Search bar will take to the search results where
- Each image contain the link of the recipe.
- Enter the recipe you would like to make.
- After clicking "Find Recipes" button, related recipe images will display.
- Next, click on an image to view step-by-step preparation instructions.
- It will also suggest related video of the recipe with step-by-step preparation instructions at the bottom of the page.
To run the app, simply run
clone the repo and
npm install && npm start
HTML, CSS, JavaScript, jQuery, Spoonacular API, Rapid API, Yummly API.