Persönliches Portfolio · Web · Systeme · Infrastruktur

Interfaces mit
Haltung.
Systeme mit
Substanz.

Ich baue digitale Arbeiten, die nicht bei schöner Oberfläche aufhören. Mich interessieren klare Nutzerführung, saubere Entscheidungen und Betrieb ohne Blackbox — Frontend, Backend und Deployment als zusammenhängendes System gedacht.

Fokus
End-to-End
Interface bis Deployment, in einem Zug.
Arbeitsweise
Präzise & direkt
Klare Entscheidungen, echte Umsetzung.
Stack
HTML · CSS · JS · Linux
Fokussiert genug für gute Details.
// Über mich

Ein Portfolio sollte zeigen,
wie jemand denkt.

Nicht was er aufzählen kann. Technische Haltung, Lernkurve und Umsetzungskompetenz sichtbar gemacht.

Ich entwickle Oberflächen mit Blick auf Wirkung — aber genauso auf Aufbau, Wartbarkeit und Übergabe. Webentwicklung endet für mich nicht am Browserfenster, sondern schließt APIs, Server, Sicherheit und Deployment ein.

Gerade deshalb passt ein persönliches Portfolio besser zu mir als eine sterile Leistungsseite. Es darf Charakter haben, solange die Technik dahinter belastbar bleibt und die Aussagen durch Projekte gedeckt sind.

Was Recruiter hier schnell erfassen sollen
  • Gestalten, bauen, deployen und begründen.
  • Eigenständig, schnell lernend, in Systemen denkend.
  • Projekte zeigen technische Reife, nicht nur Optik.
  • Keine Platzhalter — echte Entscheidungen.
Stack & Kontext
  • HTML / CSS / JavaScript
  • Node.js / REST APIs
  • Docker & Compose
  • Debian Linux
  • Caddy / systemd
  • Forgejo
  • ufw / fail2ban
  • SSH-Härtung
01 —
Klarheit vor Effekthascherei

Gutes Design darf auffallen, muss aber immer lesbar, navigierbar und argumentierbar bleiben.

02 —
Technik sichtbar mitdenken

Lösungen, bei denen man nicht nur das Ergebnis, sondern auch die Struktur dahinter ernst nehmen kann.

03 —
Wartbarkeit ist Qualität

Sauberer Code, nachvollziehbare Entscheidungen und robuste Deployments sind kein Bonus, sondern Standard.

// Fähigkeiten

Breit genug für ganze Produkte.
Präzise genug für gute Details.

Interface, Logik und Betrieb als Einheit — das ist der Bereich, in dem ich am stärksten arbeite.

</>
Frontend & Interface Design

Responsive Oberflächen mit Charakter, sauberer Informationshierarchie und einem klaren Gefühl für visuelle Spannung ohne Unordnung.

HTML / CSS JavaScript UI Systems Responsive
Backend & Infrastruktur

Services verbinden, Datenflüsse strukturieren und Hosting so aufsetzen, dass Anwendungen nicht nur laufen, sondern verständlich betrieben werden können.

Docker Node.js REST APIs Caddy Forgejo
$_
Linux & Betrieb

Server einrichten, absichern und nachhaltig betreiben. Self-hosting, Deployments und die Wartbarkeit echter Systeme — das ist der Kern.

Debian Linux SSH systemd ufw / fail2ban
// Portfolio

Ausgewählte Arbeiten mit
technischer und gestalterischer Aussage.

Kein Produktkatalog. Ein verdichteter Blick darauf, wie ich Probleme angehe und Qualität bewerte.

Tooling
Developer Utilities

Kleine Web-Tools mit klarer UX, schneller Interaktion und pragmatischem Produktgedanken. Der Fokus liegt auf Nutzbarkeit statt Marketing-Schichten.

Utility-first Schnelle Interaktion Klares UI
  • Macht Produktgefühl und Reduktion auf das Wesentliche sichtbar.
  • Zeigt, dass auch kleine Projekte sorgfältige Informationsarchitektur brauchen.
In Entwicklung
Work in progress ↗
Backend
Custom Backend API
API

Eine eigene API-Struktur für persönliche Anwendungen — Routing, Datenmodelle und Hosting nicht ausgelagert, sondern bewusst kontrolliert.

Routing Datenmodelle Eigenes Hosting
  • Technische Entscheidungen nicht nur verwenden, sondern selbst tragen.
  • Verbindet Frontend-Anforderungen mit sauberem Service-Aufbau.
In Entwicklung
Architekturaufbau ↗
Experiment
Lab / Playground

Prototypen, visuelle Versuche und technische Experimente. Hier wird sichtbar, wie ich neue Themen erschließe und Entscheidungen teste.

Prototyping Designstudien Lernsystem
  • Neugier und Iteration sichtbar statt nur fertige Ergebnisse.
  • Dort laufen Stil, Technik und persönliche Handschrift am direktesten zusammen.
Geplant
In Vorbereitung ↗
Infrastruktur
noctura.dev Infrastruktur

Selbst verwalteter VPS mit realen Services, Sicherheitsmaßnahmen und einer Umgebung, die mehr kann als statische Auslieferung.

VPS Deployment Security
  • Belegt, dass ich nicht nur UI baue, sondern Betrieb mitdenke.
  • Relevant für Rollen, in denen Eigenständigkeit und technisches Verständnis zählen.
Live
Produktiv im Einsatz ↗
Portfolio-Ziel

Arbeiten, die nach echter Substanz aussehen — nicht nach Platzhaltern mit hübschem Rahmen.

Signalwirkung

Jede Karte trägt eine erkennbare Perspektive: Produkt, Architektur, Lernen oder Betrieb.

Wirkung im Gespräch

Inhalte als Einstieg für Fachgespräche — statt austauschbarer Selbstdarstellung.

// Profil

Die komprimierte Version — für den
schnellen Eindruck.

Vier kurze Aussagen, die im Kopf bleiben sollen, wenn sich jemand nur wenige Minuten Zeit nimmt.

Arbeitsweise
Hands-on

Lernen über echte Umsetzung, Fehleranalyse und Iteration — nicht über Tutorial-Nachbauen.

Stärke
Frontend plus Betrieb

Entscheidungen vom Interface bis zum Deployment zusammenhängend betrachten und daraus bessere Lösungen ableiten.

Motivation
Systeme wirklich verstehen

Technik reizt mich, wenn ich sie nicht nur benutze, sondern selbst strukturieren und betreiben kann.

Eindruck
Substanz vor Buzzwords

Diese Seite zeigt, wie ich arbeite und entscheide — nicht nur welche Begriffe ich aufzählen könnte.

Kontakt für Bewerbungen,
Zusammenarbeit und technische Gespräche

Wenn du einen Entwickler suchst, der Design nicht von Technik trennt und Verantwortung auch hinter der Oberfläche übernimmt — schreib mir direkt.

kontakt@noctura.dev noctura.dev — persönliches Portfolio