Inspiration
We were inspired by the music visualizations on various streaming platforms and would like to make a web app for users to better experience music and express themselves through a mix of senses.
What it does
Users may select songs, view statistics, and see visualizations of the songs.
How we built it
TypeScript, React, Next.js, Node.js, Auth0.
Challenges we ran into
- Due to copyright limitations, Spotify API only provides a 30-second preview mp3, making it difficult to analyze the music and generate the visualizations on the fly.
- The authentication feature was challenging to set up as many different services were involved.
Accomplishments that we're proud of
- Designed and implemented a user-friendly interface.
- Connected Spotify with Auth0 to allow possible future integrations.
What we learned
- How a website authenticates a user.
- Visual rendering in browser.
What's next for Chromesthesia
- Further integration and customization options with streaming platforms like Apple Music, Spotify, and YouTube Music.
- Generate music visualization dynamically using Three.js.
- Allow users to share songs and visualizations with friends.
Log in or sign up for Devpost to join the conversation.