EPS Frontend

A dashboard SPA for inspecting energy consumption data collected by EPS plugin.

Table of Contents

1. Build and Run
2. Funding

Build and Run

Prerequisites

1. EPS DAC Service setup, running and reachable.
2. Node

Run in Development Mode

1. Clone this repo and navigate to it's root directory.
2. Install npm packages:

npm install

3. Prepare your env-config.js file:

cp env-config.js.template env-config.js

4. Replace ${API_URL} in env-config.js with an actual URL of running EPS DAC Service.

5. Launch the dev server:

npm run dev

Build As A Static Bundle

1. Clone this repo and navigate to it's root directory.
2. Install npm packages:

npm ci

3. Prepare your env-config.js file:

cp env-config.js.template env-config.js

4. Replace ${API_URL} in env-config.js with an actual URL of running EPS DAC Service.

5. Build the bundle:

npm run build

Build As A Docker Image

Prerequisites

1. Docker

Steps

1. Clone this repository and navigate to it's root directory.
2. Build the docker image:

docker build -t eps-frontend:latest .

Run as Docker Container

Steps

1. Clone this repository and navigate to it's root directory.
2. Build an image (if you haven't already, check previos section).
3. Prepare your env-config.js file:

cp env-config.js.template env-config.js

4. Replace ${API_URL} in env-config.js with an actual URL of running EPS DAC Service.

5. Run the container:

docker run --rm -d -p <DESIRED_PORT>:80 \
   -v env-config.js:/usr/share/nginx/html/env-config.js \
   --name eps-frontend \
   eps-frontend

Funding

The development of EPS Services is funded by the BMFTR Germany in the context of the NAAICE project (GreenHPC grant).