Matthias Kallenbach

Frontend-Entwickler

Download
PDF
Vita
kurz
Vita
lang

1 2 3

me, myself and i

Ich bin Senior Frontend Engineer mit über 20 Jahren Erfahrung in der Entwicklung komplexer Webanwendungen. Schwerpunkt auf JavaScript sowie modernen Frontend-Architekturen und der Umsetzung performanter, wartbarer UI-Systeme mit HTML und CSS.

Erfahrung in der Entwicklung und Integration von Frontends an der Schnittstelle zu Backend-Services und Infrastruktur. Fokus auf saubere Architektur, Skalierbarkeit und zuverlässige Deployments.

Ergänzend Fullstack-Erfahrung mit Node.js, einschließlich API-Entwicklung, Microservices und Systemintegration. Praxis im Umgang mit SQL-Datenbanken, containerisierten Anwendungen (Docker) sowie CI/CD-Pipelines.

Zusätzlich mehrjährige Erfahrung im IoT-Umfeld mit Node.js sowie Plattformen wie Raspberry Pi und ESP32, u. a. im Kontext von Smart-Home-Anwendungen.

Zur Person

BerufsbezeichnungSr. Frontend-Engineer

WohnsitzBritz, 16230

Ausbildung

09/2003 - 07/2008 Studium Digitale Medien Hochschule für Künste Bremen

01/2006 - 07/2006 Auslandssemester Neue Medien Ehemals Hochschule für Gestaltung und Kunst Zürich

08/2002 - 07/2003 Fachoberschule für Gestaltung, FOS 12. Klasse Adolph-Kolping-Berufskolleg Münster

Sprachen

MutterspracheDeutsch

FortgeschrittenEnglisch

Kontakt

03334 - 42 97 029

matthias.kallenbach@skwncr.net

Social

Vita

Kleinunternehmer (Freelancer) / Erziehungszeit

01/2023 bis heute

Home-Office

me, myself and i

Zeit für meine 2020 geborene Tochter. Angedachte und bereits angefangene Nebenprojekte werden / wurden vollendet. Ein bisschen was am Haus gemacht. Ansonsten befasse ich mich mit neuen, interessanten und notwendigen Technologien und Arbeitsabläufen. Insbesondere vertiefe ich meine Fähigkeiten in Web Components, Vanilla Javascript, Typescript, React und Next.js.

Plugin-Entwicklung (React) für Grafana 10
Multi Arch Docker Image Publishing
Deployment Workflows
Micro Services und Web-Apps mit node.js
Frontend-Bundling für ESP32-Geräte
Meine eigene Website und Infrastruktur

ES6+

Typescript

Scss

Vite

Prettier

Strapi

Astro.js

Docker

ReactJS

Next.js

Grafana

Github Actions

influxDB 2

MQTT

webpack 6

MING-Stack

Wordpress

ESP32

Linux

Frontend-Entwickler

10/2020 bis 12/2022

SYNERGY-NETWORKS GmbH in Halle (Saale)

IT-Dienstleister

Unternehmensweit einige technische Arbeitsabläufe neu organisiert, Nutzung von git etabliert, div. Kundenprojekte (Shops) mit Docker aufgesetzt für die lokale Entwicklung - sodass mehrere Entwickler an einem Projekt arbeiten können, Frontend-Entwicklung (Themes) für Shopware-Shops, Erweiterung der Frontend-Build-Pipelines (um bspw. Hot-Reloading), Deployment-Entwicklung, Wartung und Support für Kunden-Projekte, nahezu komplett allein realisierter Shop-Relaunch: https://seiffen.com

Redesign Shopware 5 Shop
Docker Setup für lokale Dev-Umgebung mit mailhog, redis, elasticsearch, mysql, phpmyadmin
Dockerisierte Frontend-Build-Pipeline
Etablierung Arbeitsorganisation mit git
Versions- und Datenbank-Migration
Kundenkommunikation
Bash Scripting

Shopware 5

ES6+

Less

Smarty

Docker

Grunt

node.js

PHP

Webpack

ESLint

StyleLint

Github

Reverse Proxy (jwilders)

Mailhog

SSH Tunneling

Linux

Frontend-Entwickler

