Homepage-Menü
Über das Projekt
Was die Website machen soll
Die Seite soll meine Arbeit an einem Ort zeigen, ohne dass man erst durch GitHub-Repos und lose Dateien wühlen muss. Wer vorbeikommt, soll schnell sehen, was ich baue: Finance-Tools, interaktive Dashboards, kleine Spiele und den Sourcecode dazu, kostenlos und zum Mitnehmen. Daneben gibt es kurze Texte unter Wissen, in denen ich erkläre, wie die Rechner und Vergleiche funktionieren und wo die Grenzen liegen. Die Website ist gleichzeitig mein Übungsfeld: hier probiere ich Layout, Struktur und Performance aus und sammle Feedback, statt alles nur lokal liegen zu lassen. Seit neustem steckt vor allem SEO und eine sauberere Oberfläche drin: brauchbare Meta-Angaben, Open-Graph-Texte und eine klarere Seitenstruktur, damit Suchmaschinen und Vorschauen in Chats nicht ins Leere laufen, plus nachgezogene Lesbarkeit, Abstände und mobile Navigation, ohne das dunkle Layout umzubauen.
Hintergrund
Warum ich sie gebaut habe
2026 habe ich C, C++, HTML, CSS, JavaScript, Excel und Datenanalyse praktisch ausprobiert. Eigene kleine Projekte waren der Weg, das Zeug anzuwenden. Aus diesen Arbeiten ist smstark-projekt.de entstanden. Sie bündelt Excel-Tools, Dashboards und Skripte und stellt sie als Open Source bereit. Gleichzeitig lerne ich daran weiter Web zu bauen.
Rückblick
Was ich gelernt habe
Beim Bauen habe ich gelernt, HTML-Strukturen und CSS-Layouts mit Grid und Flexbox aufzubauen. CSS-Variablen machen die Pflege leichter: Farben und Abstände ändere ich an einer Stelle, und das Design bleibt auf den Unterseiten einheitlich. Das responsive Layout hat mehrere Anläufe gebraucht, bis Navigation und Projektkarten auf dem Smartphone vernünftig umbrechen und die mobile Leiste sich mit dem Daumen durchwischen lässt. Filter und Sortierung auf der Projekte-Seite und in der Pipeline laufen in Vanilla JS, ohne Framework und ohne Plugin.