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.
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.
React, Vite, Tailwind CSS, Node.js, Express, Spotify Web API, Gemini API, html2canvas.
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.
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.
