Willkommen bei der Kalorientracker Web-App — dein persönlicher Ernährungsassistent, der dir hilft, deine täglichen Kalorienziele im Blick zu behalten.
Dieses Projekt wird kontinuierlich weiterentwickelt und erhält auch nach dem Ende meines Praktikums regelmäßig Updates.
-
Kalorien hinzufügen für jede Mahlzeit
-
Tägliches Kalorienziel festlegen
-
Mahlzeiten nach Namen und Kalorienwerten verfolgen
-
Dynamischer Fortschrittsindikator (grün, gelb, rot – je nach Fortschritt)
-
Dauerhafte Speicherung — alle Daten werden über
localStoragegespeichert, auch nach dem Neuladen der Seite -
Einträge löschen und Entwürfe verwerfen
-
Mahlzeitenkategorien: Frühstück, Mittagessen, Abendessen, Snack
-
Makronährstoffe hinzufügen (Kohlenhydrate, Eiweiß, Fett)
-
Alle Einträge eines Tages löschen (mit Bestätigungsabfrage)
-
Kalenderansicht — Daten können für jeden Tag einzeln eingetragen werden
-
Kalorienwarnungen, wenn das tägliche Ziel überschritten wird
-
Einträge duplizieren (z. B. Mahlzeit von gestern auf heute kopieren)
-
Sortieroptionen (Alphabetisch, Kategorie, Zuletzt hinzugefügt, Kalorien, Menge)
-
Gesamtanzahl der Einträge pro Tag anzeigen
-
Vorhandene Einträge bearbeiten
-
Tastenkürzel:
+→ Schnell einen neuen Eintrag hinzufügenEsc→ Aktuellen Entwurf verwerfen
-
Eigenes Benachrichtigungssystem
-
Sekundäre Fortschrittsanzeige für Kalorien- und Makronährstoffverteilung
-
Schnell-Hinzufügen-Button („+“) im Eingabeformular
-
Suchvorschläge und Auto-Vervollständigung über eine lokale Datenbank
Diese Web-App läuft vollständig im Browser — kein Server, kein Account notwendig.
Alle Benutzerdaten werden lokal über den localStorage des Browsers gespeichert.
Ich habe dieses Projekt während meines Praktikums erstellt, um praxisnah zu lernen:
- Web-App-Design
- Umgang mit persistenten Daten
- UX/UI-Logik für reale Anwendungsfälle
Auch wenn das Projekt im Rahmen meines Praktikums begonnen hat, werde ich es regelmäßig weiterentwickeln — neue Features, Optimierungen und Designverbesserungen sind schon in Planung!
Wenn du auf ein Problem stößt oder Ideen für neue Funktionen hast, kannst du gerne ein Issue in diesem Repository erstellen:
- Gehe oben auf den Tab “Issues”
- Klicke auf “New issue”
- Wähle aus, ob es sich um einen Bug-Report 🪲 oder einen Feature-Vorschlag 💡 handelt
- Beschreibe das Problem oder die Idee so genau wie möglich — Screenshots oder Schritte zum Reproduzieren sind super hilfreich!
Dein Feedback ist sehr willkommen und hilft, den Kalorientracker immer weiter zu verbessern.
- Reines HTML, CSS und JavaScript
- Nutzt localStorage für Offline-Speicherung
- Kein externes Backend oder Login nötig
- Entwickelt und gehostet mit GitHub Pages
Copyright (c) 2025 Leonard Janas. All rights reserved.
This website and its source code are protected by copyright law.
You are permitted to view and use the public website at its published URL. However, you are NOT permitted to copy, reproduce, distribute, modify, or reuse any part of the source code or design for any purpose without explicit written permission from the author.
This restriction applies worldwide and indefinitely.
Danke, dass du dir dieses Projekt angeschaut hast!
Probier’s gerne aus, teste alles und gib Feedback — jede Idee hilft, die App weiter zu verbessern.
Bleib gesund und behalt deine Ziele im Blick! 🥗