Skip to content


Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?

Latest commit


Git stats


Failed to load latest commit information.
Latest commit message
Commit time

Neighborhood Map



This project shows a map of a neighborhood and its sights that I want to visit. The main goal is building a mashup between google maps and other services like foursquare, providing a useful map and information about the place.

Demo(without API keys, but the React app is working)

Note: The client secrets and ids changed. If you clone this repository create your own ids and secrets at Google and Foursquare.


  • Google Maps API
  • Foursquare API
  • React



Start cloning the repository.

git clone

Inside the project folder, install the dependencies with npm.

npm install

Start the local server, It will open the browser automatically.

yarn start

Testing Production Version (with ServiceWorker support)

You need build before.

yarn build

And run the build.

serve -s build

Important Notes about uses of third-party libraries, scripts and tutorials

For helping me to integrate React with a Google Maps, I have been following some instructions and tips from this Blog post:

I used some scripts from the tutorial, I copy them from this Gist:

There is a complete project on Github, but I am using only the basic scripts. There are other components that a write following the instructions from the tutorial and I changed for my purposes.

I used this scripts and references because I am not advanced in React and I needed to follow some instructions to help me to understand how to load the Google API and React and how to use third-party components with React.


You can't use this project as your project for Udacity, but you can use for study purposes if you want.