Web

DuoWatch

Social-App zum Filme-Matchen im Tinder-Stil — mit Freunden swipen, Echtzeit-Matches per WebSocket und eine eigene Empfehlungs-Engine.

Schon mal eine halbe Stunde diskutiert, was ihr schauen sollt? DuoWatch löst das. Es funktioniert wie Tinder, aber für Filme und Serien: Jeder Nutzer swipt unabhängig — ohne die Wahl des anderen zu sehen — und wenn zwei Freunde denselben Titel liken, erstellt die App automatisch ein Match und benachrichtigt beide sofort. Keine Diskussionen, keine Spoiler.

Jeder Film oder jede Serie hat eine eigene Detailansicht: Bewertung, Erscheinungsjahr, Laufzeit, Genres, Zusammenfassung und, falls verfügbar, einen direkten Link zum Trailer. Alle Daten werden in Echtzeit von der offiziellen TMDB-API mit über 1 Million Titeln abgerufen.

Die Oberfläche ist vollständig responsive — dieselbe nahtlose Erfahrung auf Desktop und Mobilgerät — mit flüssigen Swipe-Animationen powered by Framer Motion.

Von Grund auf als Full-Stack-Projekt entwickelt mit Next.js 15 (App Router) im Frontend und NestJS 10 im Backend, verbunden über REST-API und Echtzeit-WebSocket (Socket.IO). PostgreSQL-Datenbank verwaltet mit Prisma ORM, komplett containerisiert mit Docker Compose.

Die Empfehlungs-Engine ist eigenentwickelt: Sie lernt in Echtzeit aus den Swipes, wendet einen ×1,5-Boost auf Inhalte ähnlich den letzten Likes an und schließt automatisch Inhalte ähnlich den Dislikes aus. Der Kompatibilitäts-Score zwischen Freunden nutzt Jaccard-Ähnlichkeit über gemeinsame Genres und Interaktionsverlauf. Die Authentifizierung implementiert JWT mit 15-minütigen Access-Tokens, 7-tägigen Refresh-Tokens und automatischer Rotation auf dem Client.

Echte Oberfläche

Screenshots

Filme swipen

Swipe-Bildschirm — The Dark Knight

Nach rechts wischen für Like, nach links zum Überspringen — ohne die Wahl deines Freundes zu sehen.

Filmdetails

Filmdetailansicht mit Bewertung, Laufzeit und Beschreibung

Bewertung, Jahr, Laufzeit, Genres, Zusammenfassung und Trailer-Link, falls verfügbar.

100% Responsive

Responsive Landingpage auf dem Handy

Dieselbe Erfahrung auf Desktop und Mobilgerät, dank TailwindCSS.

Zurück zu den Projekten

Kontakt

Kostenloses Treffen buchen Angebot anfragen

Bevor du gehst!

Lass uns zusammenarbeiten

Erzähl mir von deinem Projekt oder schick mir dein Angebot, ganz unverbindlich.
Ich antworte in weniger als 24h.

Kostenloses Gespräch buchen (20 Min) Kostenloses Angebot anfragen
Anrufen