No description, website, or topics provided.
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Type Name Latest commit message Commit time
Failed to load latest commit information.

Edinburgh Maps Project

This web based app helps you find the best vegan or vegetarian restaurants in the city of Edinburgh.

On the left hand side of the app is sidebar containing a list of locations, which can be filtered using the text input at the top of the sidebar. If you filter the locations, the marker icons on the map will also be filtered in real time.

Clicking on either the marker or the name of the restaurant in the list will bring up more details about the restaurant.


To install this web app, simply run 'npm install' in your terminal to install the project's dependencies, then enter 'npm start' (or 'yarn start' if you have yarn installed on your machine) to run the application.

The project includes a service worker, which will work in production build on port 5000, meaning parts of the project not dependant on retreiving fresh data from API calls should work.


This app uses the react-google-maps library to provide a wrapper to load the map. The map is provided by the Google Maps API. The locations and information about them come from the Foursquare API.


This is an assessed project for the Udacity Nanodegree programme so I will most likely not be accepting pull requests as that would probably be considered cheating.


Initial help loading the map from this article from Yelstin Fernandes on Medium //

Further help understaing the library and markers from

Help changing the title of the iframe from this slack thread

Concept of Error boundaries learned here

Text filtering from Tyler McGennis, Udactiy React Fundamentals Course Lesson 3.7

And Udacity, for settting the criteria for this project.

Create React App

This project was bootstrapped with Create React App. You can find more information on how to perform common tasks here.