[{"data":1,"prerenderedAt":77},["ShallowReactive",2],{"$fwRV-WWPex3Jtk6hUVkaqSfiEMuATVde9KDkgYoT8EmU":3},{"id":4,"title":5,"body":6,"category":55,"challenge":56,"description":49,"extension":57,"featured":58,"image":59,"images":59,"impact":60,"meta":61,"navigation":62,"order":63,"path":64,"seo":65,"slug":66,"solution":67,"stem":68,"tagline":69,"tags":70,"testimonial":59,"testimonial_author":59,"testimonial_role":59,"url":59,"__hash__":76},"projects_de\u002Fprojects\u002Fde\u002Fprinter-management.md","Drucker-Management Plattform",{"type":7,"value":8,"toc":48},"minimark",[9,14,18,22,41,45],[10,11,13],"h2",{"id":12},"projektübersicht","Projektübersicht",[15,16,17],"p",{},"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.",[10,19,21],{"id":20},"funktionen","Funktionen",[23,24,25,29,32,35,38],"ul",{},[26,27,28],"li",{},"Geräteübersichts-Dashboard für alle Filialstandorte",[26,30,31],{},"CRUD-Operationen für Drucker, Einstellungen und Metadaten",[26,33,34],{},"OIDC\u002FOAuth-Authentifizierung mit Audience-Validierung und berechtigungsbasierter Zugriffskontrolle",[26,36,37],{},"Integration einer internen StencilJS UI-Komponentenbibliothek",[26,39,40],{},"Mock-Datenschicht zur Einhaltung von Lieferterminen während der API-Entwicklung",[10,42,44],{"id":43},"technische-highlights","Technische Highlights",[15,46,47],{},"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.",{"title":49,"searchDepth":50,"depth":50,"links":51},"",2,[52,53,54],{"id":12,"depth":50,"text":13},{"id":20,"depth":50,"text":21},{"id":43,"depth":50,"text":44},"web-app","Ein europäischer Multichannel-Händler benötigte eine Weboberfläche zur Verwaltung physischer Drucker an allen Standorten – inklusive Geräteübersicht, Einstellungen, Standortzuordnung und Metadaten. Das Projekt diente gleichzeitig als erster Einstieg des Unternehmens in Vue.","md",false,null,"Die Anwendung wurde erfolgreich ausgeliefert und dient als Basis für künftige Erweiterungen. Das Team wurde vollständig in Vue eingearbeitet. Bugfixes, die an die Komponentenbibliothek zurückgespielt wurden, kamen allen Framework-Konsumenten zugute.",{},true,3,"\u002Fprojects\u002Fde\u002Fprinter-management",{"title":5,"description":49},"printer-management","Ich entwickelte die Webanwendung mit Vue 3 und einer internen, auf StencilJS basierenden UI-Komponentenbibliothek, verbunden mit einer REST-API nach OpenAPI Spec 3 mit OIDC-Authentifizierung. Ich implementierte den vollständigen OAuth-Flow inklusive Audience- und Berechtigungsprüfung, überbrückte Abweichungen zwischen Design und Komponentenbibliothek und hielt Deadlines durch Mock-Daten und Mock-Services ein, während die API noch in Entwicklung war. Zudem onboardete ich das Entwicklungsteam in Vue und vermittelte Best Practices in Komponentendesign und Vue-Ökosystem.","projects\u002Fde\u002Fprinter-management","Europaweites Gerätmanagement für den Handel",[71,72,73,74,75],"Vue 3","TypeScript","OIDC","REST API","StencilJS","uIRUtuvQddp6FkjBI2q1IPEwDe9MKcU3z94G1WRAsc0",1775672746875]