A web-application tool for visualizing the spatial and temporal changes in the Polar ice conditions.
The Polar Extrapolation is a web-application built during the 24-hour NASA Space Apps Challenge 2018 for the problem statement Polar Opposites by the team CaffeineJunkieXL. Built using Angular and Python, this web-application serves as a tool for visualizing the spatial and temporal changes in the Arctic and Antarctice ice conditions. The sytem uses data collected from NSIDC and NASA, and then preprocesses and interprets it for the general audience.
The following instructions will help you get this system up and running in your local system.
Before proceeding to the installation, make sure that your system contains all the prerequisites.
1. Install Python 3.6+ (Anaconda distribution recommended)
Run the following commands on the terminal to install all the dependencies:
conda install -c anaconda flask
conda install -c anaconda flask-cors
conda install -c conda-forge flask-restful
3. Install Node.js and npm
Run the following command on the terminal to install Angular CLI
npm install -g @angular/cli
Once all the prerequisites are installed, run the following commands on the terminal to compile the source code on your system:
git clone https://github.com/adildsw/the-polar-extrapolation/
cd the-polar-extrapolation
npm install
ng build
If the source is compiled successfully without any errors, follow these steps to host the Python Flask server (backend) and Angular server (frontend):
Open a new terminal and navigate to the-polar-extrapolation folder. Then run the following commands:
cd server
python server.py
Upon successful Flask server hosting, the terminal should return the following message:
* Serving Flask app "server" (lazy loading)
* Environment: production
WARNING: This is a development server. Do not use it in a production deployment.
Use a production WSGI server instead.
* Debug mode: off
* Running on http://127.0.0.1:5002/ (Press CTRL+C to quit)
In a new terminal, navigate to the-polar-extrapolation folder. Then run the following command:
ng serve
Upon successful Angular server hosting, the terminal should return the following message:
** Angular Live Development Server is listening on localhost:4200, open your browser on http://localhost:4200/ **
i ｢wdm｣: Compiled successfully.
Once both the servers are hosted and running, open your browser and navigate to http://localhost:4200/. Upon launch, the following screen should pop up:
NOTE: The system is best viewed in a 1080p display.
The following datasets are used in the making of this system: