Save my Sleeping Ingredients

In your kitchen, there are lots of ingredients left behind. The ingredients got lost in your kitchen
having no idea where they could be possibly used to be used.
As a Lego model is built from the elements of simple blocks, dish is a work built upon
series of ingredients blocks. The analogy is adapted for this project.

(This project is still in process)

Live Demo: https://jotnajoa.github.io/SleepingIngredient/

Project Description

Project Goal

  • Build a Game for Cooking

    This project is designed to create game-like user experience. User can explore dishes that can be made by using ingredients selected. This project expects user to select ingredients which are already in the user’s kitchen.

Data

  • Recipe data from “allrecipes.com”
    ”allrecipes.com” provides API for recipe data though, it is not public API. The data collected from the API is already available at other’s blog.
    The data is from the blog.

Game Logic

  • Choosing Ingredients

    User is expected to compose a set of ingredients to explore. Once user selects the set, dishes sharing the ingredients are displayed on canvas

  • Pulling Dishes

    Each ingredients pull dishes with the ingredients to the center and get highlighted

  • Provide Missing ingredients

    Once the game is over, missing ingredients which are not chosen but necessary to build the dishes are provided to the user as a downloadable form.

Work in progress

Exploring Ingredients

This interface is a stage to find out what the user already has in the kitchen. Once an ingredient set is made,the interface is switched to dish-exploring stage.

ezgif.com-gif-maker(2).gif

Exploring dishes

From the ingredients set the user selected, user can play around with
what dishes with the selected ingredients. Dishes are pulled to the center figure
in the sketch if the dishes have the selected ingredient in the recipe.

exploring.gif

Current Progress

The visualizations that have been developed so far

Previous
Previous

Mapping Changes in Film History

Next
Next

Meeting Locator (deprecated)