Über das Projekt
Diese Portfolio-Website wurde entwickelt, um meine Fähigkeiten und Projekte professionell zu präsentieren. Der Fokus lag auf einem modernen, responsiven Design und einer benutzerfreundlichen Navigation. Die Website nutzt ein modulares Design-System mit dynamisch geladenen Komponenten für Navigation und Footer, was die Wartbarkeit erheblich verbessert.
Technologien & Tools
Features
- Modulare Komponenten-Architektur
- Dynamisches Laden von Navigation und Footer
- Dark/Light Mode mit LocalStorage-Persistenz
- Responsive Design für alle Geräte
- CSS Custom Properties für konsistentes Theming
- Animierter Footer mit Scroll-Aktivierung
- Optimierte Performance und Ladezeiten
Herausforderungen & Lösungen
Eine besondere Herausforderung war die Implementierung des Theme-Toggles über alle Seiten hinweg. Durch die Verwendung von LocalStorage und einem IIFE (Immediately Invoked Function Expression) konnte ich sicherstellen, dass das gewählte Theme sofort beim Seitenladen angewendet wird, ohne ein sichtbares "Flackern" zwischen den Themes.
Was ich gelernt habe
- Modulare Frontend-Architektur mit Vanilla JavaScript
- CSS Custom Properties für dynamisches Theming
- Browser LocalStorage API für Persistenz
- Responsive Design Best Practices
- Performance-Optimierung im Frontend