Fullstack-Entwickler mit Schwerpunkt Frontend

7/2024 – 12/2024

Projekthintergrund und Ziel
Im Automotive-Umfeld arbeitete ich an einer Plattform zur Erfassung und Auswertung von Bauteilprüfungen. Versuchs- und Qualitätsteams sollten Prüfergebnisse einem Bauteil, seinem Entwicklungsstand und der jeweiligen Versuchsreihe zuordnen können. Je nach Prüfverfahren unterschieden sich die benötigten Angaben, etwa Prüfbedingungen, Messgrößen, Ergebnisbewertung und ergänzende Bemerkungen. Die Anwendung sollte diese unterschiedlichen Informationen in gemeinsamen Übersichten und Detailansichten zugänglich machen, damit zusammengehörige Prüfungen gefunden und auffällige Ergebnisse gezielt betrachtet werden konnten. Der Zugriff sollte über die Unternehmensanmeldung erfolgen. Ziel war eine strukturierte Arbeitsgrundlage für die fachliche Bewertung technischer Prüfdaten.

Mein Beitrag
Ich entwickelte modulare React-Oberflächen für die Erfassung, Verarbeitung und Darstellung der technischen Daten. Mit TypeScript strukturierte ich die Datenmodelle und Komponenten; dynamische Interaktionen setzte ich mit JavaScript um. Für unterschiedlich aufgebaute Datensätze band ich MongoDB über Node.js- und Express.js-Services mit REST-Schnittstellen an.

Ich integrierte die Unternehmensanmeldung über Microsoft Entra ID mit MSAL React, OpenID Connect und OAuth 2.0 mit PKCE. In den Backend-APIs setzte ich die Prüfung von Zugriffstoken und Rollen um. Ich führte Code Reviews durch und setzte YAML-Workflows in GitHub Actions für Build, Tests und Deployment um. Eingaben und Ansichten prüfte ich mit Jest und React Testing Library, die API-Verarbeitung mit Supertest.

JavaScript-Entwickler, Mongodb, React (JavaScript library), Typescript

3/2024 – 8/2024

Projekthintergrund und Ziel
Bei einem Energieversorger arbeitete ich an einer Fachanwendung zur Bearbeitung technischer Betriebsmeldungen. Mitarbeitende an verschiedenen Standorten sollten Auffälligkeiten und erforderliche Arbeiten einer Anlage zuordnen und mit Meldungsart, Beschreibung, Priorität und zuständigem Bereich erfassen können. Die bearbeitenden Teams benötigten eine gemeinsame Sicht auf neue, laufende und erledigte Vorgänge sowie die Möglichkeit, Rückmeldungen zum Bearbeitungsstand nachzuvollziehen. Unterschiedliche Meldungstypen brauchten dabei jeweils passende Zusatzangaben. Ziel war eine zentrale Verwaltung der Meldungen, damit Informationen bei Schicht- oder Zuständigkeitswechseln verfügbar blieben und offene Aufgaben nicht nur in lokalen Listen dokumentiert waren.

Mein Beitrag
Ich entwickelte React-Komponenten und Datenansichten für die Erfassung und Bearbeitung der Meldungen und setzte die Frontend-Funktionen mit TypeScript und JavaScript um. Die Backend-Logik implementierte ich mit Node.js und Express.js. Ich integrierte Azure Cosmos DB, stellte die benötigten Daten und Funktionen über REST-APIs bereit und übernahm die Bereitstellung in Azure App Service.

Zur Qualitätssicherung führte ich Code Reviews durch und ergänzte YAML-Pipelines in Azure DevOps für Build, Tests und Deployment. Ich schrieb Unit-Tests mit Jest für die Validierung und Verarbeitung der Meldungsdaten sowie Komponententests mit React Testing Library für die Erfassungsformulare.

JavaScript-Entwickler, Node.Js, React (JavaScript library), Typescript

9/2023 – 2/2024

