Skip to content
Used React.js, etc., to create my "Neighborhood Map" Udacity Front-End Web Developer Nanodegree final project.
JavaScript CSS HTML
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.

Philadelphia Places


Looking for a new place to visit in Philadelphia, Pennsylvania? You may have found your answer.

Welcome to my Philadelphia Places web application. It includes a filterable map of 8 notable Philadelphia locations, including several that are "off the beaten path."

Quick Start Guide

Try the app on Heroku.

Quick Local Install Guide (assumes Linux or Unix)

  1. Download or clone this project to your computer
  2. Update the Google Maps JavaScript API API_KEY value located in utils.js and the FourSquare Places API CLIENT_ID and CLIENT_SECRET values located in App.js
  3. Open a BASH shell
  4. Navigate (cd) to the directory
  5. Run npm install (first time only)
  6. Run npm start
  7. You should now be able to interact with the application on https://localhost:3000/

Software Tools

This application uses several web services and software libraries, including:


This is my final project for my Udacity Front End Web Developer Nanodegree, due no later than November 14, 2018.

This project was bootstrapped with Create React App. You can learn more in the Create React App documentation. To learn React, check out the React documentation.

Finally, thank you to those whose code served as a model and/or input to this project, in particular:

You can’t perform that action at this time.