Back to Projects
filmscorescape.com

filmscorescape.com

FilmScoreScape is a web app for film soundtrack lovers that links your Spotify to the movies the music came from. You connect your Spotify, pick the right film, and the app pulls in cinematic artwork, backdrops, and info (via TMDB) so you’re not just listening — you’re back in the world of that movie.

Active

Technologies Used

Rails Spotify TMDB

Categories

About This Project

🎬 FilmScoreScape

Built with Ruby on Rails 8

FilmScoreScape is a cinematic music companion app that bridges your Spotify playlists with the films behind their soundtracks.

It transforms how soundtrack fans experience music — linking each track to its original movie, artwork, and atmosphere.


🌟 Overview

When you connect your Spotify account, FilmScoreScape scans your film-score playlists, matches each track to the correct movie, and displays dynamic visuals and metadata pulled from The Movie Database (TMDB).

The result is a seamless blend of sound and imagery — turning listening sessions into a visual journey through cinema.


🛠️ Tech Stack

  • Framework: Ruby on Rails 8
  • Frontend: Turbo, Stimulus, TailwindCSS
  • Database: PostgreSQL 18
  • Authentication: Devise + Spotify OAuth2
  • APIs:
    • 🎧 Spotify Web API – fetches user playlists, track details, and album metadata
    • 🎥 TMDB API – retrieves film posters, stills, overviews, and backdrop images

🔗 Integrations

Spotify Integration

  • Secure OAuth2 login using Spotify’s authorization flow
  • Accesses the user’s playlists and tracks tagged as soundtracks or scores
  • Stores only minimal reference data (no playback or personal data)

TMDB Integration

  • Uses the TMDB API to find the most relevant movie match for each soundtrack track
  • Fetches associated imagery, overviews, and backdrop art
  • Provides a cinematic context for each piece of music

🎨 Purpose

FilmScoreScape was built to make listening to film scores visual and emotional.

It gives every cue and composition a story backdrop — letting users rediscover the worlds behind the music.


👨‍💻 Author

Created by Jonathan Buckland

funcoder.comfilmscorescape.com