Quietboard: Elixir LiveView Edition
This project demonstrates a fundamental architectural shift: moving complex state management from the client (Vue/React) to the server. By leveraging isolated BEAM processes, I maintain the entire UI state in volatile memory—achieving a "Zero Data-at-Rest" footprint.
After years of managing the "boilerplate theatre" of traditional enterprise stacks, this project proves how Elixir can provide a highly reactive, real-time experience while keeping the server as the single source of truth.
I engineered a custom bridge to Chart.js using push_event and phx-hook, and implemented "on-the-fly" binary generation for JSON and PDF exports without ever touching persistent storage.
The Forge Specs
- ✦ State Management: Isolated BEAM Processes for volatile, thread-safe UI state
- ✦ JS Interop: Bidirectional data-streaming to Chart.js via LiveView Hooks
- ✦ Data Sovereignty: On-the-fly JSON/PDF generation (No persistent storage)
- ✦ Resilience: CSRF-secure WebSocket mounting via the Phoenix :browser pipeline
- ✦ Architecture: Server-side state reconciliation (Eliminating Client-side bloat)
- ✦ Deployed: on Fly.io (Distributed Erlang nodes)