Skip to content

Davpcoded/Recipe-Master

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

48 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Recipe Master

Deployed URL: https://davpcoded.github.io/Recipe-Master/

User Story

As a user, I want to make meals with the food I have at home, so that I can save money, reduce waste, and eat healthy.

Project Description

Recipe Master allows a user to enter ingredients they have at home into a "Pantry List". Using these ingredients, the user will search for 4 recipe's at a time from Recipe Puppy API that will be displayed in Bulma cards. Clicking on a recipe will both take you to the recipe URL and display the ingredients of the recipe. Ingredients that the user has on the pantry list will be highlighted green, while ingredients the user doesn't have will be highlighted red. Clicking on any ingredient will bring up the nutrition info provided by the USDA Food Data API.

Created by: Chris Bragg, Sveta Demkovich, Daniel Villarroel

Recipe Master Demo

API's consumed

-Recipe Puppy -U.S. Department of Agriculture FoodData Central

Wireframe

Wireframe

Breakdown of Tasks

-Chris: Front end except recipe section, nutrition API functionality -Sveta: Recipe API functionality using pantry list ingredients, recipe section front end work -Daniel: Pantry search submit and clear functionality

Latest Commit

-Updated ReadMe to add more project details

Previous commits -Modified demo gif link -Modified ReadMe -Added PPT presentation -Modified front end for recipe card and ingredient sections -Additional pantry search error handling -Added recipe card functionality -Added recipe ingredients functionality -Changed on click handler for ingredients to new class -Added media queries to change margins based on screen width -Moved all script into document ready for jQuery -Added on click handler for recipe cards to display ingredients -Modified div classes for responsiveness -Added lower banner -Modified Pantry Search, Pantry List, and background -Modify HTML/CSS for UI -Error handling to display "N/A" if nutrient is not found -Added kcal units to Calories -Added Fiber and Cholesterol -Created temporary html tags that will display nutrient info -Created temporary html buttons that hold recipe ingredients -Created event handler on recipe buttons -Created AJAX call to search food title of recipe button -Created functions to handle AJAX response and update html tags with nutrient info -Modified shape and color of buttons created into pantry list -Added logic to prevent from submiting an empty string into pantry search

About

No description, website, or topics provided.

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages

  • JavaScript 48.9%
  • HTML 33.7%
  • CSS 17.4%