Calgary +15

Navigation app to help users find their way through +15. Built with ReactJS and google API.

Find your way

If location services are on, the red marker will be showing your current location. Move the green marker to find the shortest way to your destination. Read the distance and time at the bottom of the map.

Find places inside the +15 by using tabs on the right.

Use google search bar to find places nearby.

Getting Started

Install the dependencies and start the server.

npm install
npm start
open http://localhost:3000

Dependencies

    @turf/helpers 6.1.4
    @turf/nearest-point 6.0.1
    @turf/polygon-to-line 6.0.3
    @turf/turf 5.1.6
    geojson-path-finder 1.5.2
    google-map-react 1.1.4
    json-loader 0.5.7
    prop-types 15.7.2
    react 16.8.6
    react-dom 16.8.6

devDependencies

    babel-loader 6.3.1
    babel-preset-es2015 6.22.0
    babel-preset-react 6.23.0
    babel-preset-stage-0 6.22.0
    css-loader 0.26.1
    eslint 3.15.0
    eslint-plugin-react 6.9.0
    node-sass 4.5.0
    sass-loader 6.0.0
    sockjs-client 1.1.2
    style-loader 0.13.1
    webpack 2.2.1
    webpack-dev-server "2.3.0