Persönliches Portfolio · Web · Systeme · Infrastruktur

Interfaces mit
Haltung.
Systeme mit
Substanz.

Ich baue digitale Projekte, die nicht bei einer schönen Oberfläche aufhören. Mir ist wichtig, dass Gestaltung, technische Entscheidungen und Betrieb zusammenpassen — also nicht nur, wie etwas aussieht, sondern auch, wie sauber es aufgebaut ist und wie zuverlässig es läuft.

Fokus
End-to-End
Vom ersten Layout bis zur laufenden Anwendung mitgedacht.
Arbeitsweise
Präzise & direkt
Lieber sauber bauen als groß darüber reden.
Stack
HTML · CSS · JS · Linux
Genug Breite für komplette Projekte, ohne beliebig zu werden.
// Über mich

Ein Portfolio sollte zeigen,
wie jemand arbeitet.

Nicht nur, was auf einer Liste steht. Mir ist wichtiger, dass man hier ein Gefühl für meine Arbeitsweise, meinen Anspruch und meinen Lernweg bekommt.

Ich entwickle Oberflächen nicht nur danach, ob sie gut aussehen, sondern auch danach, ob sie verständlich aufgebaut sind und sich sauber weiterentwickeln lassen. Für mich hört Webentwicklung nicht im Browser auf, sondern geht bis zu Servern, Deployment und dem Betrieb im Alltag.

Genau deshalb ist dieses persönliche Portfolio bewusst keine klassische Leistungsseite. Ich wollte lieber etwas bauen, das zu mir passt: etwas mit Charakter, aber ohne leere Inszenierung und ohne technische Fassade.

Was diese Seite über mich zeigt
  • Ich kombiniere Gestaltung, Umsetzung und Betrieb.
  • Ich arbeite gern eigenständig und lerne über echte Projekte.
  • Mich interessieren saubere Lösungen statt laute Buzzwords.
  • Die Seite soll eher Haltung zeigen als Selbstdarstellung.
Stack & Kontext
  • HTML / CSS / JavaScript
  • Node.js / REST APIs
  • Docker & Compose
  • Debian Linux
  • Caddy / systemd
  • Forgejo
  • ufw / fail2ban
  • SSH-Härtung
01 —
Klarheit vor Effekten

Ich mag Gestaltung, die Charakter hat, aber nicht im Weg steht. Dinge sollen auffallen dürfen, nur eben nicht auf Kosten der Lesbarkeit.

02 —
Technik mitdenken

Mich interessieren Lösungen, bei denen nicht nur das Ergebnis stimmt, sondern auch der Aufbau dahinter nachvollziehbar ist.

03 —
Wartbarkeit gehört dazu

Sauberer Code und vernünftige Strukturen sind für mich kein Extra, sondern Teil davon, ob sich eine Lösung gut anfühlt.

// Fähigkeiten

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

Am liebsten arbeite ich dort, wo Oberfläche, Logik und Betrieb nicht getrennt betrachtet werden.

</>
Frontend & Interface Design

Responsive Oberflächen mit klarer Struktur, guter Typografie und einem Anspruch daran, dass sich eine Seite bewusst gestaltet anfühlt.

HTML / CSS JavaScript UI Systems Responsive
Backend & Infrastruktur

Ich mag es, Services selbst zu verbinden, Datenflüsse zu ordnen und Hosting so aufzusetzen, dass man eine Anwendung nicht nur startet, sondern auch versteht.

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

Server einrichten, absichern und sinnvoll betreiben. Gerade Self-Hosting und Deployments sind für mich der Bereich, in dem Technik besonders greifbar wird.

Debian Linux SSH systemd ufw / fail2ban
// Portfolio

Ausgewählte Arbeiten mit
technischer und gestalterischer Handschrift.

Kein Produktkatalog, sondern ein Ausschnitt der Themen und Projektarten, an denen ich wirklich gern arbeite.

Tooling
Developer Utilities

Kleinere Web-Tools, bei denen schnelle Nutzung und klare Interaktion wichtiger sind als große Verpackung. Gerade solche Projekte zeigen oft am besten, wie sorgfältig man in Details arbeitet.

Utility-first Schnelle Interaktion Klares UI
  • Zeigt, wie viel Wirkung in einer einfachen, gut gebauten Lösung stecken kann.
  • Gerade kleine Projekte zwingen dazu, auf unnötigen Ballast zu verzichten.
In Entwicklung
Work in progress ↗
Backend
Custom Backend API
API

Eine eigene API-Struktur für persönliche Anwendungen, bei der ich Routing, Datenmodelle und Hosting bewusst selbst in der Hand behalte.

Routing Datenmodelle Eigenes Hosting
  • Hilft mir, technische Entscheidungen nicht nur zu übernehmen, sondern selbst zu durchdenken.
  • Verbindet die Anforderungen aus dem Frontend direkt mit einem sauberen Backend-Aufbau.
In Entwicklung
Architekturaufbau ↗
Experiment
Lab / Playground

Ein Bereich für Prototypen, visuelle Versuche und technische Experimente. Dort probiere ich Ideen aus, bevor sie in etwas Größeres einfließen.

Prototyping Designstudien Lernsystem
  • Hier sieht man eher meinen Prozess als eine fertige Fassade.
  • Genau dort treffen Neugier, Stilgefühl und Technik am direktesten aufeinander.
Geplant
In Vorbereitung ↗
Infrastruktur
noctura.dev Infrastruktur

Ein selbst verwalteter VPS mit echten Services, Sicherheitsmaßnahmen und einer Umgebung, die mehr ist als nur Webspace für statische Dateien.

VPS Deployment Security
  • Zeigt, dass mich nicht nur die Oberfläche interessiert, sondern auch das, was dahinter zuverlässig laufen muss.
  • Für mich ist das einer der ehrlichsten Teile des Portfolios, weil hier viel Eigeninitiative drinsteckt.
Live
Produktiv im Einsatz ↗
Warum diese Auswahl

Die Projekte stehen nicht hier, um die Seite zu füllen, sondern weil sie etwas Reales über meine Arbeitsweise erzählen.

Was man daran erkennt

Jedes Projekt beleuchtet einen anderen Teil dessen, was mich an Webentwicklung wirklich interessiert.

Worüber ich gern spreche

Die Inhalte sind so gewählt, dass daraus echte Gespräche über Entscheidungen, Technik und Arbeitsweise entstehen können.

// Profil

Die kurze Version — für einen
schnellen Eindruck.

Vier Punkte, die für mich den Kern ganz gut zusammenfassen.

Arbeitsweise
Hands-on

Ich lerne am meisten über echte Umsetzung, sauberes Nacharbeiten und das Lösen konkreter Probleme.

Stärke
Frontend plus Betrieb

Ich denke ungern nur in einzelnen Screens, sondern lieber in vollständigen Lösungen vom Interface bis zum Deployment.

Motivation
Systeme wirklich verstehen

Am spannendsten ist Technik für mich dann, wenn ich sie selbst aufbauen, anpassen und betreiben kann.

Eindruck
Substanz vor Buzzwords

Mir ist wichtiger, nachvollziehbar zu wirken als besonders laut oder überinszeniert.

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

Wenn du jemanden suchst, der Gestaltung ernst nimmt, technisch sauber arbeitet und sich auch für das Dahinter interessiert, kannst du mir gern direkt schreiben.

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