GrooveMap

An application that uses the user's real-time geolocation to explore popular songs and artists globally. Users can access their Spotify to add their favourite artists and tracks to their profile.

Comment

Inspiration

We were inspired to make this application because we wanted to learn more about artists from different parts of the world and create a platform for users to explore various types of music.

What it does

Our application uses the HTML Geolocation API to get the user's real-time latitude and longitude to determine which country they are in. Then, the user's country ISO is sent to the Spotify API which returns a list of the top artists and songs in that area. We display this information to let the user follow or like a song to add it to their profile.

How we built it

We used HTML, CSS, and JavaScript to create the website and perform HTTPS requests to the Spotify API and GeoNames API. We used GitHub pages to host the website and obtained the domain name groovemap.tech from .Tech Domains.

Challenges we ran into

We originally worked on an AR project that used hand tracking and computer vision to help users determine their ring size and try on different rings virtually. We built a website with TaiPy and used OpenCV to build our computer vision algorithms. However, this was more difficult than expected so we decided to work with an API we both found interesting and create a application that was more achievable given the time constraints.

Accomplishments that we're proud of

We are proud to have created a project given our earlier challenges and successfully integrate the Spotify API with our website. We are also pleased with the visual appeal of our website.

What we learned

We learned how to build a website with TaiPy and gained some experience with OpenCV. We learned a lot more about AR and are interested to explore it in the future. We learned how to work with the Spotify API and look forward to exploring the various information we can retrieve.

What's next for GrooveMap

We would like to add the ability for the user to play the song on our application and visit the artist's profile. We would also like the user to be able to personalize the application by logging in or signing up, categorizing the different media forms, and sharing their favourite songs or artists with their Spotify network.

Built With

Share this project:

Updates