Design
Our final design is not very different from our design after GR4. On the front page, some of the symbols for restrictions changed, as seen below.
Selecting restriction buttons still works as before. The custom button’s textbox now has autocomplete.
Below is the results page.
A mini-search bar was added to make it easier to correct searching errors.
The original recipe and the substituted ingredients can be toggled using this button.
When the substitutions are present, the old ingredients are crossed out.
Additional substitution information can be found by hovering over the tooltip.
Since there were only two main pages of the site, the interface was straightforward to implement.
Implementation
[implementation]
Evaluation
[evaluation]
Reflection
[reflection]