Gamified Life Tracker – Alltag als Videospiel
Web-App, die Alltagsaufgaben in ein XP- und Level-System verwandelt. React + TypeScript + Tailwind, modular aufgebaut, PWA-fähig. Grundlage für spätere ML-Erweiterung (Task-Empfehlung via Bandit).
Überblick
Ziel war es, Alltagsaufgaben durch Gamification motivierender zu gestalten. Nutzer erstellen Tasks mit Kategorien ('tags') und erhalten XP, Level-Ups und Fortschrittsfeedback. Alle Daten bleiben lokal gespeichert (Privacy by Design).
Stack & Architektur
React (Hooks, Functional Components) + TypeScript für saubere Typen. Tailwind für schnelles, responsives UI. Der Zustand wird in localStorage persistiert, um Offline-Nutzung zu ermöglichen. Struktur: App.tsx + modulare Komponenten (TaskInput, TaskList, StatsPanel).
Besonderheiten
XP-Progression und Level-Logik als kleine Game-Mechanik. Optionale ML-Komponente geplant: Epsilon-Greedy-Bandit zur intelligenten Task-Empfehlung. Modular gebaut, um später einfach Python-Backend oder tf.js-Modell anbinden zu können.
Learnings
Von Grund auf ein vollständiges React-Projekt aufgebaut (Setup mit Vite, Komponenten-Design, State-Handling). Erfahrung mit Typisierung, Architekturentscheidungen und Performance im Browser. Gute Grundlage, um Full-Stack- oder ML-Elemente anzudocken.