React, Google, Yelp!
Explore some of the best dance night clubs in Hollywood, California with this responsive React website. Built using Google maps and the Yelp Fushion API.
This project started off with a simple problem that needed to be solved. How do you implement Google maps using React? Turns out the solution wasn't as straight forward as one thought. After much research and analysis, I decided to use a third party package built specifically to integrate Google maps into React.
Great solution right? Well not really, now I had to scour the package's documentation to understand how it works, how it's pulling the data from Google and how I can modify it to pull out the features that I wanted. A process that took many hours of research to say the least.
At the end, it worked pretty well, I was able to create a custom black and white map theme, use animated bouncing markers and display information from the Yelp Fusion API into info-windows.
- Google Maps
- Yelp Fusion API