Web App

Portfolio Web App

Ein persönliches Portfolio mit Node.js, Express und EJS, das mehrere Seiten, dynamische Projektdaten und ein serverseitig verarbeitetes Kontaktformular in einer sauberen Struktur zusammenführt.

Status In Entwicklung
Zeitraum 2026
Typ Portfolio / Full-Stack Lernprojekt
Screenshot der Portfolio Web App mit Startseite und Projektkarten
Startansicht der Portfolio Web App mit Hero-Bereich und Navigation.
Screenshot der Projektübersicht mit mehreren Projektkarten
Übersicht der verfügbaren Projekte in der Portfolio Web App.

Highlights

  • Serverseitige Formularverarbeitung mit Validierung
  • Saubere Struktur mit Routing, Services, Controllern und Views
  • Projektübersicht und Detailseiten auf Basis einer einheitlichen Datenstruktur

Meine Rolle

Planung der Seitenstruktur, Umsetzung von Routing und EJS-Templates, Aufbau der Projektdaten, Gestaltung der Oberflächen und schrittweise technische Weiterentwicklung des Portfolios.

Technologien

  • Node.js
  • Express
  • EJS
  • JavaScript
  • CSS

Projektkontext

Dieses Projekt ist mein persönliches Entwickler-Portfolio und gleichzeitig ein Lernprojekt, mit dem ich den Aufbau moderner Node.js- und Express-Anwendungen praxisnah trainiere.

Was ich gebaut habe

Ich habe eine mehrseitige Portfolio-Website mit Startseite, About-Seite, Projektübersicht, Projekt-Detailseiten, Kontaktbereich und rechtlichen Seiten aufgebaut. Zusätzlich habe ich eine wiederverwendbare Layout-Struktur mit EJS-Partials sowie eine zentrale Projektdatenbasis umgesetzt.

Besondere Herausforderungen

Eine zentrale Herausforderung war es, Datenstruktur, Templates und CSS konsistent zu halten, damit Listenansichten, Detailseiten und Navigationslogik sauber zusammenarbeiten und neue Projekte später einfach ergänzt werden können.

Was ich gelernt habe

  • Wie man ein Express-Projekt sinnvoll in Routen, Services und Views trennt
  • Wie EJS für wiederverwendbare Templates und dynamische Inhalte eingesetzt wird
  • Wie wichtig konsistente Feldnamen und eine klare Datenstruktur für mehrere Seiten sind

Nächste Verbesserungen

  • Projektfilter nach Kategorien und Technologien ergänzen
  • Weitere Projektbilder und Detailansichten pro Projekt hinzufügen
  • Kontaktformular mit echter Mail-Verarbeitung oder API-Anbindung erweitern

Links