2025 · Internal product

HDQuali

Lightweight internal tool with ~40 pages and complex interactive workflows. Built with Alpine.js, HTMX and PHP — just enough reactivity, no unnecessary framework weight.

What I worked on

Frontend architecture for a data-heavy internal tool — dynamic filters, AJAX form workflows, shared state with Alpine.js stores, real-time UI updates via HTMX, a custom audio recorder and a WYSIWYG editor. All integrated into a PHP templating system.

Technical approach

The goal was rich interaction without committing to a full SPA framework. Alpine.js handled reactive state, HTMX handled server-driven updates, Tailwind handled styling. Fast to build, easy to hand off, easy to debug six months later.

Scope

  • Frontend architecture across ~40 pages
  • Alpine.js stores and shared reactive state
  • HTMX interactions for server-driven UI updates
  • AJAX forms and real-time feedback
  • Dynamic filters and data tables
  • Custom audio recorder and WYSIWYG editor