https://github.com/deep-diver/neighborhood-map-react
neighborhood-map-react
https://github.com/deep-diver/neighborhood-map-react
create-react-app foursquare-api frontend-app google-maps-react react
Last synced: 3 months ago
JSON representation
neighborhood-map-react
- Host: GitHub
- URL: https://github.com/deep-diver/neighborhood-map-react
- Owner: deep-diver
- Created: 2018-04-23T15:31:01.000Z (about 7 years ago)
- Default Branch: master
- Last Pushed: 2018-06-19T04:58:40.000Z (about 7 years ago)
- Last Synced: 2025-02-05T06:24:59.654Z (5 months ago)
- Topics: create-react-app, foursquare-api, frontend-app, google-maps-react, react
- Language: JavaScript
- Size: 3.13 MB
- Stars: 2
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Map Search in React
## Introduction
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.
## Main features
* 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
## Dependencies
* [google-maps-react](https://github.com/google-map-react/google-map-react)
* [react-timer-mixin](https://www.npmjs.com/package/react-timer-mixin)
* [react-dom](https://www.npmjs.com/package/react-dom)
## How to run the app?
1. cd ./app
2. npm install
3. yarn start
## Resources
```
.
├── 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
```