Statisfy
January 18, 2025
Statisfy is a web application that connects to your Spotify account and analyzes your listening behavior to uncover meaningful insights about your music preferences. It highlights your top artists, tracks, and genres over various time ranges, while also exploring patterns like mood, tempo, and vocal presence. Built with a focus on clean design and intuitive interaction, Statisfy transforms raw listening data into a personalized musical profile, giving users a deeper understanding of their evolving taste and habits.
Why I Built It
Spotify Wrapped is great—but it’s annual, limited, and static. I wanted something deeper, more interactive, and available year-round. That’s where Statisfy comes in.
Features
Log in Feature
This demo showcases the Spotify OAuth flow in action, guiding the user through a seamless login experience. The authentication process securely remembers the user’s session and clearly displays which information will be shared with the developer before access is granted.
User's Top Artists
This carousel displays the user’s top 30 artists from the past year, ranked by play count and saved tracks. Each card links directly to the artist’s Spotify profile, allowing users to explore their favorite artists with a single click.
User's Top Songs
This carousel displays the user's top 30 tracks from the past year, ranked by play count. Each card has the link to the track itself and directly below that is are the names of the artists that worked on that track with direct links to their profiles on spotify.
Under the Hood
Built with Nuxt 3 and Vue, TypeScript, and TailwindCSS, Statisfy uses Pinia for state management and integrates directly with Spotify’s Web API. Authentication is handled via OAuth, with server-side endpoints ensuring secure token storage and refresh. The artist carousel is implemented using Embla Carousel for smooth, responsive interactions. The entire app follows an object-oriented architecture.
Future Works and Features
- Public sharing features
- Mood-based playlist generation
- Deeper genre clustering
- Mood Timeline
- Emotional Distribution
- Significant Songs Over Time
- Listening Shifts
- Artist-Mood Mapping
Try It Out (Soon)
Statisfy is currently in private development while I navigate Spotify’s API approval process. I’m working to meet their requirements so I can share a public version soon.
Description: Web app that analyzes your Spotify listening habits to reveal insights about your top songs, artists, and moods over time.