Project WhatToEat

WhatToEat - Digital menu card

2020

Über WhatToEat - Digital menu card

Many restaurants present a large, detailed menu card to their customers. These cards can get super confusing very quickly and if you're in an international restaurant, where dishes do have uncommon names, it get's even more complex. WhatToEat is a simple frontend one page application to simplify complex menu cards by offering the option to choose between several types of dishes, sides or even seasonings. Furthermore, the card can be filtered by allergens or certain diets, so these people do not have to look up the all the unnecessary dishes..

Visuelle Eindrücke

The landing page

It is possible to search for certain dishes, as well as choosing between allergen and diet options before openning the menu card.
It is possible to search for certain dishes, as well as choosing between allergen and diet options before openning the menu card.

The manu card

In the left section, it is possible to apply certain filters to the menu to only view special dishes, which appear on the right hand menu.
In the left section, it is possible to apply certain filters to the menu to only view special dishes, which appear on the right hand menu.

An option is chosen

In this example, the filter fries is applied and the menu is sorted in that way.
In this example, the filter fries is applied and the menu is sorted in that way.

Dish page

By tapping onto a dish on the right hand menu, it is possible to display further information about the dish.
By tapping onto a dish on the right hand menu, it is possible to display further information about the dish.

Shopping-Cart page

It is possible to add dishes to a shopping cart to show it to staff. Items can be added and removed at any time via the green plus and the red minus buttons.
It is possible to add dishes to a shopping cart to show it to staff. Items can be added and removed at any time via the green plus and the red minus buttons.