Vue Tracker — Inventar-Dashboard

Nach meinem ersten Vorgeschmack auf Vue.js wollte ich weitergehen — diesmal mit einer echten Anwendungsidee und einer richtigen UI-Bibliothek im Rücken. Da stieß ich auf PrimeVue, eine umfangreiche Komponentenbibliothek speziell für Vue, und war sofort von der Idee angetan, polierte, produktionsreife Komponenten zur Hand zu haben, statt alles von Grund auf zu bauen.

Herausgekommen ist ein zweiseitiges Inventar-Dashboard — die Art Werkzeug, mit der ein kleines Team seinen Bestand verwalten und sich einen schnellen visuellen Überblick über seine Daten verschaffen könnte. Der Großteil der UI stand dank PrimeVues Datentabellen und Formular-Komponenten schnell, und mit Chart.js habe ich ein paar Diagramme zur Visualisierung der Zahlen ergänzt. Das Ganze war in rund zwei Tagen weitgehend funktionsfähig.

Responsiveness war hier kein Ziel — der hypothetische Anwendungsfall war ein breiter Desktop-Bildschirm. Aber das Tempo war beeindruckend. Eine ausgereifte UI-Bibliothek bedeutete, dass ich mich fast ausschließlich auf die Logik und die Daten konzentrieren konnte, statt Dropdowns und Modals neu zu bauen.

Dieser Perspektivwechsel ist geblieben. Von diesem Projekt an wurde der Griff zu einer guten UI-Bibliothek ein natürlicher Teil meiner Herangehensweise an neue Aufgaben — auch bei den Projekten, die ich heute baue.