Distances App

Find the distance between two IPs

This mini React app uses Google's Distance Matrix API to calculate distances between geolocations and FreeGeoIP API to convert IP Addresses to geo coordinates. Vanilla React using State Lifting to manage state.

I chose Webpack Dev Server and Fetch API to try out for this demo.

http://distances.alicechuang.com/

Packages

React

• https://reactjs.org/
• https://github.com/facebook/react

React-Redux (maybe)

• https://redux.js.org/

Babel

• https://babeljs.io/docs/plugins/
• React/Env/Stage-3

Webpack Dev Server

• https://github.com/webpack/webpack-dev-server
• https://webpack.js.org/configuration/dev-server/#devserver

SASS

• http://sass-lang.com/guide
• https://github.com/sass/node-sass

Fetch API

• https://developers.google.com/web/updates/2015/03/introduction-to-fetch
• https://github.com/github/fetch

Google Distance Matrix API

• https://developers.google.com/maps/documentation/distance-matrix/

GraphQL (not implemented) https://api.graphloc.com/graphql

Installation

• git clone https://github.com/AliceWonderland/Distances-App.git
• cd to Distances-App
• npm install
• npm run start
• View on http://localhost:9000/