In meiner Rolle als Frontend Developer habe ich maßgeblich an der Entwicklung und Implementierung eines Resource Management Tools für den Automobilzulieferer Vector mitgewirkt. Dieses Tool war entscheidend für das softwareseitige Testen neuer Automobil-Steuerelemente und unterstützte den 'Hardware as a Service'-Ansatz von Vector. Meine Hauptverantwortung umfasste die Konzeption und Umsetzung des gesamten Frontends. Dabei habe ich insbesondere das Binding von Endpunkten realisiert und End-to-End-Tests durchgeführt, um die Funktionalität sicherzustellen. Ich arbeitete intensiv mit React als Frontend-Framework und Material UI (MUI) als UI-Komponentenbibliothek. Für die Authentifizierung nutzte ich die Microsoft Authentication Library (MSAL), während TanStack Query als Tool für das serverseitige asynchrone State-Management diente. Zur Sicherstellung der Funktionalität integrierte ich End-to-End-Tests mit Cypress. Zusammen mit einem Team aus drei Backend-Developern und einem DevOps-Engineer sorgte ich für die erfolgreiche Bereitstellung der vollständigen Lösung. Der enge Austausch und die Zusammenarbeit im Team waren dabei essenziell für den Projekterfolg.

Der Lieferant, der auf Bio-Produkte spezialisiert ist, hat bis vor kurzem Bestellungen nur über eine eigens angefertigte Broschüre angenommen. Aufgrund des rasch expandierenden Sortiments und einer Klientel, das digitale Medien gewohnt ist, gerecht zu werden, wurde beschlossen eine Web-App zu entwickeln. Das Team bestand aus 2 Frontend-Entwicklern (inklusive mir) und zwei Backend-Entwicklern. Ich habe gemeinsam mit meinem Kollegen alle Aufgaben zur Implementierung des Frontends übernommen. Das Design der App basierte auf der verwendeten UI-Bibliothek ? React Bootstrap. Globales State Management wurde mit Redux/Redux-toolkit implementiert. Die Kommunikation mit dem Backend wurde mit axios sichergestellt. Ich habe das individuelle Styling mit styled-components umgesetzt, was mir erlaubte, das Styling in der gleichen Komponente durchzuführen (Single File Components, SFC).

Die in Java geschriebene Bestandssoftware des Dienstleisters erfüllt den Zweck der Sendungserfassung für Sendungen, die im Inland verschickt werden. Im weiteren Verlauf sollte die Sendungserfassung auf (zunächst) den nordamerikanischen Raum erweitert werden. Zu diesem Zweck sollte eine Webapplikation entwickelt werden, die die Features der Bestandssoftware beinhaltet und zusätzlich neue Features, die spezifisch für den internationalen Versand sind, beinhalten. Angesprochen werden sollte das Backend der Bestandssoftware. Als einziger Frontend Developer auf diesem Projekt, hatte ich die Verantwortung der kompletten Implementierung dieser App. Die UI dieser App wurde zunächst von einem UI/UX Designer mit Hilfe von Figma konzipiert und anschließend von mir mit Vue und Element Plus implementiert. Um eine korrekte Datenerfassung zu sichern, wurden alle, in einem mehrstufigen Prozess erfassten Daten mit Vuelidate validiert. Die validierten und transformierten Daten wurden dann über einen speziell hierfür implementierten client über axios ans Backend geschickt. Die implementierte Logik wurde mit unit tests über die library Vitest qualitativ abgesichert. Das Einloggen in die App wurde über Microsoft Azure abgewickelt. Hierfür habe ich clientseitig die library MSAL (Microsoft Authentication Library) implementiert.