Context & Problem Definition
Problem: Spotify users often have to wait until the end of the year for Spotify Wrapped to view their listening statistics.
Importance: Providing users with regular insights into their listening habits can enhance user engagement and satisfaction.
Relevance: A web application that offers monthly listening statistics aligns with user desires for timely and personalized data.
Problem
Users expressed a desire for more frequent updates on their listening habits rather than waiting for the annual Spotify Wrapped.
Project Context
Team: Victor Tran
Timeline: Spring 2024
Tools: Figma, GitHub, Express.js
Skills: Full Stack Development, Design, Analytics, Spotify API
Challenges: Engineering a full-stack application that integrates with the Spotify API to pull and display user-specific data in a design consistent with Spotify's branding.
Work
Filter top your top 10 Artists for the month, last 6 months, or all time.
View your top played tracks for the month, last 6 months, or all time.
Process
- Requirement Gathering: Identified user needs for more frequent listening statistics.
- Design: Created wireframes and prototypes consistent with Spotify's design language.
- Development: Implemented the application using Express.js and integrated with the Spotify API.
- Testing: Conducted user testing to ensure functionality and user satisfaction.
Solutions
- Monthly Statistics: Provides users with insights into their top artists, tracks, and genres on a monthly basis.
- User-Friendly Interface: Designed to be intuitive and consistent with Spotify's branding.
- Real-Time Data: Utilizes the Spotify API to fetch up-to-date user listening data.
Takeaways
Working with APIs can be challenging but becomes manageable with thorough documentation review and testing.
Developing this project provided valuable full-stack experience.