Inspiration
This project was inspired by the desire to express ourselves through music. A person's Spotify account can be a great way for someone to show their passions and personality, and we wanted to provide a way for them to outwardly show that.
What it does
Spotify+ takes a user's Spotify information pertaining to their top songs, artists, and playlists and generates an AI image that represents it.
How we built it
We used a MERN stack to build a web application that makes API calls to Spotify and Dall-E for image generation. Passport.js middleware was used for the Spotify user authentication.
Challenges we ran into
The biggest challenges we came upon were with connecting the endpoints for the APIs and creating an algorithm to generate a prompt for Dall-E. We were dealing with a lot of information, as well as technologies we've never used before.
Accomplishments that we're proud of
We're extremely proud of being able to integrate two huge APIs into our project, along with user authentication, within the limited time frame we had. All of our members had other commitments and weren't able to dedicate 100% of the time, but we were able to pull through and get a lot done!
What we learned
We tried out APIs we were unfamiliar, as well as frameworks we hadn't used before. In addition, we tried new ways of working collaboratively, utilized a Microsoft extension in VSCode called Live Share that allowed us to work on the same file locally on a single computer.
What's next for Spotify+
Built With
- dall-e
- express.js
- mongodb
- node.js
- passport.js
- react
- spotifyapi
- vite
Log in or sign up for Devpost to join the conversation.