This project demonstrates how to build google map application with third party APIs (Foursquare API here) in React. This app is created from scratch using 'create-react-app' for the boiler-plate codebase.

• apparently, service worker feature is automatically included in the production build when creating an app.

• Pinning a location of your interest
• Searching any places of your interest based on the pinned location
• Setting filtering options (radius, limits)
• Select a place for further information

• google-maps-react
• react-timer-mixin
• react-dom

1. cd ./app
2. npm install
3. yarn start

.
├── API
│   └── FSAPIs.js
├── Map
│   ├── GoogleMapsContainer.js
│   ├── Map.css
│   ├── MapStyleOptions.json
│   ├── SearchBox.css
│   ├── SearchBox.js
│   └── VenueSearchBox.js
├── Side
│   ├── SideMenu.css
│   └── SideMenu.js
├── Top
│   ├── NavButton.css
│   ├── NavButton.js
│   ├── Top.css
│   └── Top.js
├── images
│   ├── address.png
│   ├── like.png
│   └── phone.png
├── App.css
├── App.js
├── index.css
├── index.js
└── registerServiceWorker.js