Map Project

Table of Contents

• Project description
• How to run the application
• Development Tools
• References

Project description

Creating a single page application featuring a map of Candi Borobudur neighborhood.

How to run the application - Development mode

• Fork and clone the git repository https://github.com/ellyanalinden/Map
• Go into the directory where the project now lives - cd Map
• Install the dependencies - npm install
• Start the app - npm start
• Visit the site in your browser at http://localhost:3000

How to run the application - Production mode

• Use command Yarn build
• Host build on remote server ( eg:Github Pages)

Create-React-App service worker caches only in production mode

Development Tools

• React was implemented using the Create React App
• Maps was implement using leaflet-map-react
• Third party API: Foursquare API

References

• https://github.com/PaulLeCam/react-leaflet/blob/master/example/components/simple.js
• https://www.youtube.com/watch?v=J7pFiXh-ydAhttps://www.youtube.com/watch?v=i6L2jLHV9j8
• https://www.youtube.com/watch?v=dAhMIF0fNpo
• https://egghead.io/lessons/react-use-map-to-create-react-components-from-arrays-of-data