<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" /> <link href="https://fonts.googleapis.com/css2?family=Inter+Tight:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet" />
Skip to main content

Project 05/ 09

Shopping Assistant Widget for Furniture Manufacturer

As a frontend developer at Yarrl, I built the frontend of a shopping assistant widget that holds a conversation, presents tailored products, and guides customers through the complaint process.

Key solutions

  1. Framework-free widget

    Built the widget entirely from scratch in pure JavaScript, with Shadow DOM isolation.

  2. Single-file embed

    Modular architecture with everything bundled into a single file, ready to be dropped in.

Technologies used

Vanilla JavaScriptShadow DOMCSS HoudiniWebpack 5PostCSS + cssnanoLong-polling RESTClientJS