Senior Frontend-Entwickler

2/2024 – 5/2024

BESCHREIBUNG:
Ziel des Projektes war die Erstellung eines Formulars zur Erfassung von Kundendaten. Um eine möglichst effiziente Eingabe von Kundendaten zu gewährleisten, sollten Felder nur dann angezeigt werden, wenn die entsprechenden abhängigen Felder bereits mit Werten gefüllt sind. Die Reihenfolge der Felder sollte so gewählt werden, dass eine Eingabe nur über die Tastatur möglich ist, um verlangsamende Handbewegungen bei der Eingabe zu reduzieren.

AUFGABEN:
• Umsetzung mit React und TypeScript
• Implementierung eines dynamischen Farbschemas mit MUI-Theme
• Design eines userfreundlichen UIs
• Erstellung von Unit-Tests
• Formvalidierung mit Formik

TECHNOLOGIEN:
React, TypeScript, MUI-Theme, Formik, Jest, Enzyme, Git

Front End, Git, Typescript, React (JavaScript library)

10/2023 – 1/2024

BESCHREIBUNG:
Die ilume ist Platinum-Partner von Camunda, einer BPM-Lösung, die im Bereich der Geschäftsprozessautomatisierung (BPM) eingesetzt wird. Die Camunda 8 Tasklist UI ist im Produktionsbetrieb nur eingeschränkt nutzbar. Da diese Komponente jedoch bei vielen Camunda-Kunden stark nachgefragt wird, hat sich ilum:e dazu entschlossen, eine eigene Tasklist als Asset in Eigenregie zu entwickeln. Der Fokus lag dabei auf dem Frontend und der Eigenständigkeit der Tasklist-Komponente, an die mehrere Prozessapplikationen andocken und sie nutzen können.

AUFGABEN:
Im Rahmen einer Frontend-Entwicklung sollte das Design der Formulare angepasst werden, sodass die Tasklist der Firmen-Coorporate-Identity entspricht und die Darstellung der Camunda-Prozesse ein modernes und nicht-standardmäßiges Aussehen erhält.
• Frontend-Entwicklung mit TypeScript, React und MUI-Theme
• Implementierung der Architektur für eine in einer Root-App eingebettete App, die einen Camunda-Prozess darstellt
• Implementierung eines Steppers, der dem Nutzer zeigen soll, in welchem Schritt des Camunda-Prozesses er sich befindet und welche Rollen für die Durchführung der jeweiligen Schritte zuständig sind
• Benutzung von Google Chrome Add-ons zur Unterstützung der Barrierefreiheit und Performance
• Erstellung des Designs des Steppers und der jeweiligen Formulare zur Bearbeitung der einzelnen Schritte

TECHNOLOGIEN:
React, TypeScript, Rest-API, CSS, Git

CSS-Programmierer, Git, React (JavaScript library), Representational State Transfer (REST), Typescript

11/2021 – 1/2024

BESCHREIBUNG:
Das Projekt „electronic Bank Account Management” (eBAM) ist ein Großprojekt zur Entwicklung einer webbasierten Anwendung zur digitalen Verarbeitung von Kontoanfragen im Firmenbereich (B2B) und soll helfen, die Prozesse bestehender Kunden der Bank zu automatisieren. Der vollständige End-to-End-Prozess umfasst 18 komplexe Geschäftsszenarien, bei denen Nachrichten im Format acmt nach dem ISO-20022-Standard ausgetauscht und verarbeitet werden. eBAM umfasste mehrere Folgestufen und wurde von ilume gemeinsam mit der Bank sowie deren bulgarischen Nearshore-Entwicklungsressourcen umgesetzt. Eine Kombination aus einer Java-/Spring-Serviceschicht, einer IBM-BAW-Prozessstrecke für die Orchestrierung und einem modernen Web-Frontend mit React schuf einen Mehrwert für die Bank im Wettbewerb um Firmenkunden.

