SteevePommier
Theme
Menu background
Background pattern
Reveal
Reveal size 10
Density 50
Colour
Menu position
Analytics

Spotify calendar02

Your saved Spotify albums laid out on a monthly calendar, grouped by the day you added each one and filterable by year, artist and genre.

Ongoingspotifydata visualisationself-hosted
Go to project View source Showcase
The project's showcase page, headline 'Your Spotify library, laid out on a calendar' above a framed month view full of album covers.
spotify calendar month view
spotify calendar month view
spotify calendar list view
spotify calendar list view
spotify calendar day modal
spotify calendar day modal
spotify calendar statistic view
spotify calendar statistic view
spotify calendar year view
spotify calendar year view
Timeline
Jul 2026 —
Role
design + build
Author
Steeve Pommier
Stack
Next.js, TypeScript, Spotify Web API, Docker
AI
Vibecoded

A saved-albums list is a flat, undated wall of covers. But Spotify records when each one was added, which turns the same data into something with shape: run it down a calendar and the months where you were actually digging stand out from the months where you were not.

Each day cell stacks the covers added that day with a count badge. A collapsible side panel filters the whole grid by search, release year, artist and genre.

Authentication runs server-side through the Authorization Code flow — tokens live in httpOnly cookies and never reach the browser. Ships with a Compose setup for local work and a multi-stage standalone image for the home lab box.

Related