Menu generator app built with JavaScript, jQuery and AJAX
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
README.md
fraction.js
index.html
index.js
main.css

README.md

CrunchTime

Interactive, weekly recipe menu generator. Users can search for a recipe by ingredient, plan not to cook on certain days and search through popular recipes and print weekly menus.

Motivation

I wanted to create a simple tool for making a weekly menu of recipes. Rather than scrolling through hundreds of recipe options, CrunchTime pulls seven popular recipes based on the user's diet. The user can either print out the initial menu, or alter it with the "next", "previous" and "search" features. The "print" feature allows the user to print out easy-to-read directions for their final menu selection. The app uses three Spoonacular API's to collect recipe id's and search for directions and ingredients data.

Screenshots

Landing Page:

Landing Page

Diet Selection:

Diet Selection

Menu:

Menu

Built With

Features

  • Generate a menu of popular recipes based on your diet preferences and allergies
  • Explore a variety of recipes by searching by ingredient or clicking "next" and "previous" below each day's recipe
  • Remove a day if planning not to cook
  • Get entirely new menu by clicking "New Menu"
  • Print menu of easy-to-read, black-and-white recipes

Demo

Author

  • Stephanie Chamblee