<Hallo, ich bin />|
Fullstack-Webentwickler
Seit 2021 baue ich bei der C3 marketing agentur in Tirschenreuth Websites und Web-Apps mit TYPO3, Vue.js, Nuxt und Svelte: schnell, leicht zu pflegen, vom ersten Pixel bis zum letzten Deploy.
whoami: ein Blick hinter den Code.
01/05
Fullstack-Webentwickler aus Tirschenreuth in Bayern, mit einer Schwäche für saubere Architektur und Energy Drinks.
02/05
Mit 15 Jahren fing alles an: Garry's Mod, LUA und die Faszination, aus Codezeilen etwas Lebendiges zu erschaffen. Was als Hobby begann, wurde schnell zur Berufung.
03/05
Nach der Schule folgte die Ausbildung zum Fachinformatiker für Anwendungsentwicklung mit C#, PHP, JavaScript, Datenbanken und allem dazwischen. Dort habe ich gelernt, nicht nur Code zu schreiben, sondern Lösungen zu bauen.
04/05
Heute arbeite ich als Fullstack-Webentwickler bei der C3 marketing agentur und setze täglich anspruchsvolle Projekte um, vom ersten Pixel bis zum letzten Deploy.
05/05
Drei Prinzipien, die in jedem Projekt stecken.
Eine Anfrage, einmal quer durch meinen Stack.
01/05 · Browser
Alles beginnt im Browser: semantisches HTML, sauberes CSS mit SCSS oder Tailwind, responsive und nah am Screen Design aus Figma.
02/05 · Frontend
Interaktive Oberflächen mit Vue.js, Nuxt oder Svelte, geschrieben in JavaScript oder TypeScript. 3D im Browser mit three.js.
03/05 · API
Die Anfrage landet bei einer REST API in PHP, in C# mit ASP.NET oder in Node.js. Die Daten liegen in MySQL oder MariaDB.
04/05 · CMS
TYPO3 liefert die Inhalte, die Redakteure selbst pflegen: sauber strukturiert und gut auffindbar für Suchmaschinen (SEO) und KI-Suchen (GEO).
05/05 · Tooling
Git, Composer, NPM, Docker und DDEV halten alles zusammen. PHPStan prüft den Code, geschrieben in PhpStorm oder VS Code. GitHub Actions deployt auf Linux-Server mit Nginx. Und LUA? Damit hat alles angefangen.
So entsteht bei mir eine Website. Scroll mit und schau zu, wie sie sich selbst baut.
Schritt 1/5
Alles beginnt mit dem Entwurf: Raster, Abstände, Typografie. Ich übersetze Screen Designs aus Figma so, dass sie auf jedem Bildschirm funktionieren.
Schritt 2/5
Semantisches HTML ist das Fundament: eine saubere Struktur, die Menschen und Suchmaschinen gleichermaßen gut lesen können.
Schritt 3/5
Mit SCSS oder Tailwind CSS kommen Farbe, Rhythmus und Details dazu, responsive vom Smartphone bis zum großen Monitor.
Schritt 4/5
TYPO3 macht Inhalte für Redakteure pflegbar, Vue.js oder Svelte bringen Interaktion, eigene REST APIs verbinden die Daten.
Schritt 5/5
Git, NPM, Docker und GitHub Actions bringen alles live. Danach zählt, was bleibt: eine schnelle, wartbare Seite.
Vom ersten Garry's-Mod-Addon bis zur Agentur, Station für Station.
01 · 2016
LUA Scripting in Garry's Mod
Mit 15 Jahren begann die Reise in die Programmierung. Durch das Scripten von Addons und Gamemodes in Garry's Mod mit LUA entstand die Leidenschaft für Code.
02 · 2018 bis 2021
Schulische Ausbildung in Wiesau
Schulische Ausbildung zum Fachinformatiker für Anwendungsentwicklung mit Schwerpunkten in C#, PHP und JavaScript. Entwicklung von REST APIs mit ASP.NET und Frontend-Anwendungen mit Vue.js.
03 · Schulprojekt
Mitfahrzentrale am BSZ Wiesau
Im Rahmen des Nachhaltigkeitsprojekts 'Egal war gestern' entstand am IT-Campus des BSZ Wiesau eine Mitfahr-App für Schüler und Lehrkräfte. Gemeinsam mit einem Mitschüler und unter Betreuung eines Lehrers wurden in hunderten Stunden eigenständiger Arbeit eine moderne Software-Architektur und eine mobile App entwickelt. Das Projekt wurde in der regionalen Presse vorgestellt.
04 · Seit 2021
Webentwicklung bei der C3 marketing agentur
Seit 2021 entwickle ich Websites von Grund auf, vom Screen Design bis zum Deploy: mit TYPO3, eigenen Extensions und schlankem JavaScript. Dazu kommen Konfiguratoren mit Svelte und three.js, eine Online-Terminbuchung und rund 10 TYPO3-Upgrades von v10 bis v14.
Vom Bildungsportal eines Landkreises bis zum 3D-Bett-Konfigurator.
Fallstudie · C3 marketing agentur
01/05
Das Bildungsportal des Landkreises Tirschenreuth bündelt die Bildung der Region an einem Ort: Schulen, Ausbildung, Studium, Kurse und Veranstaltungen. Ich habe es bei der C3 marketing agentur komplett allein entwickelt.
02/05
Schulen, Unternehmen und Bildungsträger registrieren sich und pflegen ihr Profil selbst: Links, Ausbildungsberufe, Logo, Bilder und Beschreibung. Besucher brauchen kein Konto. Über 350 Einrichtungen sind schon dabei.
03/05
Eine Suche über rund 400 Einträge, gefiltert nach Einrichtungen, Informationen und Veranstaltungen.
04/05
Jede Ausbildungsmesse hat ein eigenes Ausstellerverzeichnis: Live-Suche, Filter nach Branchen und ein Schalter zwischen Liste und Karte.
05/05
Der Server rendert jeden Datensatz einmal, schlankes JavaScript blendet im Browser nur noch ein und aus: kein Framework, kein Nachladen. Dahinter stehen TYPO3, Content Blocks und eigene Extbase-Extensions.
C3 marketing agenturZweisprachige Website (DE/EN) für eine Unternehmensberatung aus Regensburg. Eigene Content Blocks, darunter eine SVG-Grafik, deren Teile beim Öffnen der Akkordeons aufleuchten, dazu Slider, Lightbox und Scroll-Animationen in reinem JavaScript.
C3 marketing agenturWebsite für einen Projektentwickler aus Weiden: Projekte mit Kategorie-Filter, Immobilienverkauf mit eigener Seite pro Einheit und eine Google-Maps-Karte, die erst nach einem Klick lädt.
C3 marketing agenturWebsite für eine Kanzlei aus Regensburg: News mit Kategorie-Filtern, Anwaltsprofile mit eigenen Veröffentlichungen, Newsletter-Anmeldung und ein Video im Kopfbereich.
Fahrgemeinschaften für Schüler und Lehrkräfte: Registrierung, Rollen (Fahrer/Mitfahrer) und Fahrtenplanung. Zu zweit im Nachhaltigkeitsprojekt 'Egal war gestern' entwickelt und in der regionalen Presse vorgestellt. Bericht des BSZ Wiesau
Diese Seite: gebaut mit Nuxt und Tailwind CSS, mit eigenem WebGL-Partikel-Universum und GMod-Szenen in three.js.
Projekte bei der C3 marketing agentur, bei denen ich einen Teil gebaut habe.
Preiskonfigurator, Frontend und API
Svelte-5-Web-Component in der WordPress-Seite. Preise und Staffeln kommen live aus einer TYPO3-API, die Summen rechnen sich bei jeder Änderung neu.
3D-Bett-Konfigurator
Live-3D-Vorschau mit Svelte, Threlte und three.js: Holzarten und Oberflächen als Texturen, Bauteile zum Ein- und Ausblenden, breite Betten aus mehreren Modulen.
Neue Reifen mit Montagetermin
Eigene TYPO3-Extension in fünf Schritten: Reifengröße, Angebote, Fahrzeug, Filiale und Termin, Übersicht. Freie Termine ergeben sich aus Öffnungszeiten, Buchungen und Feiertagen jeder Filiale.
Rund 10 Websites, von v10 bis v14
Bestehende Websites Schritt für Schritt auf aktuelle TYPO3-Versionen gebracht.
Projekt im Kopf, Frage zum Code oder einfach Lust auf einen Austausch? Schreib mir.
Let's talk!
Fragen zum Code, eine Idee oder einfach Lust auf einen Austausch? Ich freue mich auf deine Nachricht.
Stand: Oktober 2026