Skip to content

Latest commit

 

History

History
38 lines (25 loc) · 1.72 KB

DASHBOARD.md

File metadata and controls

38 lines (25 loc) · 1.72 KB
Raw

Web Dashboard

Dashboard is a demo front-end implemented as a web application.

Contents

Overview

It is a React application which renders the board sensors data as D3.js charts. On the application start initial data set is fetched from a public API endpoint. By default data for last 4 hours is rendered. Charts are updated in real time using data coming from Cloud via MQTT over Websocket protocol. They have two visualization modes: line and area.

Here are links to dashboard source code and live demo.

Build Instructions

In order to build dashboard application follow steps below:

  1. Install Node.js
  2. Run npm install. This will install dependencies.
  3. Rename src/config.dist.js to src/config.js and update the configuration parameters. See AWS Setup Guidse for AWS parameters details.
  4. Run npm run build. This will build application. Its files are now in dist folder.

Deployment (optional)

One of the simplest hosting options is Amazon S3. In order to deploy the application to S3 do the following:

  1. Configure an S3 bucket to host a website as described in the AWS Setup Guide
  2. Install and configure AWS CLI
  3. Deploy application files with the command aws s3 sync dist/ s3://<your.bucket.name>/