We were inspired by Receiptify, which uses the Spotify API to redesign a user’s Spotify wrapped and # provides them information about their music-listening statistics.
What it does
Personify utilizes Spotify API to share not only statistics concerning a user’s top 10 most-listened-to
songs of the month, but in depth information about their listening style, a wide range of
recommendations, the history of the music industry of their favorite genre, and local Boston artists
within their favorite genre(s). Our friendly mascot, Lyric, accompanies them along the way of this
exploration.
How we built it
We split into groups – design, frontend, and backend – to flesh out this idea. The design group made
a rough wireframe, designed the mascot, and made the formal wireframe in Figma. The frontend
group coded the UX/UI interface of the website, and the backend group figured out how to integrate
Spotify API and the statistics it offers into our website, and organize it in a meaningful way.
Challenges we ran into
Our first challenge was trying to figure out how to use the Spotify API so we can get the of the user
top ten song in their Spotify playlist. After extracting the user top ten in Python, we ran into the
problem of trying to get all the genres(associated by an artists in their top ten) combine in an
array/list. When it came the backend team, this was our main issue. This is because we realize that
each song that made up the top ten was a really big dictionary with two list inside it and this it was
really difficult to problem solve a solution.
Accomplishments that we're proud of
We’re proud of how well we integrated the Spotify API given none of us had experience interacting
with APIs previously. We’re also proud of our mascot – we designed them from scratch and drew
them out directly in Figma. Each aspect of their design reflects our process, struggles, and successes
in designing a formal mascot within Figma.
What we learned
We learned a lot about how the Spotify API (and APIs in general) work! We also investigated
successful mascots and shape theory in order to make our own mascot, and we drastically improved
our abilities in Figma as we taught ourselves how to draw the mascot directly in Figma.
What's next for Personify
We will flesh out the code until it matches the wireframe, and investigate more efficient means of
Log in or sign up for Devpost to join the conversation.