upnext

Collaborative Watchlist Platform

A content discovery platform where users can track what they watch and share curated lists with friends. Built with Vue 3 and Express.

Stack Vue 3, Express
Year 2024
Status Live

Demo

UpNext cover
[>] Live Demo [<>] GitHub Repo

About

UpNext is a collaborative watchlist platform where users can keep track of movies and shows they want to watch and share lists with others. It's designed to be social and easy to use, combining the simplicity of a to-do list with the richness of a streaming companion app.

Authentication is handled by Auth0 (an identity management service), and data is persisted with PostgreSQL (a relational database) via Railway. The app fetches title metadata, trailers, and cover art using the TMDB API.

The backend is written in TypeScript with Express (a Node.js framework), while the frontend is built using Vue 3 and Tailwind CSS.

TypeScript Node.js Express PostgreSQL Auth0 TMDB API Vue 3 Tailwind CSS

Features

Social

Shared Watchlists

Users can create shared watchlists to collaborate with friends and family on what to watch next.

Tracking

Watch Status

Tracks which shows and movies each user has watched, with progress indicators and history.

Integration

TMDB Integration

Integrates with TMDB for comprehensive title data, high-quality images, and official trailers.

Security

Auth0 Authentication

Auth0 handles secure authentication and session management with support for social logins.