joshunhappy / udacity-fend-neighborhood-map

UDACITY FRONT-END DEVELOPMENT NANODEGREE NEIGHBORHOOD MAP

This is an application that show the best restaurants in Amsterdam, it comes with a filter feature that allows the user to search a restaurant among the ones shown in the application. It uses Forsquare API to show photos of the restaurant.

Project purpose

This project was build as a final project for the Udacity Front End Nanodegree program to demostrate understanding of the operation or React applications making use of third party API's

How to load the App in Development

Install npm dependencies:

npm install

Run the aplication

npm start

How to build application

To run application with minified code

npm run build

Service Worker

Service-worker works only in build, create-react-app bundles a service worker by default, when you run npm run build the service-worker.js file hsa been generated.

Dependencies

The following dependencies have been used to complete this project.

• React
• create-react-app
• google-maps-react
• Font Awesome

Application Use

The application is easy to use, it shows a map a list and markers on the map, the user is able to select either a marker or an item from the list the application will show the user an image of the venue and its rating. The user has the abiility to filter restaurant based on an entry on a search field.

Resources

• 3rd party API from Foursquare
• Udacity Forums
• Stackoverflow
• Google Maps JavaScript API
• Google-maps-react
• Foursquare Places API