Das Frontend wurde mit dem JavaScript-Framework <hi xmlns="http://www.tei-c.org/ns/1.0" rend="italic">Vue.js</hi> (You 2022) realisiert. Um zu ermöglichen, dass das Frontend in viele unterschiedliche Projekte aufgenommen werden kann, wurde es als Single-Page-Anwendung konzipiert, welche mittels einer JavaScript-, einer CSS- und einer Konfigurations-Datei in bestehende Webseiten eingebunden wird. Der modulare und auf wiederverwertbaren Komponenten aufbauende Ansatz von <hi xmlns="http://www.tei-c.org/ns/1.0" rend="italic">Vue.js</hi> sowie die Konfiguration von <hi xmlns="http://www.tei-c.org/ns/1.0" rend="italic">Synopticon</hi> ermöglicht es, projektspezifische Anforderungen mithilfe bereits bestehender Konfigurations- und Softwarekomponenten aus anderen Projekten zu realisieren. Somit wird der Weg für ein nachhaltiges und nachnutzbares Softwaredesign geebnet.