/Arpav-PPCV

La Piattaforma Proiezioni Climatiche per il Nord-Est propone proiezioni climatiche per il territorio del Nord-Est Italia attraverso undici indicatori.

Primary LanguageTypeScriptCreative Commons Attribution 4.0 InternationalCC-BY-4.0

Piattaforma Proiezioni Climatiche per il Nord-Est

This is the frontend component of the ARPAV-PPCV system.

Climate Projections Platform for North-Eastern Italy

Piattaforma Proiezioni Climatiche per il Nord-Est

About

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

Commissioned by & Data credits to
ARPAV

Designed and developed in Italy by
INKODE soc coop

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 .