Inspiration 🌟
In the fast-paced world of pop music, we often forget the songs that once defined our time. Inspired by the time capsule, we envisioned a space where users could journey back in time, rediscovering the top tracks that shaped each year. We also made a user profile for each user to explore their time capsules.
What it does 🎵
Music Cooker offers an interactive experience where users can slide through the years, from 1900 to the present, witnessing the evolution of music. Each year, the platform showcases the top tracks with their popularity rankings and artist details. As an added layer of immersion, it tracks autoplay, allowing users to see and hear the essence of each year. Other than that, we also have a search bar for users to find the statistics of the specific artists they like. It also has a profile page for current users.
How we built it 🔧
The project harnesses Flask for the backend, sourcing data from the Spotify API. For visualization, we integrated Plotly.js, crafting interactive charts that react in real time to user actions. The front end blends HTML, CSS, and JavaScript, ensuring a seamless and engaging user experience.
Challenges we ran into 🚧
Merging the autoplay feature for tracks with user intuition was a tricky endeavor. Ensuring the real-time responsiveness of the charts while upholding performance posed another challenge. But with persistent testing and optimizations, we carved out a smooth experience.
Accomplishments that we're proud of 🏆
Successfully visualizing over a century's worth of music data interactively stands as our crowning achievement. Despite its initial challenges, the autoplay feature adds a dimension to the user experience, making the musical journey through time audibly tangible.
What we learned 📚
Our deep dive into the Spotify API unraveled the intricacies of fetching and manipulating musical data. The project also illuminated the art of crafting user-centric designs where functionality intertwines with intuition.
What's next for Music Cooker 🔮
I am setting on more granular data integration, zooming into monthly or weekly top tracks. A lyrical analysis showcasing the thematic evolution in music looms on the horizon. The project also needs time to set up the OAuth 2.0 for the Spotify API to get to the current user’s profile.
Log in or sign up for Devpost to join the conversation.