Senior FullStack Architekt: FE BE CI DevOps
- Verfügbarkeit einsehen
- 3 Referenzen
- auf Anfrage
- 8695 Buzsák
- Europa
- de | en | ru
- 24.01.2024
Kurzvorstellung
Auszug Referenzen (2)
"As a tech lead at Risk.Ident I had the pleasure of working with S. as a freelancer, and it was an excellent experience."
10/2020 – 8/2023
Tätigkeitsbeschreibung
1. Architektur, Coding und Rollout einer Microservice Angular/NodeJS Anwendung:
• Backend aus NestJS, Mongoose ORM und GraphQL-Federation API
• K8s Orchestrierung unter Verwendung von Helm für ein verteiltes System
• docker-compose Orchestrierung für ein Deployment als Sidecar neben einem monolithischen Altsystem
• JenkinsCI GitOps Deployment
• GH Actions releases mit Semantic Versioning via conventional-commits
• AngularX Frontend mit NGXS Statemanagement
• lokales HMR setup in k8s via Skaffold
• yarn Monorepository
2. Co-Architektur, Re-Implementierung und Rollout des FE und BFF einer Big-Data Anwendung:
• Rewrite des Frontends in React, Vite und Vitest
• tRPC API und Tanstack React Query Router im Frontend
• Fastify Backend
• PostgreSQL Datenbank mit Drizzle ORM
• Full-Stack Typsicherheit via Zod in FE, API und ORM Layer
• TurboRepo Monorepository mit task caching
• CI/CD mit Github Actions
• Github App Implementierung für GitOps via Octokit API
• K8s Orchestrierung unter Verwendung von Helm
• lokales HMR setup in k8s via Skaffold
3. Erweiterung des BFF einer Big-Data Anwendung:
• Unternehmensweite Pionierarbeit in der CI-Migration von Jenkins auf GH-Actions unter Entwicklung eigener Actions und reusable workflows
• BigData Ingestion von Datensätzen aus dem Kafka Message Broker in Elasticsearch
• Caching von Graph-Strukturen in Redis
• Erweiterung des Monitoring mit Grafana, Kibana, Prometheus und InfluxDB
• Performance Tracking via Elastic APM
• Websocket integration zur realtime Darstellung von Nutzeraktivitäten
Full-Stack, Angular, Backend, Continuous Delivery, Docker, Elasticsearch, Front End, Git, Graphql, Jenkins, Kubernetes, Mongodb, Node.Js, React (JavaScript library), Software Architecture, Software Design, Distributed Computing
"S. hat sich äußert schnell ins Projekt eingearbeitet, sehr gute Impulse gegeben und war maßgeblich am Erfolg des Projektes beteiligt."
4/2019 – 5/2020
Tätigkeitsbeschreibung
Als Mitglied eines vierköpfigen Teams habe ich eine umfangreiche Verwaltungsanwendung realisiert. Der verwendete API-Platfrom Stack umfasste ein PHP Backend (Symfony) und ein Typescript Frontend (VueJS) auf einer Docker (docker-compose) basierten Infrastruktur. Neben der maßgeblichen Mitarbeit an Architekturerweiterung und Implementierung sind folgende meiner Leistungen nennenswert:
• Die Bereitstellung einer Ansicht für benutzerdefinierte Tabellenreports wurde implementiert, welche Daten aus einer Vielzahl von verbunden Entitäten bezieht. Dies erforderte die Implementierung eines dynamischen GraphQL-Builders, welcher, auf Grundlage der einbezogenen Tabellenspalten mit ihrer Filterung und Sortierung, entsprechende Queries erzeugt.
• Der GraphQL API-Layer und der Doctrine ORM-Layer wurden so dekoriert, dass Summen und Extremwerte von beliebigen numerischen Feldern einfach abgefragt werden können.
• Die Darstellung großer Datenmengen in einer editierbaren Kalenderansicht (tagesgenaue Projektbelegungen und Urlaubszeiten von >100 Mitarbeitern über einen Zeitraum von bis zu 6 Monaten) wurde performant realisiert.
• Testumgebungen für Unit-Tests mit Jest und Integrations-Tests mit CodeceptJS wurden implementiert.
Graphql, Docker, Symfony, Vue.Js
Qualifikationen
Projekt‐ & Berufserfahrung
10/2020 – 8/2023
Tätigkeitsbeschreibung
1. Architektur, Coding und Rollout einer Microservice Angular/NodeJS Anwendung:
• Backend aus NestJS, Mongoose ORM und GraphQL-Federation API
• K8s Orchestrierung unter Verwendung von Helm für ein verteiltes System
• docker-compose Orchestrierung für ein Deployment als Sidecar neben einem monolithischen Altsystem
• JenkinsCI GitOps Deployment
• GH Actions releases mit Semantic Versioning via conventional-commits
• AngularX Frontend mit NGXS Statemanagement
• lokales HMR setup in k8s via Skaffold
• yarn Monorepository
2. Co-Architektur, Re-Implementierung und Rollout des FE und BFF einer Big-Data Anwendung:
• Rewrite des Frontends in React, Vite und Vitest
• tRPC API und Tanstack React Query Router im Frontend
• Fastify Backend
• PostgreSQL Datenbank mit Drizzle ORM
• Full-Stack Typsicherheit via Zod in FE, API und ORM Layer
• TurboRepo Monorepository mit task caching
• CI/CD mit Github Actions
• Github App Implementierung für GitOps via Octokit API
• K8s Orchestrierung unter Verwendung von Helm
• lokales HMR setup in k8s via Skaffold
3. Erweiterung des BFF einer Big-Data Anwendung:
• Unternehmensweite Pionierarbeit in der CI-Migration von Jenkins auf GH-Actions unter Entwicklung eigener Actions und reusable workflows
• BigData Ingestion von Datensätzen aus dem Kafka Message Broker in Elasticsearch
• Caching von Graph-Strukturen in Redis
• Erweiterung des Monitoring mit Grafana, Kibana, Prometheus und InfluxDB
• Performance Tracking via Elastic APM
• Websocket integration zur realtime Darstellung von Nutzeraktivitäten
Full-Stack, Angular, Backend, Continuous Delivery, Docker, Elasticsearch, Front End, Git, Graphql, Jenkins, Kubernetes, Mongodb, Node.Js, React (JavaScript library), Software Architecture, Software Design, Distributed Computing
4/2019 – 5/2020
Tätigkeitsbeschreibung
Als Mitglied eines vierköpfigen Teams habe ich eine umfangreiche Verwaltungsanwendung realisiert. Der verwendete API-Platfrom Stack umfasste ein PHP Backend (Symfony) und ein Typescript Frontend (VueJS) auf einer Docker (docker-compose) basierten Infrastruktur. Neben der maßgeblichen Mitarbeit an Architekturerweiterung und Implementierung sind folgende meiner Leistungen nennenswert:
• Die Bereitstellung einer Ansicht für benutzerdefinierte Tabellenreports wurde implementiert, welche Daten aus einer Vielzahl von verbunden Entitäten bezieht. Dies erforderte die Implementierung eines dynamischen GraphQL-Builders, welcher, auf Grundlage der einbezogenen Tabellenspalten mit ihrer Filterung und Sortierung, entsprechende Queries erzeugt.
• Der GraphQL API-Layer und der Doctrine ORM-Layer wurden so dekoriert, dass Summen und Extremwerte von beliebigen numerischen Feldern einfach abgefragt werden können.
• Die Darstellung großer Datenmengen in einer editierbaren Kalenderansicht (tagesgenaue Projektbelegungen und Urlaubszeiten von >100 Mitarbeitern über einen Zeitraum von bis zu 6 Monaten) wurde performant realisiert.
• Testumgebungen für Unit-Tests mit Jest und Integrations-Tests mit CodeceptJS wurden implementiert.
Graphql, Docker, Symfony, Vue.Js
4/2017 – 6/2018
Tätigkeitsbeschreibung
1. Technische Leitung eines teamübergreifenden Frontend-Alignment für eine Supply Chain Management Plattform
2. Zusammenführung unterschiedlicher Frontend Stacks aus VueJS, React und jQuery in einer UI mit einheitlicher UX auf Grundlage einer gemeinsamen Komponentenbibliothek und eines gemeinsamen Entwicklungsprozesses
3. Mentoring von full-stack Entwicklerteams zur nachhaltigen Realisierung eines koordinierten UI Entwicklungsprozesses für eine schnelle und kohärente Umsetzung von UI Features
4. Schulung von full-stack Entwicklerteams in der einheitlichen Umsetzung von komplexen, teamübergreifenden und komponentenorientierten Benutzeroberflächen mit aktuellen JavaScript-Features
5. Konzeption und federführende Realisierung einer Komponentenbibliothek, die über Web Components in Frontends mit diversen Frameworks eingebunden werden kann
6. Konzeption und Bereitstellung einer Web Components basierten Komponentenbibliothek in einem React basierten Storybook, welches als interaktiver Styleguide fungiert und einen Proof of Concept für die Integration von Web Components mit React darstellt
7. Maßgebliche Verbesserung des Entwicklungsprozesses durch einen interaktiven Styleguide, der Komponententests beinhaltet, die Usability Prüfung von Komponenten über eine Vorschau ermöglicht und den Entwicklern die Verwendung der Komponenten in VueJS, React und VanillaJS durch Code Snippets erleichtert
Front End, Konzeption (IT), React (JavaScript library), Schulung / Training (IT), Solution Architektur, System Architektur, User Experience (UX), Vue.Js
1/2017 – 4/2017
Tätigkeitsbeschreibung
Von mir wurde ein innovatives JavaScript-Frontend mit Webpack und VueJS gestaltet, welches auf dem Django basierten Wagtail-CMS aufbaut. Der Auftraggeber des Projekts ist die schweizer Tochter der McDonalds Restaurantkette (mcdonalds.ch).
Dem Kunden war die einfache Redaktion der Informationen zu seinen Restaurants und Angeboten wichtig, während die angestrebte UX der Anwendung ein datenlastiges Frontend, angelehnt an eine Single-Page- Applicaton, bedigte. Als Lösung wurde ein Datenfluss konzipiert und realisiert, der CMS-seitig konfigurierte Pages, Module und Widgets mit dem MVVM-Pattern von Vue verbindet, sodass hochflexible und anspruchsvolle Frontend-Ansichten realisierbar sind.
Auch die Front-End Implementierung der Mehrsprachigkeit und die PostCSS-Integration wurden im Rahmen des Setup umgesetzt.
Eine wichtige Anforderung des Kunden war die Realisierung einer interaktiven und responsiven Restaurantsuche und Ergebniskarte. In Eigenregie habe ich diesen Teil der Anwendung mit VueJS und Google Maps als Single-Page App innerhalb des Multi-Page CMS realisiert.
Weiterhin wurden von mir innerhalb der Architektur fachliche Module für das CMS-Backend in Absprache mitentwickelt.
Django, Vue.Js
1/2016 – 7/2016
Tätigkeitsbeschreibung
AngularJS-TypeScript Frontend-Entwicklung
Die Mitarbeit an der neuen responsiven Webseite von Tipp24 (tipp24.com) war für mich aufgrund des innovativen Technologie-Stack (AngularJS-TypeScript und Spring Boot in einer Docker-basierten Microservice Architektur) und der hervorragenden Arbeitskultur (agiles, multinationales und datengetriebenes Team) eine große Freude. Zu meinen Aufgaben zählten:
• Die eigenständige Konzeption und Realisierung einer TypeScript-Decorator-basierten Frontend- Internationaliesierung
• Eine BEM konforme Modularisierung des Frontend-Code (SCSS) und die Code-Migration in eine Patternlibrary als Teil eines cross-funktionalen Teams
• Architekturerweiterung für funktionierendes Karma-Unit-Testing von asynchron geladenen RequireJS TypeScript-Modulen
• Mitentwicklung am Webtrekk- und GTM-Tracking, sowie zusammenarbeit mit BI bei der Datenauswertung
• Die Umsetzung zahlreicher funktionaler Aspekte (Warenkorb, Checkout etc.) im Pair-Programming
AngularJS, Typescript
4/2014 – 9/2015
Tätigkeitsbeschreibung
1. Shopsystem-Entwicklung mit PHP-Backend und AngularJS Frontend:
Bei Brink & Martens habe ich an einem PHP-basierten Projekt für die Darstellung der Weboberflächen eines Shopsystems gearbeitet.
Folgende Tätigkeiten habe ich in dem Projekt ausgeführt:
- Umsetzung von Frontend-Features, unter Anderem die Integration der Rating- und Reviewfunktionalität
- Ausbau des Projektes (Einführung einer Konfigurationsverwaltung für das Tracking der aktiven Features)
2. Entwurf, Konzept und Entwicklung einer AngularJS basierten Komponenten- und Elementbibliothek:
Mir wurde die eigenständige Entwicklung einer Komponenten- und Elementbibliothek (Pattern-Library) für das obige Shopsystem anvertraut. Die Frontendkomponenten wurden im Styling der unterschiedlichen Shops einsehbar gemacht. Die Umsetzung wurde mit Gulp, SCSS, AngularJS und PHP realisiert.
Entwurf und Entwicklung von NodeJS Projekten zum Verwalten und Bereitstellen Design-Ressourcen
Die PhotoShop Designs der Komponenten des zuvor genannten Shopsystems sollten versionisiert und in der Pattern-Library bereitgestellt werden. Ich entwickelte hierzu eine NodeJS-Anwendung, die Änderungen an PSB/PSD-Dateien automatisiert erfasst und in GIT versioniert, sowie ein Node-Backend, das die Design Ressourcen aus dem GIT als PNG bereitstellt
Erstellung eines Systems für Regressionstests auf dem Shopsystem
Setup von Regressionstests auf den Shops über PhantomJS und CasperJS. Über Grunt-Phantomflow wurde weiterhin ein umfassendes Test-Reporting ermöglicht.
Mitentwicklung an einem Symfony basierten PHP-Projekt:
Bei Brink&Martens habe ich zudem das Twig-Frontend eines Symfony basierten Portal-Projektes für einen Finanzdienstleister entwickelt.
CSS (Cascading Style Sheet), Git, HTML5, JavaScript, Jquery, Node.Js, PHP, Symfony, Software Version Control
10/2010 – 3/2014
Tätigkeitsbeschreibung
Java Backend für Vertriebsapp der T-Systems
Meine Aufgebe war die Mitentwicklung an dem Admin-Interface einer internen Vertriebsanwendung der T- Systems. Dieses Admin-Interface wurde als Teil eines Spring MVC multi-modul Maven Projekts entwickelt, welches als Back-End für eine iOS App fungiert. Diese iOS App wurde zur Vertriebsunterstützung der T- Systems entwickelt. Folgende Aufgaben wurden im Projekt wahrgenommen:
• Anforderungsanalyse, Entwicklung und Testing des Admin-Interface
• Erweiterung der bestehenden Module des Projektes im Bezug auf REST-Kommunikation und Report-
Generierung
Continuous Integration System für IOS-Apps
Für die eben erwähnte iOS-App habe ich die Konzeption, Realisierung und Einführung eines Continuous Integration Systems übernommen. Das auf Jenkins basierende System erfüllt folgende Anforderungen:
• Testen neuer Versionen einer App automatisiert bei VCS-Updates
• Bauen der App auf einem Jenkins-Slave via Xcode
• Bereitstellen dieser iOS-App in einer Maven Webapp zum Download über ein iOS-Device
Entwicklung hybrider Apps
Bei der T-Systems MMS wurde ich mit der Erstellung eines alternativen Hybrid App Prototypen für die bestehende App "SureNow" betraut. Als Technologien kamen AngularJS, jQuery Mobile (angular-jqm) und PhoneGap zum Einsatz.
Studiengang: Bachelor of Science in Wirtschaftsinformatik (Note: gut)
Thesis: ‘Konzept und Prototyp für eine automatisierte Präsenzkontrolle mit Smart Mobile Devices - Eine kontextsensitive und adaptive Multi-Platform-Lösung’ (Note: sehr gut)
AngularJS, Apache Maven, iOS Entwicklung, Java (allg.), Jenkins, Phonegap, Representational State Transfer (REST), Spring Framework
Ausbildung
Nordakademie Elmshorn
Über mich
1. Senior FullStack Entwickler: FullStack Architekturgestaltung und Mitentwicklung an verteilten Applikationen zur Verarbeitung großer Datenmengen und rekursiver Strukturen auf dem Gebiet der Betrugsprävention
2. Senior Frontend Architekt:
Verantwortung für die Architektur und Realisierung der Zusammenführung einer Multi-Stack Frontend-Landschaft aus Vue, React und jQuery zu einem Frontend für einen großen Logistik-Konzern auf Grundlage von WebComponents - einschließlich der Schulung der Teams über Clean Code im Frontend und über die Verwendung von ES6 JS features.
Das sind meine Lieblingsprojekte:
1. Konzept, Coding und Rollout einer dockerisierten NestJS App als Monorepo mit Mongoose ORM, GraphQL-Federation API, AngularX Frontend und K8s/Helm Deployment. Das Projekt wird mit JenkinsCI-GitOps deployed, mit semantic-release versioniert und mit Skaffold lokal entwickelt.
2. Co-Architektur und Umsetzung eines Rewrites für das FE und BFF einer Big-Data Anwendung mit TurboRepo Monorepo, React Frontend und tRPC API, sowie die Erweiterung des Monitoring bestimmter Services der verteilten Anwendung mit Grafana, Kibana, InfluxDB und Prometheus und die Erweiterung der Integrationen dieser Services mit Kafka, Elasticsearch und MongoDB; dazu eine CI-Migration besagter Services von Jenkins auf GH-Actions.
3. Konzeption und Realisierung einer Micro-Frontend Architektur für eine Supply Chain Management Anwendung mit diversen Frontend Stacks auf Grundlage von WebComponents: Erstellen einer gemeinsam genutzten Storybook Komponentenbibliothek für React, Vue und vanilla JavaScript auf Grundlage von WebComponents, sowie deren Integration in die unterschiedlichen Microservice-Frontends.
Weitere Kenntnisse
- Konzeption und Umsetzung lösungsorientierter und effizienter Softwarearchitekturen mit hervorragender UI und UX auf Grundlage wartungsfreundlicher Tech-Stacks.
- Wissensvermittlung durch persönliches Mentoring und Schulungen
- Sehr gutes Verständnis von Scrum, Kanban und Projektmanagement tools wie Jira und Confluence
Technisches Know-How:
CI -> Jenkins, GitHub Actions
Frontend -> Angular, VueJS, React, WebComponents, LESS, SCSS
API -> WebSockets, GraphQL, tRPC, Protobuf
Backend -> NodeJS, NestJS, ExpressJS, PHP, API-Platform, Symfony
Data -> Kafka, Redis, Elasticsearch, MongoDB, Mongoose ODM, Doctrine ORM, Drizzle ORM, PostgreSQL, MySQL
Monitoring -> InfluxDB, Prometheus, Grafana, Kibana, Elastic APM
DevOps -> Docker, Kubernetes, Helm, Skaffold, Docker Compose
Ich habe zudem einiges an Erfahrung mit Java, Spring MVC, Maven und Hibernate aus meinem Studium mitgenommen und durch ein privates Projekt mit JHipster aufgefrischt. Zudem bringe ich Erfahrung in der Entwicklung mehrerer mobiler Apps für Android und iOS mit Cordova aus dem Praxisteil meines dualen Studiums, sowie aus meiner - mit sehr gut bewerteten - Bachelorarbeit mit.
Keywords
Beruf >> Software Architekt, Software Architect, Senior Full-Stack Developer, Senior Fullstack Entwickler, WebDeveloper, Software Engineer, Software Entwickler, Senior Web Developer, Senior Webentwickler, Senior Backend Entwickler, Senior Frontend Entwickler, Senior Backend Architekt, Senior Frontend Architekt
Architektur / Architecture >> Microservices, Distributed Systems, Verteilte Systeme, Layered Architecture, Schichtenarchitektur, Software Design Patterns, DDD, Domain Driven Design
Back-End / Backend >> NodeJS, Node.js, Node, PHP, Nest, Nest.js Express, APIPlatform, Symfony, Postgre, SQL, Relational Databases, relationale Datenbanken, NoSQL, Mongo, MongoDB, ODM, ORM
Front-End / Frontend >> Vue, Vue.js, VueJS, React, ReactJS, Angular, NG, Webpack, Vite, Vitest, Jest, Microfrontends, WebComponents, Component Library
CI/CD/Continuous Delivery/Continuous Deployment >> Git, GitOps, Github Actions, GH Actions, Jenkins, JenkinsCI
DevOps / Infrastruktur >> k8s, Docker, docker compose, helm, helmfile, cert-manager, Nginx, Traefik
Monitoring >> ELK Stack, Elastic Kibana, Prometheus Monitoring, Grafana Monitoring, Elastic Application Performance Monitoring
Prozess >> Agile Software Development, Agile Softwareentwicklung, Agile Methods, Agile Methoden, Scrum, Kanban, Projectmanagment support, Projektmanagement Unterstützung
Persönliche Daten
- Deutsch (Muttersprache)
- Englisch (Fließend)
- Russisch (Gut)
- Europäische Union
Kontaktdaten
Nur registrierte PREMIUM-Mitglieder von freelance.de können Kontaktdaten einsehen.
Jetzt Mitglied werden