Piattaforma Proiezioni Climatiche per il Nord-Est

Climate Projections Platform for North-Eastern Italy

About

This work is licensed under a Creative Commons Attribution-ShareAlike 3.0 IT License.

Commissioned by & Data credits to

Designed and developed in Italy by

Install & development

This project uses the Yarn Package Manager .

Install dependencies

yarn install

Before launching the application, copy the contents of .env.example file to .env and edit Environment variables.

Launch application in development mode

yarn start

Open the browser and enter the following URL in the address bar

http://localhost:3000

Dependencies

• React: entire project is based on React;
• Redux: for state management;
• Redux-Saga: Side effects manager;
• Material UI: design system;
• Leaflet: library used for map visualization;
• ECharts: library used display the timeseries charts.

Project Structure

• src/app/index.tsx: application's entry point;
• src/app/pages/MapPage/index.tsx: main container, it's rendered throughout the application;
• src/app/pages: Application pages;
• src/app/components: React components;
• src/app/Services/API: APIs consumers, based on axios, to communicate with the server and other services such as Thredds;
• src/app/utils/theme.ts: Material UI theme customizations.
• src/locales/it/translation.json: Italian terms dictionary;
• src/app/pages/MapPage/slice: Redux and Redux-Saga management;
• src/utils: Utility functions.

Docker build command for production

docker build -t ppcv_frontend -f production.Dockerfile .