https://github.com/pixeledcode/geo-fence

Geo Fence implementation using Reactjs with Leaflet
https://github.com/pixeledcode/geo-fence

geofence leaflet reactjs

Last synced: 19 days ago
JSON representation

Geo Fence implementation using Reactjs with Leaflet

• Host: GitHub
• URL: https://github.com/pixeledcode/geo-fence
• Owner: PixeledCode
• Created: 2020-12-19T07:21:25.000Z (about 4 years ago)
• Default Branch: master
• Last Pushed: 2020-12-31T12:26:02.000Z (almost 4 years ago)
• Last Synced: 2024-10-23T11:49:51.362Z (2 months ago)
• Topics: geofence, leaflet, reactjs
• Language: JavaScript
• Homepage: https://geo-fence-px.vercel.app/
• Size: 149 KB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
### Geo Fencing using React Leaflet

#### Description:

A simple Geofence App to find if 'User 2' is in range of 'User 1'

Mark the location by clicking on the map. User 1 Marker have a range of 1KM and is shown by a circle around it.

User 2 Marker shows a Popup whether it is in that 1KM range or not.

Developed using [React Leaflet](https://react-leaflet.js.org/) and search is added using [React Leaflet Search](https://github.com/tumerorkun/react-leaflet-search)

![GeoFence](https://media.giphy.com/media/IkIpFbU2YrzKArp67J/giphy.gif)

#### Steps:

```

npm install

npm start

```

Demo is hosted on [AWS Amplify](https://master.d8pjybx1mf2s7.amplifyapp.com/)