WSF x TaskMate - Hilfe bei jeder Aufgabe!

Erreichbar unter: https://taskmate-app-2026.vercel.app/

Task Mate ist eine Full-Stack-Webanwendung (MERN), die weit über eine einfache Checkliste hinausgeht. Sie hilft Nutzern dabei, den Fokus auf das Wesentliche zu legen, indem sie Aufgaben nicht nur speichert, sondern intelligent nach Priorität und Zeiträumen organisiert.

Herausforderungen für das Projekt

Besonders anspruchsvoll gestaltete sich die Teamarbeit selbst. Da nicht durchgängig alle Beteiligten mit dem gleichen Engagement am Projekt arbeiteten, kam es wiederholt zu Verzögerungen und einem erhöhten Abstimmungsaufwand. Die Zusammenarbeit erforderte daher ein hohes Maß an Koordination, Geduld und Kompromissbereitschaft, um dennoch gemeinsam Fortschritte zu erzielen.

Herangehensweise

Das Projektteam entschied sich für den modernen MERN-Stack (MongoDB, Express, React, Node.js), um eine reaktive und skalierbare Lösung zu schaffen.

Modularität: Trennung von Logik und Design durch Custom Hooks (useTodos.js) und spezialisierte Komponenten (TodoForm, TodoItem).

User-Centric Design: Implementierung von Features wie dem Floating Action Button (FAB) für schnelle Eingaben und Echtzeit-Feedback durch User-Messages.

Strukturierte Daten: Entwicklung von Sortier-Algorithmen (sortUtils.js), die sowohl Prioritäten als auch Zeitstempel berücksichtigen.

Lösung

Die finale App "Task Mate" bietet eine intuitive Benutzeroberfläche mit folgenden Kernfunktionen:

Dynamische Gruppierung: Aufgaben können nach Priorität (High, Normal, Low) oder nach Erstellungsdatum (Heute, Letzte 7 Tage, etc.) gruppiert werden.

Interaktive Bedienung: Dank einklappbarer Sektionen behält der Nutzer auch bei hunderten Aufgaben den Überblick.

Echtzeit-Statistiken: Ein Statistik-Dashboard gibt sofort Auskunft über den Fortschritt (Offene vs. Erledigte Aufgaben).

Robustes Backend: Eine REST-API sorgt für die sichere Speicherung in einer MongoDB, inklusive Validierung der Eingaben.

Fazit

Mit Task Mate wurde ein Werkzeug geschaffen, das die Produktivität durch Übersichtlichkeit steigert. Das Projektteam konnte erfolgreich zeigen, wie komplexe Sortier- und Filterlogiken in einer React-Umgebung performant umgesetzt werden. Besonders wertvoll war die Erkenntnis, wie wichtig eine saubere Trennung von Geschäftslogik und UI-Komponenten ist, um die Wartbarkeit der Anwendung langfristig zu garantieren.