Skip to content

Latest commit

 

History

History
57 lines (44 loc) · 1.77 KB

README.md

File metadata and controls

57 lines (44 loc) · 1.77 KB

MagicBox Kepler Demo

Chat with us on our gitter channel!
This project has:
  • an express backend that serves a default config.json to kepler-demo.
  • the keplergl client has a "Save Config" button that replaces old default map with current map.
Below are two sample schools from Kyrgyzstan, colored according to their level of connectivity to the internet.

screenshot

Docker

  • cp ./client/.env-sample ./client/.env
  • add MapBox token to ./clien/.env
  • cp ./server/config-sample.json ./server/config.json
  • cp ./client/config-sample.js ./client/config.js
  • docker-compose up

Otherwise install and run

Go to your terminal / command-line interface and type in the following lines:

  • Run the backend
cd server
cp config-sample.json config.json
yarn install
yarn start
  • Go back to the root directory
cd ..
  • Add mapbox access token to node env
export MapboxAccessToken=<your_mapbox_token>
  • Run the kepler.gl client
cd client
cp config-sample.js config.js
yarn --ignore-engines
yarn start

Developer Background

This demo is built on Kepler.gl. Here are a couple sources for learning how to work with Kepler:

Kepler itself is built on Redux. An understanding of Redux is helpful for any changes to the UI. Redux has a basic tutorial that covers key concepts.

ede695c192d5a5220712c6e6936fa17e773fbd7d