Skip to content

albsugy/geo-location-app

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Geo Location App

ReactJS, Redux and LeafletJS Geo location App.

Live demo

https://geo-location-app-iqaswpygfr.now.sh

Getting Started

Task Description
npm install install all the dependencies.
npm start navigate to http://localhost:3000/
npm run build build for production

You can use yarn too.

Features

  • Auto complete search.
  • Add & Delete unlimited number of locations.
  • List of current locations and button to display each one.
  • Radius Slider displayed after selecting a location.
  • Add & Save Locations (local-storage).
  • Inputs Validation, with min & max radius.
  • Export to GeoJSON, with copy to clipbload.
  • Move and scale the map.
  • Additional feature: Add locations by click on the map.
  • Locations popup details.

Tabs

Tab decs
Add Location to search and add a new location.
List of Locations to view the list of current locations.
JSON Output to get the GeoJSON output.
Settings to enable additional feature.
  • Add Locations tab.

Tab1: Add Locations

  • Add Locations tab after search.

Tab1: Add Locations tab after search

  • List of locations tab (View & Remove).

Tab2: List Locations

  • JSON output tab.

Tab3: JSON output tab

  • Settings tab.

Tab4: Settings tab

  • Locations created by clicking on the map.

Tab4: Locations created by clicking on the map

Technologies

  • ReactJS
  • Redux
  • LeafletJS
  • Webpack
  • ES6
  • SASS
  • Bootstrap
  • FontAwesome