Ein europäischer Händler brauchte eine Oberfläche für Drucker in allen Filialen: Gerät, Standort, Einstellungen. Vue war neu im Haus.
Ich baute die Vue-3-App gegen die interne Stencil-Bibliothek und eine OpenAPI-REST-API mit OIDC. Solange die API fehlte, lief die UI gegen Mocks. Das Team habe ich in Vue onboarded.
Die App ist live. Das Team arbeitet in Vue weiter. Fixes an der Komponentenbibliothek gelten auch für die anderen Frameworks im Haus.
Projektübersicht
Entwickelt bei CAMAO Tec (später umbenannt in mmmake), umfasste dieses Projekt den Aufbau einer Drucker-Management-Webanwendung für einen europäischen Multichannel-Händler. Ziel war es, Betriebsteams eine klare Übersicht über alle physischen Drucker im europäischen Filialnetz zu geben – inklusive Einstellungen, Standorten und zugehöriger Metadaten.
Funktionen
- Geräteübersichts-Dashboard für alle Filialstandorte
- CRUD-Operationen für Drucker, Einstellungen und Metadaten
- OIDC/OAuth-Authentifizierung mit Audience-Validierung und berechtigungsbasierter Zugriffskontrolle
- Integration einer internen StencilJS UI-Komponentenbibliothek
- Mock-Datenschicht zur Einhaltung von Lieferterminen während der API-Entwicklung
Technische Highlights
Die Anwendung wurde auf Basis von Vue 3 entwickelt – dem ersten Einsatz des Frameworks im Unternehmen. Die REST-API folgte OpenAPI Spec 3 und erforderte die Implementierung eines vollständigen OIDC-Authentifizierungsflows gegen einen internen Identity Provider. Wo das Produktdesign von der Komponentenbibliothek abwich, arbeitete ich direkt mit den Bibliothekseigentümern zusammen, um Probleme zu identifizieren und zu beheben.