Alplakes React

Alplakes Website

This is the front-end for the Alplakes project build in React v18. Alplakes is an open-source esa funded research project aimed at providing operational products based on a combination of remote sensing and hydrodynamic models for a number of European lakes.

The online deployement can be found at https://www.alplakes.eawag.ch

Development

Install Node.js

Install node.js according to the official instructions https://nodejs.org/en/download

Clone the repository

git clone git@github.com:eawag-surface-waters-research/alplakes-react.git

Install packages

cd alplakes-react
npm install

Launch the service

npm start

Runs the app in the development mode. Open http://localhost:3000 to view it in your browser.

The page will reload when you make changes. You may also see any lint errors in the console.

Build a production package

npm run build

Builds the app for production to the build folder. It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.

Deployement

The application is deployed using AWS Amplify. The GitHub repositority is connected to a CI/CD pipeline which rebuilds and redeploys the application on any commits to the master branch.