Case Study

Random Movie Generator

Details

Personal Project, Dec 2025

Prototyped using Figma

Built with React.js

Overview

I built a single page React application that generates random movie suggestions from one or more Letterboxd user watchlists.

Problem

It's hard to make a choice when presented with an abundance of options.

The social film cataloguing service Letterboxd, has become one of my most used apps as someone who loves to watch movies. My watchlist in the app has grown to a few hundred titles and I find it difficult to decide what to watch when faced with an abundance of options, especially when looking for films that friends and family will enjoy too.

Solution

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

Enter more than one username and specify whether the movie should be selected from either or all of their watchlists. 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.

Design Process

Exploring Use Cases

TBC

TBC

Inspiration Gathering

TBC

TBC.

Wireframing

TBC

TBC

High-Fidelity Prototypes

TBC

TBC

Testing

TBC

TBC

Implementation

Development

TBC

TBC

Final Product

TBC

TBC

Reflection

TBC

TBC