Matthias Kallenbach

Frontend-Entwickler

me, myself and i

me

Seit nun über 20 Jahren bin ich leidenschaftlicher Web-Entwickler und im Fokus Frontend-Entwickler. Javascript begleitet mich dabei nahezu von Beginn an. So kann ich heute auf viel HTML, CSS und eben Javascript aus meiner Feder zurückblicken.

Auf dem zweiten Bildungsweg studierte ich in Bremen den Studiengang "Digitale Medien", nachdem ich mit Mitte 20 in Münster mein Fachabitur (12. Klasse) in Gestaltung nachholte. Denn bevor meine akademische Laufbahn begann, unternahm ich einige interessante Experimente in Sachen Selbstständigkeit und GmbH-Gründung, die ich zu meiner Zufriedenheit hinter mir ließ - und wieder ins Bildungssystem eintauchte.

Ich freue mich heute riesig, dass die Browser all das können, wovon man vor einiger Zeit noch geträumt hat. Um so mehr ist es mir eine Freude, im Spannungsfeld zwischen Infrastruktur, Backend und Nutzererwartung ansprechende und vor allem funktionale, technisch ausgereifte, wartbare und zukunftsfähige Web-UIs zu realisieren.

Seit sich Javascript mit node.js auch serverseitig einsätzen lässt, entwickle ich auch Microservices, monolithische Server-Apps oder System-Orchestratoren.

Zu allem Überfluss widme ich mich schon seit über zehn Jahren dem Internet der Dinge mit einem Cross-Over aus Front- und Backend mit node.js und SoCs wie dem Raspberry Pi und dem ESP32. Aus diesem Grunde bin ich mit dem Aufkommen der Smart Home-Thematik auch auf diesem Gebiet tätig.

Zur Person

BerufsbezeichnungFrontend-Entwickler
Baujahr1977 (47) in Halle (Saale)
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

DeutschMuttersprache
EnglischFortgeschritten

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

Skills & Tools

expert

ES6+WebComponentsScssHTMLGitnode.jsJiraConfluenceCI/CDKanbanScrumREST Api

proficient

LinuxWindowsMacOSBash ScriptingCSRCORSPrettierStrapi.jsDockerReact.jsVitewebpack 6Next.jsGithub EnterpriseGithub ActionsinfluxDB 2testcafeRaspberry PiMQTTWebsocketsHTTP2FigmaAdobe XDMicroservices (skalierbar)MING-StackGrafana 10WordpressmysqlShopware 5WordExcelESLintStyleLintMailhogSSH TunnelingReverse Proxy (jwilder)Schema.org MicrodataESP32nodeMCUarduinoScrumSmart HomeEdge ComputingIoT Custom DevicesZigbeeSmart Home AutomationNodeRedN8N

competence

TypescriptSSRAstro.jsPHPZend Framework (PHP)nginxApacheRedisElasticsearchSwaggerOpenAPIVue.jsGruntGulpGoogle Closure TemplatesSelenium ClusterJenkinsGitlabGitlab CINightwatch.jsAdobe PhotoshopAdobe IllustratorAdobe IndesignInkscapeAffiny DesignerAdobe After EffectsLightwave 3DAbleton LivejQueryBootstrapSmartyC ArduinoThymeleaf (Java)

noobish

JavaClualocalAIclaude

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

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