Senior Frontend Developer ReactJS | Teamlead

12/2021 – 1/2023

Technologien: React | Redux| TypeScript | Node.js | Next.Js | Apollo/GraphQL| Docker | Kubernetes | MySQL
BitBucket Pipeline

Das Rebranding Projekt dieses Kunden zielte auf ein komplett neues Design des Frontends ab. Unter hohem Zeitdruck sollte T. sicherstellen, dass die TechStack Migration ge-lingt, das Team ausreichend geschult in den Technologien ist und das Frontend den mo-dernsten Standards entspricht.

Im Laufe des Projektes wurde eine Komponenten Library mit Storybook entwickelt und Chromatic für automatisierte Tests und Design Reviews verwendet. Anschließend wurden die Komponenten mit Hilfe von React Router, Redux und Redux Toolkit sowie RTK Query zu einer vollständingen White-Label Application zusammengefügt. Zusätzlich wurde eine voll automatisierte CI/CD Pipeline erstellt, um schnellstmöglich auf unterschiedliche Environ-ments deployen zu können bei größt- möglicher automatisierter Testabdeckung.

React (JavaScript library)

4/2020 – 11/2021

In diesem Projekt arbeitete T. als Senior Frontend und Fullstack Developer. Der Fo-kus lag unter anderem beim Frontend Development des Trading- Dashboards in React und Redux. Dieses zeigt in Echtzeit verschiedene KPI’s an. Das „from- scratch“ Erstellen einer UX und dem dazugehörigen UI lag unter anderem in seiner Verantwortung. Die Herausforde-rung war darüber hinaus, Machine-Learning-Algorithmen zu erstellen, um automatisierte Trading-Entscheidungen zu treffen.
In der ersten Phase des Projekts lag der Fokus größtenteils auf der Grundlagenarbeit: Fea-ture-Extraction mit Hilfe von gängigen Data-Science-Methoden, Erstellen von Data-Pipelines sowie Aufsetzen des Grundgerüsts der Application. In der zweiten Phase lag der Fokus auf dem Erstellen und Erproben von Machine-Learning-Algorithmen sowie der Anbindung an Trading-Plattformen In der dritten und aktuellen Phase liegt der Fokus auf dem Erstellen einer UX und dem dazugehörigen UI. T. wurde an dieser Stelle als Frontend und Teamlead eingesetzt. Er wurde darüber hinaus damit beauftragt, den TechStack für das Ba-ckend herauszuarbeiten, dem Team vorzustellen und in der Umsetzung zu begleiten. Die Umsetzung erfolgte mittels Node.Js, in Kombination mit Apollo/GraphQL.

React (JavaScript library)

7/2018 – 3/2020

Der Endkunde war einer der führenden deutschen Elektronikhändler und beauftragte eine Agentur zur Entwicklung und Maintenance seines Web-Shops. T. war Teil des 8-köpfigen Entwicklerteams, bestehend aus 4 Backend-Entwicklern und 4 Frontend-Entwicklern. Zu seinen Aufgaben gehörte die Komponenten Entwicklung mit Hilfe des Frameworks „React“.
Relativ schnell wuchs der Aufgabenbereich, sodass T. auch den Technologie-Stack und die allgemeine Anwendungs-Architektur bewerten sollte und eine neue, bessere Zielstruktur in Kooperation mit den Festangestellten erarbeiten sollte. Die daraus resultierende Zielstruktur wurde dokumentiert und T. damit beauftragt, das Refactoring zu planen und umzusetzen. Die Herausforderung bestand darin, dass parallel weitere Neuentwicklungen vorangebracht werden sollten und er diese maßgebend mitentwickelte. Um dem restlichen Team den neuen Technologie-Stack näherzubringen und die Code- Qualität zu erhöhen, moderierte er Code-Reviews mit dem gesamten Team und führte Coaching-Sessions zu den verwendeten Technologien durch.
Weitere Information zu den verwendeten Technologien: Das Frontend der Komponenten bestand größtenteils aus React und Redux zum Managen des States. Da das Backend eine PHP/Laravel-Lösung war, wurde relativ wenig mit asynchronen Backend-Calls gearbeitet. Wenn doch welche verwendet wurden, so wurden diese mit Redux-Saga umgesetzt. Zur Optimierung des Shops und der Analyse des Traffics wurde unter anderem der Google-Tag-Manager verwendet. Die Unit-Tests wurden mit Jest und Enzyme geschrieben. Als Versionskonrollsystem wurde Gitlab verwendet und die Sprint-Organisation wurde mit Jira durchgeführt.

React (JavaScript library)