Listenality
Nov 1, 2025
Overview
Listenality is a Spotify analytics web app that helps users discover their unique music identity. It visualizes top tracks, artists, and genres over time through an interactive and shareable experience. I built the project to explore how data and design can enhance personalization in music streaming.
Why I built Listenality
Music platforms often focus on content delivery but overlook connection. Listenality turns listening data into insight and storytelling, helping users understand their taste and share it with others. The project reflects my interest in how technology and design can create a stronger sense of community around music.
Key features
Music analytics
View your top artists, tracks, and genres, along with stats like total saved tracks, albums, and playlists. The “Music Profile” dashboard summarizes your listening behavior through metrics such as popularity, era preference, and diversity.
Personalized profiles
Generate a unique music identity based on energy, mood, and complexity.
AI-powered “vibe check”
Get a personalized reading of your audio personality using Gemini API and Gemini 2.0 Flash Lite.
Shareable visuals
Export gradient cards optimized for Instagram Stories (1080×1920).
Flexible time ranges:
Explore 3, 6, and 12-month analytics.
Tech stack
React, Vite, Tailwind CSS, Node.js, Express, Spotify Web API, Gemini API, html2canvas.
My roles
I designed and developed the app end to end, including UI design, Spotify API integration, and front-end data processing. I also implemented Gemini API to interpret listening data and generate contextual “vibe check” summaries based on users’ music activity.
What I learned
I learned how to fully design, build, and ship a complete product from concept to launch. The process helped me understand the technical components required for a successful release, from API integration to front-end deployment. I also learned to start with a clear MVP and iterate for scalability through identifying what features are essential versus nice to have.
Listenality strengthened my technical skills in web development and deepened my understanding of personalization and UX in music technology. The project aligns with personal interest in exploring emerging technologies and user-centered design.