03/2017 bis 09/2020

Neofonie GmbH in Berlin

IT-Dienstleister

Fast komplett mobile.de. Rest interne Neofonie-Projekte und Frontend für eurapon.de (von Doc Morris aufgekauft) oder apothekenumschau.de.

Frontend-Work für interne Projekte
Shopware Theme Plugin

Grunt

Gulp

Webpack

node.js

ES6+

HTML

Shopware

Vue

Docker

PHP

Scss

Less

Github

Linux

Frontend-Entwickler

03/2017 bis 04/2020

mobile.de / ebay via Neofonie GmbH in Berlin

Online Verkaufsplattform für gebrauchte Fahrzeuge.

In internationalen Projekt-Teams, Team übergreifend und in großen Teams mit über 15 Kollegen.

Cloud-Migration von (Micro-) Services
Frontend-Module für Hauptplattform https://mobile.de (bspw. 3D Innen- und Außenansicht)
Versions- und Datenbank-Migration
Wartung und Erweiterung von Backoffice-Tools und B2B-Kunden-Tools
Bash Scripting

Grunt

Gulp

Webpack

node.js

ES6+

HTML

React

Vue

Google Closure Templates

Google Tag Manager (Tracking)

Docker

PHP

Scss

Less

Github

Selenium

Nightwatch.js

Java

Linux

Frontend-Entwickler

2015 bis 2016

Valid Digitalagentur GmbH in Berlin

Online-Agentur

Corporate Websites in kleinen Teams

Frontend-Build-Pipelines
Micro-Sites / One-Pager für bspw. Schindler Aufzüge
Typo3 Frontend für eine Werbe-Agentur

Grunt

node.js

ES6+

PHP

HTML

Scss

Less

Github

Linux

Frontend-Entwickler

2015 bis 2016

familie redlich Systeme GmbH in Berlin

Online-Agentur

Verschiedene Projekte

Frontend für Corporate Websites

ES5

HTML

Css

git

Linux

Frontend-Entwickler

2015 bis 2015

Interactive Tools GmbH in Berlin

Online-Agentur

Verschiedene Projekte

Frontend für Corporate Websites wie liebherr.de

ES5

HTML

Css

git

Linux

Frontend-Entwickler Full-Stack

2008 bis 2015

Freelancer und festangestellt in Leipzig

Werbeagentur, Startup, IT-Dienstleister, Eigene Kunden

Verschiedene Projekte

Festanstellung bei Unternehmenswelt.de
Freelancer mit Kundenprojekten

ES5

PHP

HTML

Css

Github

Linux

Frontend-Entwickler

2008 bis 2008

Construktiv GmbH in Bremen

Online-Agentur

Verschiedene Projekte

Frontend für Corporate Websites
Mister Wong (Social Bookmarking, bevor es verkauft wurde)
Firefox-Plugin (Mister Wong)

ES5

HTML

Css

git

Linux

Studium Digitale Medien

2003 bis 2008

Hochschule für Künste (HfK) in Bremen

Kunsthochschule / Fachhochschule

Krasser Crossover aus Design und IT. Vormittags Java coden und nachmittags versaute Comics zeichnen. Ich war zwar an einer Kunsthochschule eingeschrieben, besuchte aber auch Kurse an der Uni Bremen bei den Informatikern und an der HfK Bremen bei den Designern. Schön in WGs gelebt, Party gehabt und meine jetzige Frau kennengelernt.

Siehe Vorlesungsverzeichnis

Konzept

Experimente

Installation

Neue Medien

Fachabitur Gestaltung

2002 bis 2003

Adolph-Kolping Schule in Münster

Fachoberschule

Fachabitur 12. Klasse. Durch eine Art Fügung: ich hatte nur 4,5 Jahre Berufstätigkeit nachzuweisen. Aufnahmebedingung an Fachoberschulen ohne Ausbildung waren in ganz Deutschland fünf Jahre Berufstätigkeit. Nur in Münster 4,5. Und weil meine damalige Lebensgefährtin dort Design studierte, bot sich das natürlich an.

12. Klasse im Schnelldurchgang

Bleistift

Pinsel

Farben

Mitgründer, Gesellschafter, Mediendesigner, Web-Entwickler

