Udacity

Front End Web Developer Nanodegree

React Neighborhood Map

You will develop a single-page application using React featuring a map of your neighborhood or a neighborhood you would like to visit. You will then add additional functionality to this application, including: map markers to identify popular locations or places you’d like to visit, a search function to easily discover these locations, and a list view to support simple browsing of all locations. You will then research and implement third-party APIs that provide additional information about each of these locations (such as StreetView images, Wikipedia articles, Yelp reviews, etc).

Udacity Project Summary

Project created using React JS, Foursquare API and Google Maps API.

This demonstrates the understanding of React JS, Service Workers, APIs, Responsive Design, and Accessibility.

This is for anyone who wants to learn about places in Maryland (Also for new developers learning React js).

• ISC license
• limitations: needs internet JUST to cache the assets; works offline afterwards :)

Deployed on Heroku: https://rmw-react-neighborhood-map.herokuapp.com/

Dependencies

• React
• React Material UI
• idb
• bootstrap
• Google Maps API
• FourSquare API
• WikiPedia API

Feature

• Responsive
• Accessible
• Mobile First
• Single Page App
• Offline First

How to run

• install node and npm
• clone this repo with git or download and extract via zip
• open terminal and change directory into project root
• run npm install
• run npm start
• open browser to localhost:3000
• enjoy!

---

Ryan M. Waite

Web & Mobile Developer