AUFGABEN:
• Frontend Entwicklung mit TypeScript, React und dem Living-Style-Guide der Bank
• Mitarbeit bei der Konzeption der Anwendung und Verbesserung der Architektur sowie der Projektstruktur des Frontends der eBAM-App
• Implementierung von React-Best-Practices und Clean-Code-Prinzipien, die als Referenz für die zukünftige Implementierung und das Refactoring benutzt werden können
• Kommunikation und Koordination der agilen Entwicklung im Zusammenspiel mit den bulgarischen Entwicklern (Coaching und teilwiese Fehlerfixing wie z.B. Ausbesserung von aus dem Missverständnis der React-Bibliothek resultierende Falschimplementierungen)
• Zerlegung von monolithischen Strukturen in kleinen Komponenten mit eigenen Zuständigkeiten, um zukünftige Unit-Tests möglich zu machen
• Verbesserungsvorschläge für den Entwicklungsprozess im Frontend
• Ausbesserung von fehlerhaftem Code mit Verbesserung der Typen von Variablen und Funktionen, was in besserer Wartbarkeit und bessere Developer-Experience durch verbesserte IDE-Unterstützung resultiert
• Verbesserung des Layouts der App und visuelle Ausbesserungen im Frontend durch die Korrektur und Anpassung von Styles
• Konzeption und Implementierung eines Autorisierung- und Authentifizierungssystems im Frontend, das die Konfiguration und die Benutzung trennt, um die Wartbarkeit zu verbessern
• Einführung und Implementierung von Unit-Tests mit Jest und Enzyme, die Wartbarkeit und Qualität der App zu erhöhen
• Mocking des Backends mit Mock-Service-Worker, um die Frontendentwicklung von der Backendentwicklung zu entkoppeln
• Dokumentation der entwickelten Komponenten


TECHNOLOGIEN:
React, TypeScript, Jest, Enzyme, Formik, Axios, CSS, Living-Style-Guide
Git, IntelliJ, Jira, Confluence, Windows, Linux, Rest-API, SCRUM

Confluence, CSS (Cascading Style Sheet), Git, Jira, ReactOS, Typescript

1/2018 – 7/2020

BESCHREIBUNG & AUFGABEN:

Die Praxissoftware CGM PRIVATE ist auf die spezifischen Bedürfnisse und Anforderungen von Privatpraxen zugeschnitten. Die Software unterstützt den User (Arzt) bei der Diagnostik, Dokumentation und dem Praxismanagement.
Die Softwareentwicklung fand im SCRUM-Framework statt, mit Git, Jira und Confluence als unterstützenden Werkzeugen.

• Frontend Entwicklung mit Typescript und React, Redux, Restful-APIs und Unit-Tests
• Schnittstellendesign zur Kommunikation zwischen Frontend (Typescript) und Middletier
• (Java)
• Anforderungsanalyse und Unterstützung des Design Prozesses im Frontend mit den Stakeholdern
• Enge Absprache zwischen Entwicklung, Fachabteilungen und den Stakeholdern
• Teampage, Dashlets für CGM Private, Darstellung von perzentielen Kurven, diverse Dialoge und Styling-Aufgaben
• Formvalidierung mit der Bibliothek Formik und Unit-Testing mit Karma, Jasmine und Enzyme
• Einsatz der Bibliothek Material UI für verschiedene moderne Dialoge, Formen, Toasts, Buttons und andere GUI-Elemente
• Bugfixing und Dokumentation der entwickelten Komponenten


TECHNOLOGIEN:
React, AngularJS, Angular, Redux, Material UI, Karma, Jasmine, Enzyme, TypeScript, Git, IntelliJ, Jira, Confluence, Windows, Linux, Rest-API, SCRUM

Confluence, Git, Jira, Material- / Lagerabrechnung, Typescript

8/2017 – 12/2017

BESCHREIBUNG & AUFGABEN:
• Anforderungsanalyse
• Priorisierung der Tickets
• Dokumentation
• Vorbereitungen fürs Reporting
• Pflege von Confluence-Seiten

TECHNOLOGIEN:
Confluence, Jira, Microsoft Office

Confluence, Jira, Microsoft Office 365