Spotify Aura

Start Page
Mock Aura Page

Inspiration

Our biggest inspiration was our love for music. We wanted to find a way to be able to share our music tastes in a way that was exciting and personalized. Our ideas were also largely inspired by Spotify's year Wrapped, and we wanted something available all year round.

What it does

Spotify Aura takes your top genres and converts it to an "Aura Image." You start with connecting your Spotify account to Spotify Aura. Then you wait! Immediately after, you should see your "Aura."

How we built it

We built Spotify Aura using react and vite (vibes too)! We also used the Spotify API to get user's to log in. In addition we used the API to gather their top genre and convert that into an Aura. The Aura is made using JavaScript and React to output changes to the webpage.

Challenges we ran into

Our biggest hurdle was getting authentication from users to be able to collect their top genres. We spent most of our time working with Spotify API and figuring out how to use it.

Accomplishments that we're proud of

We're most proud of turning our idea into something tangible! We had a lot of difficulty with the Spotify API and we're so proud we were able to work with it. There were so many moments where we got stuck working with it

What we learned

Despite, all of us coming from different skill levels, we were able to learn in a short time how to use Spotify Web API, react, and html/javascript.

What's next for Spotify Aura

We hope that in the future we can add animation to our project to elevate user experience and to improve the aura accuracy. We hope to add an aura scope in the future, there were a few features that were out of our scope of skills to implement.