Skip to content

Recipe and User Pantry Manager (Project from CSCI5117)

Notifications You must be signed in to change notification settings

allen-liaoo/Let-Me-Cook

 
 

Repository files navigation

Module 2 Group Assignment

CSCI 5117, Spring 2024, assignment description

App Info:

Students

Key Features

Describe the most challenging features you implemented (one sentence per bullet, maximum 4 bullets):

  • Allowing users to modify images for individual foods and recipes based on file or camera input
  • A dragging mechanism on the recipes queue page to allow users to re-order the recipes to see more relevant ones on top

Which (if any) device integration(s) does your app support?

  • Camera support (to replace images of foods in their "pantry" and recipes they have or will cook)

Which (if any) progressive web app feature(s) does your app support?

  • N/A

Mockup images

Link to our Canva Mockup HIGHLY RECOMMEND LOOKING AT THIS FOR CLARIFYING NAVIGATION BETWEEN PAGES

Landing PageWhere users are brought to upon loading the homepage. Ingredients PageShows ingredients/foods within the user's virtual pantry. View Ingredient PageShows some attributes of the ingredient/food item. Edit Ingredient PageAllows user to manually modify the attributes of the ingredient if necessary. Search Ingredients PageShows search results for an ingredient/food item name. Recipes PageLists recipes the user has shown interest in (recently searched for). View Recipe PageShows additional information for a specific recipe. Edit Recipe PageAllows user to modify information and attributes of a specific recipe. Recipes Queue PageShows queue of recipes the user will be making in the near future. Ingredients in green have sufficient amounts to be utilized for that given recipe at that point in the queue. Ingredients in red will not have sufficient amounts and should be restocked before the recipe is prepared.

Testing Notes

Is there anything special we need to know in order to effectively test your app? (optional):

  • If the image of a food or recipe is clicked and replaced with a picture from a camera (or file), the object must be "saved" in order for the displayed image to refresh. This is the indicator that the image has successfully saved to blob storage.

Screenshots of Site (complete)

Add a screenshot of each key page along with a very brief caption:

External Dependencies

Document integrations with 3rd Party code or services here. Please do not document required libraries (e.g., React, Azure serverless functions, Azure nosql).

  • Edamam: 3rd party API database which our application uses for 'looking up' foods and recipes
  • Azure Blob Storage: Used to hold the images users upload to replace the default ones provided by Edamam

About

Recipe and User Pantry Manager (Project from CSCI5117)

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 83.9%
  • CSS 14.9%
  • HTML 1.2%