This week, we have been working on the implementation of the GUI drafts. With the use of Twitter Bootstrap, we have prototyped the interface, which is now accessible via the the browser.
The overview page lists all the recipes that are in the database. Small icons show the time needed to cook the dish and how many calories each meal has.
Recipe Detail Page
The recipe detail page shows general information on the recipe. It provides the ingredientslist with small icons depicting the individual ingredient, and infos on the nutritional facts. Next up, we are planning the integrate for the Wolfram Alpha API for information on nutrition.
The recipe step page show the current step of the recipe and an image showing the actions. At the moment the text and the image are just a placeholder. Next up, we will integrate voice commands to slide between steps.