Skip to content

Designs

Caleb Rogers edited this page Mar 6, 2023 · 1 revision

Whiteboarded designs go here

Initial view

First user choice: their native language, and the language they're translating into

2023-03-06_18-59

After that, they get a set of checkboxes with "Allergy groups" they need to communicate:

2023-03-06_19-02

If they check, for example, "food allergies," a new Autocomplete appears that's populated with all the allergies we know of

2023-03-06_19-06

This is a multi-select situation. They should be able to select multiple allergies, and the selections they choose should be listed somewhere. See https://mui.com/material-ui/react-autocomplete/#multiple-values

If they check another "Allergy group" (e.g. medicine allergies), a new multi select should appear below the previous one, with the same functionality, but populated by the list of relevant allergies.

At the end, they should click a button that says something like "Generate allergy card," which will create a new UX element below everything with all of the relevant selected information listed in the language they chose in the second language picker box.

Clone this wiki locally