Inspiration
After seeing my social media full of the Spotify 2020 Rewinds, I wanted to see if I could create a version of that without having to wait an entire year to get an email.
What it does
The website utilizes the Spotify Web API to get user authenticated data and display it in the format of a Profile, similar to an account on social media. It then automatically refreshes to display whether or not the user is currently listening to music and provides a small thumbnail of the album. The profile also displays extra information like "Most Played Song" or "Top Genres".
How we built it
I used React to set up the pages and updating elements of the profile. The main functionality of the website comes from the Spotify Web API and JavaScript in order to use authorized scopes to attain information from the user's account.
Challenges we ran into
Because I'm new to react and APIs in general, I had difficulty figuring out the authorization process with tokens as well as asynchronous functions and API calls.
Accomplishments that we're proud of
I'm proud that I was able to create a website that can grab the data that I wanted. It sets a great foundation for me to build upon. I'm also proud of how much I was able to apply from the workshops. Most of the React code came from what I learned.
What we learned
React and API calls and a little bit of server information.
What's next for Spotify Friend Profiles
I hope to further flesh out the design of the profiles and overall website as well as adding a database with Firebase to store user information and allow the functionality of adding friends and seeing their profiles. I want it to become a sort of social media platform for Spotify, increasing user choice in designing their profile and what they want to show to others.
Log in or sign up for Devpost to join the conversation.