Projekthintergrund und Ziel
Ich arbeitete an einer Webanwendung für die Dokumentation technischer Versuchsreihen in einem Forschungs- und Entwicklungsbereich. Versuchsverantwortliche sollten Angaben zum Prüfgegenstand, Versuchsaufbau, Prüfbedingungen und Beobachtungen einem gemeinsamen Vorgang zuordnen können. Zuvor lagen diese Informationen in unterschiedlich aufgebauten Dokumenten vor, wodurch Rückfragen bei der Zusammenstellung von Prüfberichten entstanden. Die Anwendung sollte vorhandene Dokumentinhalte übernehmen, eine gezielte Bearbeitung einzelner Abschnitte ermöglichen und die Informationen sowohl als vollständiges Versuchsprotokoll als auch in kompakten fachlichen Ansichten bereitstellen. Ziel war eine konsistente Dokumentationsgrundlage, mit der sich Versuchsverläufe prüfen und Berichte für die weitere Abstimmung zusammenstellen ließen.

Mein Beitrag
Ich entwickelte mit React und JavaScript die Ansichten zur Erfassung, Bearbeitung und Darstellung technischer Dokumente und strukturierter Informationen. Die zugehörigen Backend-Funktionen und Verarbeitungsschritte setzte ich mit Python und Django um.

Ein Schwerpunkt meiner Arbeit lag auf der Verarbeitung vorhandener XML-Daten. Ich entwickelte XSLT-Transformationen, um die Inhalte für unterschiedliche Ausgabe- und Darstellungsszenarien aufzubereiten, und integrierte REST-Schnittstellen für den Austausch zwischen den Anwendungskomponenten und angebundenen Systemen.

Django, HTML, JavaScript-Entwickler, Python, React (JavaScript library)

4/2023 – 9/2023

Projekthintergrund und Ziel
Für die interne Verwaltung eines Finanzunternehmens wirkte ich an einer Anwendung zur Pflege von Standort-, Abteilungs- und Zuständigkeitsdaten mit. Fachbereiche hielten Ansprechpartner, organisatorische Zuordnungen und Vertretungen bislang in getrennten Listen fest. Bei Veränderungen war deshalb unklar, welche Angaben aktuell waren und wer eine administrative Anfrage übernehmen sollte. In der Anwendung sollten Mitarbeitende nach Standort oder Aufgabenbereich suchen, die zuständigen Kontaktpersonen aufrufen und Änderungen an den zugehörigen Stammdaten erfassen können. Eine Detailansicht sollte die organisatorischen Zuordnungen nachvollziehbar darstellen. Ziel war ein verlässlicher Bezugspunkt für organisatorische Rückfragen und die laufende Pflege der Verwaltungsdaten.

Mein Beitrag
Ich entwickelte eine responsive React-Oberfläche mit Übersichten, Eingabemasken, Suchfunktionen und Detailansichten. Dabei setzte ich die Komponenten mit TypeScript, interaktive Funktionen mit JavaScript und die Gestaltung mit HTML und CSS um.

Die Verarbeitung der Geschäftsdaten implementierte ich mit Node.js und Express.js. Ich band MariaDB an und stellte Daten und Funktionen über REST-APIs für die Oberfläche bereit. Wiederkehrende technische und administrative Abläufe automatisierte ich ergänzend mit PowerShell.

CSS-Programmierer, HTML, JavaScript-Entwickler, React (JavaScript library), Typescript

10/2022 – 3/2023

Projekthintergrund und Ziel
Ich wirkte an der Weiterentwicklung einer internen Serviceanwendung eines Maschinenbauunternehmens mit. Mitarbeitende im Service sollten eine Maschine anhand ihrer Seriennummer finden und zugehörige Stammdaten, Standortangaben sowie bisherige Servicevorgänge gemeinsam einsehen können. Neue Meldungen mussten bisher über mehrere Ansichten hinweg zugeordnet und ergänzt werden. Die Erweiterung sollte ermöglichen, einen Servicefall direkt aus der Maschinenansicht anzulegen, das gemeldete Fehlerbild festzuhalten und Bearbeitungsstand sowie durchgeführte Maßnahmen nachzuführen. Damit sollte bei Rückfragen erkennbar sein, auf welche Maschine sich ein Vorgang bezog und welche Informationen bereits vorlagen. Die bestehende Anwendung bildete weiterhin die Grundlage für diese Abläufe.

