Berlin Museum Map

This is part of Udacity's Front End Web Development Nanodegree. It is a map of Berlin, showing you museum locations. Clicking on a marker/museum in the sidebar will show you an info window with an image of the museum and their Foursquare rating.

Project Rubric

The project rubric for this can be found here

Installation

To get up and running, follow these steps:

1. Clone the project to your local machine
2. cd into the project directory
3. Run npm install to install dependencies
4. Run yarn start to start the server

For production build (and also for the Service Worker to function), instead of point 4 from above, use the following:

1. Run yarn build
2. Run yarn global add serve
3. Run serve -s build
4. Access http://localhost:5000/

Dependencies

For this project I used:

1. React Google Maps
2. Google Maps API
3. Foursquare API

Credits/resources

For anyone else struggling on this project, I found the following resources to be very helpful:

1. https://www.youtube.com/watch?v=lDVaZY0aG2w
2. https://www.youtube.com/watch?v=ywdxLNjhBYw&list=PLgOB68PvvmWCGNn8UMTpcfQEiITzxEEA1
3. https://www.youtube.com/watch?v=LvQe7xrUh7I