GA World Tour

Project link: https://ga-world-tour-b8252.web.app/

Technologies

• Javascript/HTML/CSS
• React
• FireBase - Authentication Database Storage Hosting
• BandsInTownAPI https://www.artists.bandsintown.com/support/api-installation
• Axios
• UnderScore
• React Webcam
• React Avatar
• Bootstrap
• react-svg-map https://github.com/VictorCazanave/react-svg-map

Summary

The idea of the project was to render the data from the BandsInTown API onto a world map and provide a helpful vizualisation of the data. We used React to create the frontend and Firebase for the database as well as hosting. In the database we stored user data such as their liked tour-dates, personal details as well as a camera for a profile picture.

The inbuilt functions from the map allowed us to handle the color changing as well as the drop down information for mouseover on countries.

To do:

• Making a list of all liked shows
• Add music samples for each band
• Mobile friendly
• Use detail maps of more popular countries to show upcoming events
• Plot route of the band traveling from location to location
• Move the data of the map to the database
• Fix the info hover box for countries with many concerts