1999 bis 2002

XEBEC Mediafactory GmbH in Regensburg

IT-Dienstleister

Verschiedene Projekte

Online Verkaufsplattform einer Pressebild-Agentur
Corporate Website für DSL-Anbieter in München
Virtuelle Fertigungsstrecke in VRML für bekannten Chip-Hersteller

ES5

HTML

Css

Dreamweaver

mootools

me, myself and i

1997 bis 1999

Selbstständig in Halle (Saale)

Fernseh- und Videoproduktion

Eine Mischung aus 3D-Design und brachialer Fernseh-Technik. Ich war relativ oft und lange mit Ü-Wagen und Mannschaft in ganz Deutschland unterwegs und habe verschiedenste Städte gesehen - und auch die unterschiedlichsten Sendungsformate von hinter der Kamera. Klingt merkwürdig: aber ich habe wirklich von Gorbatschow den Ton gemischt oder bei Helmut Kohl hinter der Kamera gestanden.

3D-Animation (Immobilien, Prozesse und Anlagen, Flying Logos)
Ü-Wagen-Techniker
Tontechniker
Kameramann Live Sportübertragung

Lightwave 3D

Photoshop

Flash

Dreamweaver

mootools

Amiga Computer

Mediendesigner

1996 bis 1997

AV-Studio in Halle (Saale)

Medienhaus

Ein Jahr CD-Produktion "Halle der Wirtschaftsstandort". Meine erste richtige Produktion in einer Drei-Mann-Firma mit vielen Überstunden. Aber war geil.

3D-Animation und Visualisierung
Macromedia Flash ;)

Lightwave 3D

Photoshop

Flash

Dreamweaver

mootools

Irgendwas mit Medien

1991 bis 1996

in Halle (Saale)

Rumgebastelt und experimentiert als fließender Übergang zwischen Schul- und Arbeitswelt. Ich wollte eigentlich eine Ausbildung anfangen - allerdings gab es die erst ein Jahr später: den "Mediengestalter Bild und Ton". Also bin ich gleich rein und habe für ein Taschengeld "Medien-Jobs" gemacht. Direkt nach der Schule bin ich für ein Azubi-Gehalt in eine Fernseh-Produktionsfirma und habe dort im Studio Grafik für lokale Berichterstattung gemacht.

3D-Animation und Visualisierung für "RTL-Boxmanager"
DFÜ-Mailbox in der Nacht
Vierspur-Musik gemacht
EB-Assistent
On-Air-Grafik

Lightwave 3D

Photoshop

Dreamweaver

Deluxe Paint

Soundtracker / Pro-Tracker

Demo Maker

Scala

Skills & Tools

adopt

JavascriptTypescriptWebComponentsHTMLCSS3 & 4Gitnode.jsJiraConfluenceCI/CDKanbanScrumREST ApiReact.jsDockerBash ScriptingCSRPrettierViteinfluxDB 2testcafeCypressRaspberry PiMQTTWebsocketsMicroservices (skalierbar)Grafana 10WordpressmysqlWordExcelESLintSSH TunnelingReverse Proxy (jwilder)ESP32nodeMCUarduinonginxAdobe PhotoshopInkscapeLightwave 3Dclaude code

trial

CSS 5CORSNext.jsGithub EnterpriseGithub ActionsHTTP2MING-StackSchema.org MicrodataSSRAstro.jsRedisElasticsearchSwaggerOpenAPIJenkinsGitlabGitlab CIAdobe IllustratorAdobe IndesignC ArduinoClocalAI

assess

Strapi.jsRollupFigmaAdobe XDMailhogAffiny DesignerAdobe After Effects

hold

Scsswebpack 6Shopware 5StyleLintPHPZend Framework (PHP)ApacheVue.jsGruntGulpGoogle Closure TemplatesSelenium ClusterNightwatch.jsAbleton LivejQuerySmartyThymeleaf (Java)Javalua

Services

Entwicklung

Software-Entwicklung mit Javascript für Frontend und Backend.

Wartung

Updates ausführen, Daten migrieren, Backup machen oder Features nachrüsten.

Beratung

Was? Wieso? Weshalb? Warum? Wie?

Lösungen

