Skip to content

Expand your recipe collection. This app offers users the ability to search for new recipes and cuisines.

Notifications You must be signed in to change notification settings

Gerardo-S/recipe-roulette

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

41 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Recipe-Roulette

Description

Recipe Roulette is dedicated to the home cooks looking to expand their recipe books and discover unique cuisines. This app was inspired to help those who desire something different for dinner. If you have an ingredient at home and do not have a clue what to make this app is for you. For instances, if your main dish will include chicken simply type "chicken" into the input field and an array of images corresponding to recipes will appear. Each image has a button that will redirect the user to the recipe source. Feeling like having a dish from a different part of the world? User may choose to filter each recipe by cuisine type along with their desired ingredient.

Searching by ingredient

Searching by ingredient and cuisine type

Challenges

One of our challenges in creating this app was finding a way to display recipe images to user in a presentable manner. Using Materialize CSS slider effect we were able to present all available search results at once; however, we were left with the issue of image quality and multiplying slider icons as shown below. Another obstacle we encountered was finding a recipe API capable of returning cuisine types. In this app Spoonacular is being used however there is a limit to the amount of request that can be made. Lastly, if a recipe is no longer available on the host site app currently does not indicate the error.

Recipe unavailable and slider icon defect

slider effect is not mobile responsive

Collaborators

Stefanie Serpa
Profile: https://github.com/smserpa
Dylan Nguyen
Profile: https://github.com/babydylan
Gerardo Solis
Profile: https://github.com/Gerardo-S

About

Expand your recipe collection. This app offers users the ability to search for new recipes and cuisines.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • HTML 52.3%
  • JavaScript 46.2%
  • CSS 1.5%