GLOTECH
HOMEPROJECTSRESUME
ENFR
BACK_TO_PROJECTS
SOCIAL_PLATFORM

WATCHPACT

Modern, responsive web application for creating, managing, and sharing movie and TV show watchlists with friends and family

WATCHPACT
PROJECT_PREVIEW

OVERVIEW

WatchPact is a full-stack social platform for building and sharing movie and TV watchlists. An Angular 16 frontend talks to a .NET 8 ASP.NET Core API that I wrote and run in Docker, which proxies The Movie Database for catalogue data and persists watchlists in MongoDB Atlas. Search is not a naive substring match: a self-hosted Meilisearch instance holds a 300,000-document catalogue of films, series and people, rebuilt nightly from the TMDB export by a Node indexer on a systemd timer, which is what makes a misspelled query still find the right title. Sign-in is Google OAuth against a cookie-backed scheme, sharing works through per-watchlist tokens, and ownership is enforced server-side so only an owner can delete. It runs as two independent environments - production and test, each with its own database and TLS certificate - with a sync service that copies production into test behind a guard that refuses to write anywhere else. A Capacitor 7 wrapper packages the same frontend as an Android app.

TECH_STACK

Angular 16TypeScript 5.1.NET 8 / ASP.NET CoreC#MongoDB AtlasMeilisearchTMDB APIDockerGoogle OAuthCapacitor 7 (Android)Bootstrap 5RxJSElf State Management

KEY_FEATURES

[01]
Comprehensive search and discovery using TMDB API with advanced filtering by genre, year, and rating
[02]
Multiple watchlist creation with customizable names and shareable links for collaborative viewing
[03]
Detailed media pages with cast, crew, trailers, ratings, and streaming provider information
[04]
Google OAuth authentication with personalized user profiles and preferences
[05]
Dark/light theme toggle with smooth transitions and user preference persistence
[06]
Progressive Web App capabilities with offline support and app-like experience
[07]
Real-time collaboration features for shared watchlists with multiple users
[08]
Person profiles exploring complete filmographies of actors and directors
[09]
Responsive design optimized for desktop, tablet, and mobile devices
[10]
Smart categorization and organization with auto-sorting by media type

PERFORMANCE_METRICS

300k documents
Search Index
prod + test
Environments
web + Android
Platforms