Earth Atlas

Create images of maps using various basemaps, contextual and data layers, or explore the map presets about topics like conservation.

Getting Started

In order to start modifying the app, please make sure to correctly configure your workstation:

1. Make sure you you have Node.js installed
2. (Optional) Install NVM to manage your different Node.js versions
3. (Optional) Use Visual Studio Code as a text editor to benefit from automatic type checking
4. Configure your text editor with the Prettier, ESLint and EditorConfig plugins
5. Use the correct Node.js version for this app by running nvm use; if you didn't install NVM (step 2), then manually install the Node.js version described in .nvmrc
6. Install the dependencies: yarn (or npm install)
7. Run the server: yarn dev (or npm run dev)

You can access a hot-reloaded version of the app on http://localhost:3000.

The application is built using React and the framework Next.js. The styles use Sass and the Bootstrap framework.

A continuous deployment system is in place. Each time you push to the master branch, the application is deployed in GitHub Pages through a GitHub Action defined in .github/workflows/build.yml. You can see the status of the build in the “Actions” tab of the repository on GitHub.

Wiki

This project has a wiki with instructions on how to edit the layers, presets and attributions. If you plan on modifying the data, please have a read at the wiki.