Persönliches Portfolio / Web, Systeme, Infrastruktur

Interfaces mit Haltung. Systeme mit Substanz. Umsetzungen, die man versteht.

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

Fokus
Vom Interface bis zum Betrieb

Nicht nur Screens gestalten, sondern komplette technische Linien sauber zu Ende führen.

Arbeitsweise
Präzise, direkt, nachvollziehbar

Ich bevorzuge klare Entscheidungen, echte Umsetzungen und Dokumentation, die auch später noch Sinn ergibt.

Stack
HTML, CSS, JavaScript, Linux, Docker

Breit genug für komplette Projekte, fokussiert genug für gute Details und wartbare Ergebnisse.

Ein Portfolio sollte zeigen, wie jemand denkt, nicht nur was er aufzählt.

Genau darauf ist diese Seite ausgerichtet: technische Haltung, Lernkurve und Umsetzungskompetenz sichtbar machen.

Ich entwickle Oberflächen mit Blick auf Wirkung, aber genauso auf Aufbau, Wartbarkeit und Übergabe. Für mich endet Webentwicklung 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 und Teams hier schnell erfassen sollen
  • Ich kann gestalten, bauen, deployen und Entscheidungen begründen.
  • Ich arbeite eigenständig, lerne schnell und denke in funktionierenden Systemen.
  • Meine Projekte dienen nicht nur der Optik, sondern zeigen konkrete technische Reife.
Prinzip 01
Klarheit vor Effekthascherei

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

Prinzip 02
Technik sichtbar mitdenken

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

Prinzip 03
Wartbarkeit ist Teil der Qualität

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

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

Die Kombination aus Interface, Logik und Betrieb 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 Layouts
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. Besonders spannend finde ich Self-hosting, Deployments und die Wartbarkeit echter Systeme.

Debian Linux SSH systemd ufw / fail2ban

Ausgewählte Arbeiten mit technischer und gestalterischer Aussage.

Nicht als Produktkatalog, sondern als 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 auf Marketing-Schichten.

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

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

Routing Datenmodelle Eigenes Hosting
  • Hilft dabei, technische Entscheidungen nicht nur zu verwenden, sondern selbst zu tragen.
  • Stärkt die Verbindung zwischen Frontend-Anforderungen und sauberem Service-Aufbau.
In Entwicklung
Architekturaufbau
Experiment
Lab / Playground

Ein Bereich für Prototypen, visuelle Versuche und technische Experimente. Gerade dort wird sichtbar, wie ich neue Themen erschließe und Entscheidungen teste.

Prototyping Designstudien Lernsystem
  • Macht Neugier und Iteration sichtbar, statt nur fertige Ergebnisse zu zeigen.
  • Ist der Bereich, in dem Stil, Technik und persönliche Handschrift am direktesten zusammenlaufen.
Geplant
In Vorbereitung
Infrastruktur
noctura.dev Infrastruktur

Der stärkste Portfolio-Baustein im Hintergrund: ein selbst verwalteter VPS mit realen Services, Sicherheitsmaßnahmen und einer Umgebung, die mehr kann als nur statische Auslieferung.

VPS Deployment Security Basics
  • Belegt, dass ich nicht nur UI baue, sondern Verantwortung für den Betrieb mitdenke.
  • Ist besonders relevant für Rollen, in denen Eigenständigkeit und technisches Verständnis erwartet werden.
Live
Produktiv im Einsatz
Portfolio-Ziel

Die Arbeiten sollen 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

Die Inhalte liefern Einstiegspunkte für Fachgespräche statt austauschbarer Selbstdarstellung.

Die komprimierte Version für Bewerbung, Erstgespräch und schnellen Eindruck.

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

Arbeitsweise
Hands-on

Ich lerne bevorzugt über echte Umsetzung, Fehleranalyse und Iteration statt über reines Tutorial-Nachbauen.

Stärke
Frontend plus Betrieb

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

Motivation
Systeme wirklich verstehen

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

Eindruck
Substanz vor Buzzwords

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

Kontakt für Bewerbungen, Zusammenarbeit oder 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