Von der Stange und auf Bewährtes zurückgreifen. Etablierte Open-Source-Lösungen nutzen.

Edge Computing

Auf kleinen Computern Großes tun. Internet der Dinge mit Raspberry Pi und ESP.

Smart Home

Die Welt der Sensoren und Aktoren für daheim und in der Industrie.

Workshops

Know How Transfer, Lerninhalte ausarbeiten, pädagogische Konzepte für digitale Themen

Nachbarschaftshilfe

Lebenshilfe in digitalen Fragen und Computer-Schlampe für meine Hood.

Off Topic

Und der ganze Rest. Hacktons, LAN-Parties, Sit-Ins, Zocken

Projekte

Umfrage-Tool

Hochschul-Projekt mit der University of Europe for Applied Science in Berlin und der gGmbH Lust auf besser leben in Frankfurt am Main

Web Client für Video Streaming Server

Web Client für Jobsuche API der Bundesagentur für Arbeit

Meine Website

Vanilla Javascript meets Web Components

node.js, tesseract and imagemagick in one container

Mini-Setup und node.js-App um Kontoauszüge per Texterkennung in Daten umzuwandeln

Heizungs-Überwachung

Custom IoT-Device zur Überwachung einer (alten) Öl-Heizung mit zwei Heizkreisen

Lux-Messung

Custom IoT-Device zur Messung von Lichtstärke

Smart Home Automation

Infrastruktur und Server-App zur Erfassung von Umweltdaten und Steuerung von Zigbee-Geräten. Ein privates und nicht veröffentlichtes Projekt.

node-rtl433-ui

Web-UI und Server-App zum Mappen von 433-Mhz-Devices auf MQTT-Topics

Spotify Kids Player

Simplifizierte (Web-) UI für Kinder mit Parental Control

Image Gallery Server mit node.js

Image-Browser mit on demand Thumbnail-Erzeugung

DSLR Streaming / Recording

Rucksack mit Technik und Strom für lange Video-Aufnahmen mit DSLR in 4k

Tech-Radar

Refactoring Amazon's Techradar with three.js

Quizzner

Quiz-Spiel als Frontend-App

Frontend Developer's Survival Suit Case

Überlebenskoffer für Frontend-Entwickler - um Off-Grid bei Bastelaktionen (Hackaton) im Team an Projekten arbeiten zu können.

Playlist-Automation

Automatische Radio-Stream-Erzeugung per Sendung und Wochenplan

Open Research Buoy

Echtzeit-Steuerung via Mobilfunk und Websockets einer Citizen-Science-Boje

Webbasierter Buch-Scanner per Webcam / DSLR

Backoffice-Tool um Foto von Buch in Vorrichtung zu machen und in Online-Datenbanken zu suchen.

Kurzsuechtig Kurzfilmfestival Leipzig

Website und Backoffice-Tool für Kurzfilmfestival in Leipzig.

Stadtgiraffe - Veranstaltungskalender

Online Veranstaltungskalender für Leipzig

3D-Kram aus früheren Zeiten

Noch vor dem Jahr 2000

side projects

Alle o.g. Projekte sind in meiner Freizeit entstanden. Also Sachen, die ich aus Spass an der Freude gemacht habe. Kommerzielle Projekte sind hier (noch) nicht zu finden. Arbeiten aus Festanstellung wird man hier nicht finden. Auch gehe ich nicht näher auf Freelancer-Projekte ein - bzw. werde ich hier keine Screenshots veröffentlichen, solange ich nicht die ausdrückliche Erlaubnis des Auftraggebers habe.

Impressum

Diese Website verwendet keine cookies. Ich erhebe keine Daten.

Das ist die private Website von:

Matthias Kallenbach
16230 Britz

Kontakt

03334 - 42 97 029

matthias.kallenbach@skwncr.net

Social

Verwendete Pakete

@lucide/lab
browser-dtector
fs-extra
highlight.js
lucide
markdown-it
sass-embedded
swiper
vite
vite-css-modules

Verwendete Technologie

node.js
Docker und Docker Compose
nginx Webserver
nginx Reverse Proxy (jwilder)
Portainer
Jetbrains IDE
Linux (Ubuntu Server)
Windows WSL 2