Setup

1. Get the source code

$ git clone https://github.com/Skoli-Code/CEDEJ-Atlas
$ cd CEDEJ-Atlas

2. Install dependencies

$ npm install
# OR
$ yarn install

3. Run the app

$ npm run dev
# OR 
$ yarn dev

It will start the development server with HMR on top of it.

http://localhost:3000 — Development server

Now you can open http://localhost:3000 in your browser and see the application running.

4. Deploy the app

By default this app is configured to be deployed on GitHub pages. If you want to change this behavior, update package.json deploy scripts to have the appropriated behavior.

$ npm run deploy
# OR
$ yarn deploy

Main Components

This app tries to follow the Atomic design principles.

You'll find those main components to be the key elements of the application:

• Atlas
  • CirclesLayer
  • DesertLabelsLayer
  • WaterLabelsLayer
  • WaterLayer
• AtlasLegend
  • TemperaturesLegend
  • AridityLegendNames
• AtlasFilters
  • AridityFilters
  • TemperaturesFilters
  • CircleSizesFilters
  • CircleTypesFilters

Credits

We would like to thank these awesome projects that helped to make this application a reality.

Web development libraries

• React, Redux & Redux Saga
• The Arc starter kit
• styled-components, styled-theme, styled-tools
• Webpack
• Babel

Cartography & Drawing

• Leaflet & React Leaflet
• leaflet-image
• TurfJS
• D3.js for the d3-path & d3-scale modules
• geojson-vt

Utilitaries

• jsPDF
• jszip
• FileSaver.js
• html2canvas

Mapping Data & resources

• ESRI ArcGis for the basemap
• Natural Earth Data for deserts labels and water polygons & labels.