Inspiration
We wanted a better way to appreciate and keep updated with music worldwide, which is exactly what our web app aims to accomplish.
What it does
We created a tool to be able to listen to the trending songs of any supported region with a 3D intuitive-to-use UI and backend support by the Youtube Music API. For the requested country, we can display a list of the top 10 trending songs at a glance and also playback each video one by one through an embedded YouTube player.
How we built it
Our web app is built using a Reactjs frontend with ThreeJS and a Python backend built on Flask.
Challenges we ran into
There were significant problems in trying to obtain the trending charts for a given country, as many song APIs just do not support this feature. We also had trouble with our 3D rendering of the world, given the complexity of such a component.
Accomplishments that we're proud of
We are proud of how our front end looked in the end, as the 3D globe was probably one of the hardest parts of the project due to lack of API and community support.
What we learned
We learned a lot about how to design and develop a React app with 3D visuals and complementary audio, and the many obstacles that it entails.
What's next for Music Globe
Future steps would include adding support to more countries and being able to integrate more local support, such as radio stations for certain cities and lyrics.
Log in or sign up for Devpost to join the conversation.