Personalized Search - Select user preferences and save them locally in the browser

[stephanegigandet]

For the Personal Search project ( https://wiki.openfoodfacts.org/Project:Personalized_Search ), we need to allow users to select user preferences and save them locally. Those preferences will then be used to locally filter and rank products, and locally filter and rank which information is displayed about them.

Preferences are grouped in sections (e.g. nutritional quality, allergens) and each preference has 4 possible values:

• Not important
• Important
• Very important
• Mandatory

The set of preferences groups and preferences will be defined by the server (they correspond to the product attributes defined in Attributes.pm), but the actual values will never be sent to the server.

e.g.

• Nutritional quality
  ** The product has a good Nutri-Score
  ** The product is low in salt
  ...
• Allergens
  ** The product does not contain gluten
  ...

We could create a JS interface, with radio buttons for the different settings. Possibly with some CSS or JS effects to make it nicer than standard radio buttons. e.g. https://codepen.io/Hiswe/pen/yszkE

[stephanegigandet]

Standard format to save user preferences: https://wiki.openfoodfacts.org/Client-side_libraries_for_personalized_product_filtering_and_ranking#User_preferences_format

[stephanegigandet]

The structure is there, we can make it prettier after :)

[stephanegigandet]

Deployed.