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.
Technologies Used
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
- ๐ง Spotify Web API โ fetches user playlists, track details, and album metadata
๐ 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.com โข filmscorescape.com