Mein Beitrag
Ich erweiterte die vorhandene Webanwendung um React-Komponenten und dynamische Benutzerinteraktionen mit JavaScript. Neue und angepasste Oberflächen gestaltete ich mit HTML und CSS und integrierte sie in die bestehende Anwendung.

Im Backend analysierte ich die vorhandenen PHP-Funktionen und passte sie an die zusätzlichen Anforderungen an. Ich arbeitete an der PostgreSQL-Anbindung und an REST-Schnittstellen für den Datenaustausch mit weiteren Komponenten und Systemen. Dabei führte ich die Erweiterungen innerhalb der bestehenden Anwendungsarchitektur zusammen.

CSS-Programmierer, HTML, JavaScript-Entwickler, PHP, React (JavaScript library)

4/2022 – 9/2022

Projekthintergrund und Ziel
Ich arbeitete an einer internen Anwendung, über die Einrichtungen eines Unternehmens im Gesundheitsbereich ihre Bestände und Bedarfe für betriebliche Verbrauchsmaterialien melden sollten. Die zuständigen Mitarbeitenden übermittelten Angaben zu Hygiene- und Reinigungsmaterialien bislang in unterschiedlich aufgebauten Listen. Für die zentrale Verwaltung war dadurch schwer erkennbar, welche Meldungen vollständig waren und welche Angaben noch abgestimmt werden mussten. Die Anwendung sollte Daten nach Einrichtung, Material und Meldezeitraum erfassen, unvollständige Einträge zur Bearbeitung anzeigen und korrigierte Meldungen in gemeinsamen Übersichten bereitstellen. Ziel war eine nachvollziehbare Grundlage für die Abstimmung von Materialbedarfen und die interne Auswertung der gemeldeten Betriebsdaten.

Mein Beitrag
Ich entwickelte mit React die Oberflächen zur Erfassung und Bearbeitung der Daten und bildete Komponenten und Datenmodelle mit TypeScript ab. Die fachliche Verarbeitung und die zugehörigen Backend-Prozesse implementierte ich mit Python und Django.

Ich entwickelte REST-APIs für den Austausch zwischen Frontend und Backend und band SQL-Server 2019 über mssql-django und den Microsoft ODBC Driver 17 an. Den Quellcode und meine Änderungen verwaltete ich mit Git.

Django, Git, Python, React (JavaScript library), SQL, Typescript

9/2021 – 2/2022

Projekthintergrund und Ziel
Ich entwickelte Oberflächen für eine interne Plattform, die Übergaben von Fertigungsaufträgen zwischen Produktion und Logistik unterstützen sollte. Mitarbeitende aus Fertigung, Versandvorbereitung und Logistik benötigten eine gemeinsame Sicht darauf, welche Aufträge noch bearbeitet wurden, zur Übergabe bereitstanden oder bereits übernommen waren. Diese Informationen waren zuvor auf unterschiedliche Ansichten und ergänzende Rückfragen verteilt. Über die Plattform sollten die Beteiligten Aufträge suchen, Positionen und Übergabehinweise prüfen sowie den jeweiligen Bearbeitungsstand aktualisieren können. Offene Übergaben und fehlende Angaben sollten in den Übersichten erkennbar sein. Ziel war, die Vorbereitung des Versands und die Abstimmung zwischen den beteiligten Bereichen anhand desselben Informationsstands zu unterstützen.

Mein Beitrag
Ich entwickelte wiederverwendbare React-Komponenten für die verschiedenen Funktionsbereiche der Plattform. Mit TypeScript und JavaScript setzte ich die Datenmodelle und interaktiven Funktionen um und gestaltete die Oberflächen mit HTML und CSS.

Für die Kommunikation mit dem Backend integrierte ich REST-Schnittstellen. Ergänzend unterstützte ich die Umsetzung von Backend-Funktionen und die Anbindung von MariaDB, über die die Anwendung ihre Auftrags- und Bearbeitungsinformationen bezog.

CSS-Programmierer, HTML, JavaScript-Entwickler, React (JavaScript library), Typescript