Web App – WaveTask

Über das Projekt

Dies ist eine vollständige, cloud-basierte Kalender- und Aufgabenverwaltungs-App, die mit Next.js (App Router), React und TypeScript erstellt wurde. Sie kombiniert eine saubere, responsive Benutzeroberfläche mit leistungsstarken Funktionen wie Drag & Drop im Kalender, mehrsprachiger Unterstützung und sicherer Authentifizierung.

Benutzer können Aufgaben direkt in einer Wochen- oder Monatsansicht des Kalenders erstellen, bearbeiten und organisieren oder eine durchsuchbare und filterbare Aufgabentabelle verwenden. Aufgaben enthalten Tags, Fristen und Statusindikatoren, und alles ist benutzerspezifisch und sitzungsgesichert.

Ich arbeitete überwiegend an der Frontend-Architektur, baute die meisten interaktiven Komponenten und implementierte responsives Design, Theme-Wechsel, Lokalisierung (EN/DE) und implementierung der Datenbank.

Tech Stack Highlights

• Frontend: Next.js (App Router), React, TypeScript, Tailwind CSS, shadcn/ui, Radix UI, Lucide Icons
• State & Daten: React Query, React Context, benutzerdefinierte Hooks
• Auth & DB: better-auth, Supabase (PostgreSQL), geschützte API-Routen

Funktionen

• Drag & Drop Aufgabenkalender (Monats-/Wochenansicht)
• Aufgabentabelle mit Volltextsuche, Filtern & Sortierung
• Authentifizierung via E-Mail/Passwort + Sitzungsverwaltung
• Theme-Wechsler (hell/dunkel) mit Persistierung
• Vollständige Lokalisierung (EN/DE) via react-intl
• Vollständig responsiv, barrierefrei & cloud-gehostet

🌐 Live Demo