Skip to content

Cxrgi/Kalorientracker

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

25 Commits
 
 
 
 
 
 
 
 

Repository files navigation

🍎 Kalorientracker

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.


🌟 Funktionen

  • 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 localStorage gespeichert, 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ügen
    • Esc → 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


🚀 Über das Projekt

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!


🐞 Fehler melden & Funktionen vorschlagen

Wenn du auf ein Problem stößt oder Ideen für neue Funktionen hast, kannst du gerne ein Issue in diesem Repository erstellen:

  1. Gehe oben auf den Tab “Issues”
  2. Klicke auf “New issue”
  3. Wähle aus, ob es sich um einen Bug-Report 🪲 oder einen Feature-Vorschlag 💡 handelt
  4. 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.


🧠 Technische Highlights

  • Reines HTML, CSS und JavaScript
  • Nutzt localStorage für Offline-Speicherung
  • Kein externes Backend oder Login nötig
  • Entwickelt und gehostet mit GitHub Pages

📜 Lizenz

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! 🥗

About

Selbsterstellte Website beim 2 Wochen Schülerpraktikum Praktikum 2025 (10te Klasse)

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors