Skip to content
forked from Zarlengo/Chefify

An application that a user can search for recipes and customize their experience based on their interests.

Notifications You must be signed in to change notification settings

kheller18/chefify

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

66 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Project Description: A mobile first website to search for meal ideas for a user

Versions

Mobile Version

Mobile Screenshot

  • Screen is reactive depending on windows size, recipes and navbar collapse accordingly Load More
  • Reaching the bottom of the screen will load additional recipes

Desktop Version

Desktop Screenshot

  • Larger screens allows more information to be shown

Recipes

Recipe Card

Recipe Card

  • Recipe name
  • Rating out of 5 starts (hover shows a decimal value)
  • Favorite icon - allows saving the recipe for easy access later
  • Time required to make the meal
  • Truncated recipe summary

Recipe Detail

Recipe Card

  • Same information as the recipe card
  • Full summary description
  • Ingredient list
    • Allows selecting specific items to add to a shopping list
    • Adding without selecting any items will add the whole list to the shopping list
    • Clicking the metric / US buttons will change the units shown and what is added to the shopping list

Metric US Ingredients

  • Two options for displaying the instructions
  • Text instructions
    • Plain text version (might be in HTML if uploaded as such) for simpler reading
    • Graphical version includes ingredient pictures and equipment pictures. Clicking on an ingredient pulls up nutrition information for that item.

Nutrition

  • Nutrition information for that ingredient
  • Values are based by a single serving size, this is not adjusted based on the recipe usage

Favorites

Favorites

  • List of recipes for quick reference for the user
  • Clicking on a solid heart will remove the recipe from the favorites
  • List is saved locally and will persist through multiple sessions, does not transfer between devices

Sorting

Sort

  • Sorts recipes by rating from high to low

Shopping

Shopping List

Shopping List

  • Ingredient list sorted by grocery aisle to allow ease while shopping.
  • Units are in the format entered from the recipe
  • Duplicate items are added together when adding additional quantities (different units will not combine together).
  • Selecting specific items and clicking remove will delete those items. Clicking remove with nothing will clear the shopping list

Settings

Settings

  • Saves user preferences for dietary intolerances and dietary restrictions
  • Functionality was not incorporated to automatically only show recipes that meet these criteria
  • Saves locally, persists through sessions

Contact

Contact

  • User form to allow users to provide feedback to the developers
  • Sends a confirmation email to the user upon success. Checks that fields are correctly filled out

Response

Searching

Browse by Categories

Categories

  • Allows users to search recipies by category
  • Categories include: Meal types (Lunch, Dinner, ...); Cuisines (Greek, Thai, ...); Diets (Vegan, Paleo, ...); and Other (Low Carbs, High Protein, ...)

Quick search

Quick Search

  • Wildcard search for recipes based on the input
  • Searches for recipe titles which include the word provided

Search by ingredient

Search by Ingredient

About

An application that a user can search for recipes and customize their experience based on their interests.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 71.7%
  • HTML 16.4%
  • CSS 11.9%