stanify

Inspiration

the idea for stanify came about when my friends and I were sitting around and the topic came up of how well we know our favorite artists. all of us, fairly confident in our loyalties, thought it'd be best if we could prove it by playing only a short snippet of random songs from our favorite artist, and being able to recognize what track the snippet came from.

What it does

stanify allows users to search for an artist through Spotify and play 10 snippets from random tracks across their entire discography. users will be able to enter their guess for the title of each track, and at the end be shown a results page that they can share to social media, showing others how well the user knows a particular artist.

How we built it

stanify is built using react-typescript, with tailwind used for the styling.

Challenges we ran into

originally, our idea was to utilize Spotify's web-player SDK, however, this would limit stanify to only Spotify premium users, and therefore, we figured out a way to use just the previews of songs as our starting point, picking a random timestamp from there to play to the user.

Accomplishments that we're proud of

aside from the UI we've developed and designed, figuring out how to use the track previews to allow free users of Spotify use our web-app was a huge accomplishment that opens up stanify to tons more users.

What we learned

with this being the first hackathon for the majority of our team, we learned to rapid prototype and develop features in a meaningful way, using each other to test our developments ad-hoc. we also learned a lot more on how to make our UI look better through CSS and Tailwind, and general use of React.