Umut T.-Senior Product Engineer | Frontend, Full-Stack & Design | React & React Native

Als App Engineer im IoT-Control-Team in einem React-Native-Stack gearbeitet.

• Neue Komponenten auf Basis des Tonies Design Systems implementiert.
• Das Tonies Design System verbessert, erweitert und gewartet
• Neue Funktionen wie Lautstärke- und Wiedergabesteuerung für die Tonies hinzugefügt
• Verbindungsprobleme über Bluetooth und WLAN behoben
• Technische Schulden abgebaut und die Anwendung für ein bevorstehendes großes Software- und Hardware-Release optimiert
• Die Barrierefreiheit verbessert, indem Bildschirme und Komponenten für die Nutzung mit Screenreadern optimiert wurden.
• Viele automatisierte Tests geschrieben, um dauerhaft eine hervorragende App-Qualität sicherzustellen.
• Wöchentliche App-Releases in einer Umgebung mit hohem Arbeitsaufkommen

Ergebnisse & Wirkung:

• App-Stabilität und Verbindungszuverlässigkeit vor einem wichtigen Software- und Hardware-Release verbessert
• Die allgemeine App-Qualität durch eine deutlich umfangreichere Testsuite erhöht, die Regressionen erkannte, bevor sie Nutzer erreichten
• Die App für Screenreader nutzbar gemacht und damit die Barrierefreiheit für ein breiteres Publikum verbessert
• Einen wöchentlichen Release-Rhythmus in einer Produktionsumgebung mit hohem Volumen ohne Qualitätseinbußen aufrechterhalten

Technologien: react-native, expo, typescript, react-19, react-compiler, react-navigation, zustand, @tanstack/react-query, i18next, figma, app-store, play-store, sentry, bitrise, config-cat, poeditor

Externe Gesundheitsmanagementsysteme an die Physiofit-App angebunden. Web Scraping und Robotic Process Automation eingesetzt, um auch Systeme ohne öffentliche API anzubinden. Eine API zur Synchronisierung von Patientendaten und Verwaltung von Terminen erstellt.

Ergebnisse & Wirkung:

• Manuelle doppelte Eingabe von Patientendaten durch die direkte Anbindung externer Gesundheitssysteme an die App abgeschafft
• Verwaltungsaufwand durch automatisierte Synchronisierung von Patientendaten und Terminverwaltung reduziert
• Integrationen mit Systemen ohne öffentliche API ermöglicht, bei denen eine herkömmliche Integration nicht möglich war

Technologien: backend, typescript, javascript, nut.js, curl, robotic-process-automation, web-scraping

Design, Entwicklung und Bereitstellung einer spielerisch gestalteten mobilen Anwendung mit React Native (plattformübergreifend für Android und iOS) in einem medizinisch regulierten Bereich. Die App stellte über Bluetooth eine Verbindung zu einem Hardwaregerät her, das Nutzer beim Aufhören mit dem Rauchen unterstützte. Die App umfasste mehr als 150 Bildschirme mit komplexen Onboarding-Abläufen und Navigationslogik. Alle Komponenten wurden individuell entwickelt und umfangreich mit Lottie- und Reanimated-Animationen ergänzt, um ein ausgearbeitetes und ansprechendes Benutzererlebnis zu schaffen. Zu den wichtigsten Funktionen gehörten das Zählen von Zügen und die Synchronisierung des Geräts über Bluetooth, geführte Therapiesitzungen, interaktive Quizze, Minispiele wie Snake und Tetris, Community-Funktionen mit Gruppen und Chats sowie ein sternbasiertes Belohnungssystem, das Nutzer beim Erreichen ihrer Rauchfrei-Ziele motivierte. Für den gesamten Stack verantwortlich: React-Native-Frontend, Firebase Cloud Functions, Firebase Admin, Design der Cloud-Firestore-Datenbank und eine Single Page App mit React. Das Backend später von Firebase zu GraphQL mit NestJS auf Kubernetes migriert. Die vollständige Continuous-Build-Pipeline für Android- und iOS-Apps mit E2E-Testintegration über Gitlab-CI auf lokalen MacOS- und Ubuntu-Systemen sowie containerisierten Runnern mit Docker eingerichtet. Ein Team aus Werkstudenten geleitet und betreut, mit starkem Fokus auf Codequalität durch regelmäßige Code Reviews und Wissensaustausch. Entwicklungspraktiken und Release-Prozesse dokumentiert, um die Anforderungen eines medizinisch regulierten Bereichs zu erfüllen.

