Homepage-Menü
Über das Projekt
Warum habe ich die Website erstellt?
Im Jahr 2026 habe ich extrem viel Neues gelernt, von C und C++ über HTML und CSS bis hin zu JavaScript und Webentwicklung allgemein. Aber graue Theorie bringt ja bekanntlich nicht viel. Um das Ganze direkt in die Praxis umzusetzen und meine Skills in Sachen Excel, Datenanalyse und Programmierung zu vertiefen, habe ich angefangen, eigene kleine Projekte zu starten.
Diese Website ist am Ende genau daraus entstanden: Sie dient als zentrales Portfolio für all diese Arbeiten. Egal ob Excel-Tool, Dashboard oder Skript, alle meine Sachen sind komplett gratis, frei zugänglich und Open-Source. Für mich ist die Seite außerdem die perfekte Spielwiese, um Feedback zu sammeln und meine Web-Skills Schritt für Schritt weiterzuentwickeln.
Rückblick
Was ich gelernt habe
Beim Bauen dieser Website habe ich extrem viel darüber gelernt, wie man HTML-Strukturen sauber aufbaut und moderne CSS-Layouts richtig plant. Ich habe mich intensiv mit Grid und Flexbox auseinandergesetzt, um der Seite ein stabiles Fundament zu geben. Ein echter Gamechanger waren für mich CSS-Variablen: Damit konnte ich Farben und Abstände zentral definieren, sodass das Design über alle Unterseiten hinweg absolut konsistent bleibt und sich der Code viel leichter verwalten lässt.
Ein riesiges Thema war das Responsive Design. Es ist eine Sache, ein Layout für den Desktop zu entwerfen, aber eine ganz andere, es so zu optimieren, dass es auf dem Smartphone genauso gut funktioniert. Ich musste viel tüfteln, damit Navigationselemente und Projekt-Cards flüssig umbrechen. Besonders cool finde ich die Lösung für die mobile Leiste: Die Links blenden sich auf dem Handy nicht einfach aus, sondern lassen sich super intuitiv horizontal mit dem Daumen durchwischen.
Auch in Sachen JavaScript habe ich einen großen Sprung gemacht. Mir war von Anfang an wichtig, keine schweren, fertigen Frameworks oder Plugins zu kopieren. Stattdessen läuft alles über pures Vanilla JS. Egal ob es das dynamische Filtern der Projektkarten auf der Startseite ist oder die Live-Sortierung in meiner Pipeline: Das habe ich alles Zeile für Zeile selbst geschrieben. Das hat mich zwar manchmal etwas Geduld gekostet, aber genau durch dieses Ausprobieren lernt man am meisten.