Case Study

Letterboxd Watchlist Picker

Letterboxd Watchlist Picker hero image

Project Type

Personal

Timeline

December 2025

Skills

Prototyping

UI/UX Design

Web Development

Stack

Figma

React.js

JavaScript

Overview

When my friends and I are choosing a movie to watch, we often find it hard to come to a collective decision.

Solution

A random film generator that selects movies from one or more Letterboxd users watchlists.

This solution helps users decide what movie to watch by generating and displaying a random film from their watchlist. Users can enter more than one username and specify whether the movie should be selected from either or all of their watchlists.

Design Process

Final Design

The site was built in React.js with Tailwind CSS. Because Letterboxd's API isn't public, watchlist data is retrieved via web scraping using the Cheerio library for Node.js.

FUNCTIONAL PROTOTYPE DEMO

Reflection