Demo Projekt

ShouldIWatch

Eine voll funktionale Web-App für Film- und Serienbewertungen: gebaut mit Next.js, Supabase und Tailwind CSS als Beispiel für ein modernes, produktnahes App-Projekt.

  • Next.js
  • Supabase
  • Tailwind CSS
  • Web-App
Screenshot des ShouldIWatch Logos

Überblick

Eine Web-App als greifbares Produktbeispiel.

Ausgangslage

Bekannte Plattformen wie IMDb oder Letterboxd lassen meist nur eindimensionale Bewertungen zu. Ich wollte Filme und Serien über mehrere Dimensionen hinweg bewerten können.

Ziel

Ein eigenes Demo-Projekt bauen, das Suche, Entdeckung und mehrdimensionale Bewertung in einer nutzbaren Produktoberfläche zusammenführt.

Stack

Next.js für die App-Struktur, Supabase für Daten und Backend-Services, Tailwind CSS für ein schnelles, konsistentes Interface.

Rolle

Rolle & Verantwortlichkeiten.

Full-Stack Web-App
  • Konzeption und Umsetzung eines eigenen Demo-/Passion-Projects
  • Frontend-Architektur mit Next.js und komponentenbasierter UI
  • Datenmodell und Backend-Anbindung mit Supabase
  • Responsive App-Oberfläche für Suche, Discover-Flows und Account-Bereiche
  • Iterative Weiterentwicklung von UX, Performance und Produktlogik

Produkt & Technik

Von der Idee zur nutzbaren App-Oberfläche.

Herausforderung

Eine echte Web-App braucht mehr als schöne Screens: Datenmodell, Navigation, responsive States, Account-Flows und eine Oberfläche, die bei vielen Medieninhalten schnell scanbar bleibt.

Lösung

ShouldIWatch kombiniert eine klare App-Navigation, such- und browsebare Medienkarten und ein eigenes Bewertungssystem in einem Next.js-Frontend mit Supabase als flexiblem Backend.

Ähnliche Web-App geplant?

Wenn du aus einer Idee eine echte Web-App mit Frontend, Backend und sauberer Produktlogik machen willst, klären wir Scope, Stack und einen realistischen ersten Release.

Projekt besprechen