Ergebnisse & Wirkung:

• Ein vollständiges Produkt in einem medizinisch regulierten Bereich geliefert – plattformübergreifende App, Backend und Release-Infrastruktur, vom Design bis zur Produktion
• Das Backend von Firebase zu GraphQL mit NestJS auf Kubernetes migriert und dadurch Skalierbarkeit, Zuverlässigkeit und Unabhängigkeit von einem einzelnen Anbieter verbessert
• Eine CI/CD-Pipeline mit integrierten E2E-Tests aufgebaut, die trotz regulatorischer Anforderungen häufige und sichere Releases ermöglicht
• Das Team durch Mentoring und regelmäßige Code Reviews weiterentwickelt und dadurch Codequalität und Wissensaustausch verbessert

Technologien: react-native, typescript, react, react-navigation, redux toolkit, rtk-query, firebase firestore, cloud functions, serverless, graphql, i18njs, sketch, lottie animations, react-reanimated, gitlab ci pipelines, custom runners, vpn setup, kubernetes

Design, Entwicklung und Bereitstellung einer Single-Page-Anwendung mit React, Redux und Ant-Design. Verantwortlich für die Frontend-Architektur und technische Entscheidungen. Die Anwendung verwaltet verschiedene Scheduler über AWS, die wichtige Informationen zu Amazon-Marketplace-Produkten finden und verfolgen, etwa Werbeleistung, digitale Regalfläche, Ranking und Keyword-Positionen. Interaktive Dashboards und Datenvisualisierungen mit Chart.js entwickelt, damit Nutzer die Leistung ihrer Produkte auf einen Blick verstehen können. Die Entwicklungsumgebung mit Docker und Docker Compose für eine einheitliche lokale Entwicklung und Bereitstellung eingerichtet.

Ergebnisse & Wirkung:

• Nutzern einen Überblick über die Leistung von Amazon-Produkten auf einen Blick gegeben und dadurch schnellere und fundiertere Entscheidungen ermöglicht
• Eine klare Frontend-Architektur etabliert, die den Codebestand beim Wachstum des Produkts konsistent und wartbar hielt
• Entwicklung und Bereitstellung mit Docker und Docker Compose standardisiert und dadurch umgebungsbedingte Probleme reduziert

Technologies: typescript, react, ant-design, chartjs, aws, docker, docker-compose

Design, Entwicklung und Bereitstellung hybrider mobiler Anwendungen und Single-Page-Anwendungen im Bereich Industrie 4.0, mit Unit-, Integrations- und e2e-Tests, Pair Programming, Code Reviews und Scrum. Als erster Mitarbeiter eingestiegen und eine völlig neue Abteilung aufgebaut, die als neue Geschäftseinheit auf 35 Mitarbeiter gewachsen ist. Die vollständige Verantwortung für das Produkt GROB4Line von der Idee bis zur Produktion übernommen. Eine hybride mobile App entwickelt, die Live-Daten von Fräsmaschinen wie das aktuelle Programm, Achspositionen und Fehlermeldungen verbindet und die Möglichkeit bietet, Maschinenprogramm und -zustände aus der Ferne zu steuern. Verantwortlich für das UI/UX-Design neuer Komponenten und Workflows mit Affinity Designer und Balsamiq. Produktions- und Testumgebungen in der Cloud (Linux, NGINX, OpenVPN) eingerichtet sowie Entwicklungstools und eine Continuous-Delivery-Pipeline mit GitHub, Jenkins, Nexus und Nevercode (Mobile CI/CD) aufgebaut. Vernetzte Systeme und Anwendungssoftware gewartet und überwacht.

Ergebnisse & Wirkung:

• Als erster Mitarbeiter eine völlig neue Geschäftseinheit aufgebaut und die Abteilung auf 35 Personen erweitert
• Das Produkt GROB4Line von der Idee bis zur Produktion geführt und eine funktionierende Industrie-4.0-Lösung geliefert
• Fernüberwachung und Fernsteuerung von Fräsmaschinen ermöglicht, Ausfallzeiten reduziert und die Reaktion auf Maschinenprobleme beschleunigt
• Den Engineering-Workflow mit Cloud-Umgebungen und einer Continuous-Delivery-Pipeline professionalisiert und dadurch die Zuverlässigkeit von Releases verbessert

Technologies: javascript, angularjs, typescript, angular, ionic, cordova, python, cnc programming, heidenhain + siemens