[{"data":1,"prerenderedAt":275},["ShallowReactive",2],{"service-projects-de-printer-management-wichtel-wunsch-impax-tours-hotel-checkin-platform":3},[4,78,150,211],{"id":5,"title":6,"body":7,"category":56,"challenge":57,"description":50,"extension":58,"featured":59,"image":60,"images":60,"impact":61,"meta":62,"navigation":63,"order":64,"path":65,"seo":66,"slug":67,"solution":68,"stem":69,"tagline":70,"tags":71,"testimonial":60,"testimonial_author":60,"testimonial_role":60,"url":60,"__hash__":77},"projects_de\u002Fprojects\u002Fde\u002Fprinter-management.md","Drucker-Management Plattform",{"type":8,"value":9,"toc":49},"minimark",[10,15,19,23,42,46],[11,12,14],"h2",{"id":13},"projektübersicht","Projektübersicht",[16,17,18],"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.",[11,20,22],{"id":21},"funktionen","Funktionen",[24,25,26,30,33,36,39],"ul",{},[27,28,29],"li",{},"Geräteübersichts-Dashboard für alle Filialstandorte",[27,31,32],{},"CRUD-Operationen für Drucker, Einstellungen und Metadaten",[27,34,35],{},"OIDC\u002FOAuth-Authentifizierung mit Audience-Validierung und berechtigungsbasierter Zugriffskontrolle",[27,37,38],{},"Integration einer internen StencilJS UI-Komponentenbibliothek",[27,40,41],{},"Mock-Datenschicht zur Einhaltung von Lieferterminen während der API-Entwicklung",[11,43,45],{"id":44},"technische-highlights","Technische Highlights",[16,47,48],{},"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":50,"searchDepth":51,"depth":51,"links":52},"",2,[53,54,55],{"id":13,"depth":51,"text":14},{"id":21,"depth":51,"text":22},{"id":44,"depth":51,"text":45},"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":6,"description":50},"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",[72,73,74,75,76],"Vue 3","TypeScript","OIDC","REST API","StencilJS","uIRUtuvQddp6FkjBI2q1IPEwDe9MKcU3z94G1WRAsc0",{"id":79,"title":80,"body":81,"category":56,"challenge":127,"description":50,"extension":58,"featured":63,"image":128,"images":129,"impact":132,"meta":133,"navigation":63,"order":134,"path":135,"seo":136,"slug":137,"solution":138,"stem":139,"tagline":140,"tags":141,"testimonial":60,"testimonial_author":60,"testimonial_role":60,"url":148,"__hash__":149},"projects_de\u002Fprojects\u002Fde\u002Fwichtel-wunsch.md","Wichtel-Wunsch",{"type":8,"value":82,"toc":122},[83,85,88,92,115,119],[11,84,14],{"id":13},[16,86,87],{},"Wichtel-Wunsch ist ein persönliches Nebenprojekt — eine mobile-first Progressive Web App zum Organisieren von Wichtel-Events und Verwalten von Wunschlisten. Es löst das Koordinationsproblem beim Schenken, ohne auf Gruppenchats oder Tabellen angewiesen zu sein.",[11,89,91],{"id":90},"key-features","Key Features",[24,93,94,97,100,103,106,109,112],{},[27,95,96],{},"Wichtel-Events erstellen und per Einladelink teilen",[27,98,99],{},"Persönliche Wunschlisten mit optionalen Shop-Links für jeden Teilnehmer",[27,101,102],{},"Alle Wunschlisten für alle Event-Mitglieder sichtbar – kein Rätselraten mehr",[27,104,105],{},"Google OAuth Authentifizierung via Supabase Auth",[27,107,108],{},"Installierbare PWA mit Web-Push-Benachrichtigungen",[27,110,111],{},"DSGVO-konformer Datenexport (Art. 15)",[27,113,114],{},"Vollständig responsives, mobile-first Design",[11,116,118],{"id":117},"technical-highlights","Technical Highlights",[16,120,121],{},"Entwickelt mit Nuxt 4 und Vue 3 im Frontend, backed by Supabase (PostgreSQL) für Datenbank und Authentifizierung. Jede Tabelle ist durch Row Level Security abgesichert. Das Projekt umfasst eine umfangreiche Testsuite: 163 Datenbanktests mit pgTAP für Schema-Constraints, RLS-Regeln und Anwendungsverhalten, sowie E2E-Tests mit Cypress.",{"title":50,"searchDepth":51,"depth":51,"links":123},[124,125,126],{"id":13,"depth":51,"text":14},{"id":90,"depth":51,"text":91},{"id":117,"depth":51,"text":118},"Wichteln zu organisieren ist aufwendig – wer kauft für wen, was wünscht sich jeder eigentlich, und wie koordiniert man das alles, ohne die Überraschung zu verderben? Bestehende Tools sind entweder überladen oder erfordern Accounts auf Drittplattformen, denen viele Nutzer nicht vertrauen.","\u002Fimages\u002Fprojects\u002Fwichtel-wunsch.webp",[128,130,131],"\u002Fimages\u002Fprojects\u002Fwichtel-wunsch-event.webp","\u002Fimages\u002Fprojects\u002Fwichtel-wunsch-admin.webp","Eine saubere, installierbare PWA, die Wichtel-Events unkompliziert macht. Die App ist DSGVO-konform mit Datenexport-Funktion, durch Row Level Security auf jeder Datenbanktabelle abgesichert und durch 163 automatisierte Datenbanktests für Schema, RLS-Policies und Geschäftslogik abgedeckt.",{},6,"\u002Fprojects\u002Fde\u002Fwichtel-wunsch",{"title":80,"description":50},"wichtel-wunsch","Ich habe Wichtel-Wunsch als mobile-first Progressive Web App mit Nuxt 4, Vue 3 und Supabase entwickelt. Nutzer können Events erstellen, Freunde per Einladelink hinzufügen und persönliche Wunschlisten mit optionalen Shop-Links pflegen. Alle Wunschlisten der Teilnehmer sind innerhalb des Events sichtbar, sodass niemand mehr raten muss. Die Authentifizierung erfolgt via Google OAuth, und die App ist auf jedem Gerät installierbar.","projects\u002Fde\u002Fwichtel-wunsch","Wichteln & Wunschlisten als PWA",[142,143,73,144,145,146,147],"Nuxt","Vue.js","Supabase","PostgreSQL","TailwindCSS","PWA","https:\u002F\u002Fwichtel-wunsch.app","eRcW2PRJtVy9L2fLlzfRw_3cuVapF0Hx0tS4NRU1j0g",{"id":151,"title":152,"body":153,"category":189,"challenge":190,"description":50,"extension":58,"featured":63,"image":191,"images":60,"impact":192,"meta":193,"navigation":63,"order":194,"path":195,"seo":196,"slug":197,"solution":198,"stem":199,"tagline":200,"tags":201,"testimonial":206,"testimonial_author":207,"testimonial_role":208,"url":209,"__hash__":210},"projects_de\u002Fprojects\u002Fde\u002Fimpax-tours.md","IMPAX Tours",{"type":8,"value":154,"toc":184},[155,157,160,162,179,181],[11,156,14],{"id":13},[16,158,159],{},"IMPAX Tours ist eine Online-Plattform für die Buchung von Outdoor-Reisen, spezialisiert auf Surfcamps und Backpacker-Unterkünfte weltweit. Im Auftrag von IMPAX Tours UG entwickelte ich die vollständige Web-Plattform als freiberuflicher Full-Stack-Entwickler über einen Zeitraum von 10 Monaten.",[11,161,91],{"id":90},[24,163,164,167,170,173,176],{},[27,165,166],{},"Standortbasierte Suche mit Filterfunktionen nach Destination, Unterkunftstyp und Verfügbarkeit",[27,168,169],{},"Integrierter Buchungsablauf mit Zahlungsintegration",[27,171,172],{},"Anbieter-Dashboard zur Verwaltung von Surf Camps und Backpacker-Lodges",[27,174,175],{},"Responsive Design für mobile und Desktop-Nutzer",[27,177,178],{},"Nachhaltigkeits-Sektion mit Informationen zu umweltbewusstem Reisen",[11,180,118],{"id":117},[16,182,183],{},"Die Plattform wurde mit einem Laravel-Backend und Vue.js-Frontend realisiert. Die Architektur ist auf Skalierbarkeit ausgelegt und unterstützt mehrere Anbieter mit eigenem Content-Management. Die Suchfunktion basiert auf einer datenbankgestützten Filterlösung mit geographischen Kriterien.",{"title":50,"searchDepth":51,"depth":51,"links":185},[186,187,188],{"id":13,"depth":51,"text":14},{"id":90,"depth":51,"text":91},{"id":117,"depth":51,"text":118},"booking-platform","IMPAX Tours benötigte eine skalierbare Plattform, auf der Reisende Surfcamps und Backpacker-Unterkünfte weltweit finden und direkt buchen können – inklusive Suche, Destinationsfilter und Zahlungsintegration.","\u002Fimages\u002Fprojects\u002Fimpax-tours.webp","Die Plattform ging erfolgreich live und ermöglicht es Reisenden weltweit, Outdoor-Unterkünfte zu finden und zu buchen. Das Projekt wurde in 10 Monaten freiberuflicher Arbeit abgeschlossen und vom Geschäftsführer mit vollster Zufriedenheit bewertet.",{},1,"\u002Fprojects\u002Fde\u002Fimpax-tours",{"title":152,"description":50},"impax-tours","Ich entwickelte die gesamte Plattform als Full-Stack-Entwickler mit Laravel als Backend und Vue.js als Frontend. Die Lösung umfasst eine standortbasierte Suche, Filterfunktionen nach Destination und Unterkunftstyp sowie einen integrierten Buchungs- und Zahlungsablauf.","projects\u002Fde\u002Fimpax-tours","Surf- & Reisebuchungsplattform",[143,202,203,204,205],"Laravel","PHP","MySQL","Booking","Herr Enns hat seine Aufgaben zu unserer vollsten Zufriedenheit erledigt und unsere Erwartungen in jeder Hinsicht erfüllt. Wir bedauern es, ihn als Freelancer zu verlieren.","Andre Baumunk","Geschäftsführer, IMPAX Tours UG","https:\u002F\u002Fimpax-tours.com","CavCUhdL489mJ3--yT79nv703St7-jAWXHxANH2B3wI",{"id":212,"title":213,"body":214,"category":56,"challenge":256,"description":50,"extension":58,"featured":63,"image":257,"images":258,"impact":262,"meta":263,"navigation":63,"order":51,"path":264,"seo":265,"slug":266,"solution":267,"stem":268,"tagline":213,"tags":269,"testimonial":271,"testimonial_author":272,"testimonial_role":273,"url":60,"__hash__":274},"projects_de\u002Fprojects\u002Fde\u002Fhotel-checkin-platform.md","Digitales Hotel Check-in System",{"type":8,"value":215,"toc":251},[216,218,221,223,246,248],[11,217,14],{"id":13},[16,219,220],{},"Für eine Hotelgruppe wurde ein vollständig digitales Gäste-Check-in- und Zimmerbuchungssystem entwickelt. Die Anwendung führt Gäste Schritt für Schritt durch den gesamten Check-in-Prozess – von der Zimmerauswahl bis zur Buchungsbestätigung – und ist für den Einsatz auf Lobby-Tablets optimiert.",[11,222,22],{"id":21},[24,224,225,228,231,234,237,240,243],{},[27,226,227],{},"Interaktiver Grundriss zur Zimmerauswahl mit Echtzeit-Verfügbarkeitsanzeige",[27,229,230],{},"Zimmertypübersicht mit Merkmalsvergleich (Standard, Deluxe, Suite)",[27,232,233],{},"Mehrseitiges Persönliche-Daten-Formular mit client-seitiger Validierung",[27,235,236],{},"Buchungsübersicht mit vollständiger Zusammenfassung vor der Bestätigung",[27,238,239],{},"Digitale Unterschrift mit Touchscreen-Unterstützung",[27,241,242],{},"Integration von AGB und Gästetaxe",[27,244,245],{},"Vollständig deutschsprachige Oberfläche im Corporate Design des Kunden",[11,247,45],{"id":44},[16,249,250],{},"Die Anwendung wurde mit Vue.js und einem PHP\u002FREST-API-Backend entwickelt. Der interaktive Grundriss zeigt die Zimmerverfügbarkeit dynamisch anhand von Backend-Daten an. Der mehrstufige Ablauf nutzt client-seitiges State-Management, um Gästedaten über alle Schritte hinweg zu erhalten.",{"title":50,"searchDepth":51,"depth":51,"links":252},[253,254,255],{"id":13,"depth":51,"text":14},{"id":21,"depth":51,"text":22},{"id":44,"depth":51,"text":45},"Eine Hotelgruppe wollte ihren papierbasierten Gäste-Check-in-Prozess durch eine moderne, tablet-freundliche Webanwendung ersetzen, die Gäste eigenständig durch Zimmerauswahl, Dateneingabe und Buchungsbestätigung führt.","\u002Fimages\u002Fprojects\u002Fhotel-checkin-platform.webp",[257,259,260,261],"\u002Fimages\u002Fprojects\u002Fhotel-checkin-personal-data.webp","\u002Fimages\u002Fprojects\u002Fhotel-checkin-room-selection.webp","\u002Fimages\u002Fprojects\u002Fhotel-checkin-floor-plan.webp","Das System ersetzte den papierbasierten Check-in vollständig, verkürzte die durchschnittliche Eincheckzeit deutlich und ermöglichte die digitale Verwaltung von Zimmerverfügbarkeiten und Gästedaten ab dem ersten Tag.",{},"\u002Fprojects\u002Fde\u002Fhotel-checkin-platform",{"title":213,"description":50},"hotel-checkin-platform","Ich entwickelte eine mehrstufige Webanwendung mit Vue.js: interaktiver Grundriss zur Zimmerauswahl, Persönliche-Daten-Formular mit Validierung, Buchungsübersicht mit digitaler Unterschrift und vollständig deutschsprachiger, markenkonformer Oberfläche.","projects\u002Fde\u002Fhotel-checkin-platform",[143,73,203,75,270],"Hotel","Fantastische Zusammenarbeit mit einem hohem Grad an Zuverlässigkeit, Geschwindigkeit und Qualität.","Stephan Wiese","COO, bloc group","iiUAGVRV0BjPjxcrxIcXFz-j7wYTWHSQ8QW9PEv6aZA",1783940053069]