Interaktive Webanwendung: Persönliches Fitness-Tagebuch (Web App)

Entwickelte eine adaptive Single Page Application (SPA) zur Verfolgung der täglichen körperlichen Aktivität, der Ernährung und des Fortschritts des Benutzers.

Schlüsselfunktionen:

Datenspeicherung: Vollständige Integration mit dem LocalStorage des Browsers. Alle eingegebenen Daten (Gewicht, getrunkenes Wasser, Notizen) werden nach dem Aktualisieren der Seite sicher gespeichert.

Logik und Berechnungen: Geschriebene benutzerdefinierte JS-Skripte zur automatischen Berechnung der Gewichtsdifferenz zwischen den Tagen und zur Verfolgung des Fortschritts zu einem festgelegten Ziel (mit visuellen Indikatoren).

Dynamisches UI: Banner mit motivierenden Zitaten und Hintergründen, die bei jedem Laden zufällig generiert werden. Lebendige Fortschrittsanzeige für das getrunkene Wasser.

Anpassungsfähigkeit (Mobile First): Die Benutzeroberfläche passt sich perfekt an alle Bildschirmgrößen an (Grid- und Flexbox-Architektur).

Design: Einzigartige stilisierte Benutzeroberfläche in Militärfarben (benutzerdefinierte CSS-Variablen).

Technologiestack: HTML5, CSS3, JavaScript (ES6+), LocalStorage, DOM-Manipulation, CSS Grid/Flexbox.