RecipeDB: initial screenshots

Projects No Comments


The Category screen. Rather than having a separate create/edit screen, I’ve added the form to the bottom of the category list page. Using the Ajax edit in place functionality that Scriptaculous provides, users are able to click on the category name if a spelling mistake is made. The checkmarks and Xs are links which toggle the activation and deactivation of that category.




The create a recipe screen. Gives instructions for the format of the recipe and then a textarea to paste that direction into.




I then go through the text provided and attempt to fill in the blanks in this form. Recipes will have a few different sections:

  • Header: Provide the name of the recipe, cooking and prep times, number of servings as well as blurb about the recipe if so desired. Can also put the nutritional information on a single line (because one of the cookbooks I have does that)
  • Nutritional Information: Optional. Format: {name}: {measure}{unit}
  • Ingredients: A list of the ingredients as well as preparation instructions such as ‘thinly sliced’ or ‘diced’ or whatever. Format: {measurement}{unit} {item}, {preparation instruction}
  • Directions: A list of directions, one per line. Splits on a newline character.

Anything the parser doesn’t know what to do with will be shown as an unprocessed line. Currently working on making the process a little more robust, but it’s a good first step.