Playing around with web component development using stencil.js and the Punk API : a widget for Brewdog beer food pairing.
Import the built scripts to the page, then insert the widget as an HTML tag. Provide a dish to the widget through its "food" attribute, and it will respond with a Brewdog beer that go well with. You can navigate through the catalogue within the widget. If no dish is provided to the widget, if no beer is found, or if all found beers have been passed, the widget will pick a random beer from the Punk API catalogue.
This demo shows the widget in action in a simple HTML page : type the dish you plan to eat and the widget will suggest Brewdog beers that go well with.