Spotify Matched

Inspiration: our shared love of sharing music with friends!

What it does: compares two Spotify accounts' public data to provide a compatibility score, break down shared top genres, songs, and artists, and create a shared playlist with both your favorite songs.

How we built it: we used Spotify's Web API to collect user data, HTML/CSS to build the front end, and Figma/Anima to design our mockup.

Challenges we ran into: navigating Spotify's API and learning how to use HTML and CSS.

Accomplishments that we're proud of: both a functional framework and a clean UX-focused front-end.

What we learned: HTML/CSS, Figma/Anima, navigating Spotify's API

What's next for Spotify Matched: seamlessly integrating our framework functionality and front-end design to make a fully-formed standalone webpage!

Built With

• anima
• css
• django
• figma
• html
• python
• spotipy