Inspiration

When I first came to Canada, I didn't know the culture here. Until last year, I did not even know that rap was huge in Toronto. My application provides its users a new way of visualizing data around them regarding what genres people listen to and what their most recently listened tracks are. This way, if you are travelling, or even if not but if you are curious about culture in different countries and continents, you can use this application to listen to song that other people are interested in.

What it does

Helps users visualize genres and their popularity on a map while providing them with other tracks that they might be interested in.

How I built it

Backend is made with node.js and express.js and webpack is used to bundle everything. Spotify is used to gather information about the user and http location is used to get users position. The front end uses React and made with responsiveness in mind so that the application can be ported into other platforms such as mobile or tablet. Used Google Maps API to mark the users on the map.

Challenges I ran into

A lot of dependency problems. With in the 20 hours that was given us to finish this project at least 4-5 hours of it was spend on trying to figure out why dependencies would conflict and webpack would create problems... A lot of time spent on it...

Not being very familiar with MongoDB, it took about 2 hours to set up the database properly and host it using digitalocean cloud.

Accomplishments that I'm proud of

I finished the project on my own with in 20 hours, and even though it needs a lot of improvements, I'm proud to say that I finished this alone.

What I learned

That webpack can be as annoying as it is convenient. Also to bring a blanket to the hackathons...

What's next for BeatMap

Eventually I want to fix some of the known bugs and make a social platform around it where its a mix between snapchat's heat map and twitter.

Share this project:

Updates