Important
Due to the Spotify Web API's development mode restrictions, I am unable to provide public access to the functionality on my website that involves Spotify. Don't hesitate to get in touch with me if you wish to use the website :)
Table of Contents
Inspired by @ayitsphotography's IG story about liked songs playlist.
I wanted to transform my Spotify liked songs' playlist into an emotional journey, creating a beautiful timeline that visualises the mood and sentiment of my music.
Thus, Vibelines was born.
Using a state-of-the-art Music Emotion Recognition model and a Large Language Model, Vibelines analyses your liked songs to understand the emotional landscape of your musical taste, presenting it as an interactive visual experience.
Discover patterns in your listening habits and see how your musical emotions evolve. Reminiscence about your past through the soundtrack of your life.
Tip
Demo video -> https://youtu.be/5Ed8_mP0MP8?si=FBWR-5PESXW-vwZt
Note
When your vibeline cards are displayed, the audio of the song on the card will be played in the background (not captured in the demo video above)
Comprehensive documentation is available in the docs/ directory:
- 📚 Technical Documentation - Complete technical overview and architecture
- 🧩 Component Documentation - React component library and usage examples