Giter Site home page Giter Site logo

monash-human-power / dashboard Goto Github PK

View Code? Open in Web Editor NEW
6.0 1.0 1.0 1.82 MB

Monash Human Power - Data Aquisition System Web Server.

CSS 1.31% HTML 0.75% JavaScript 30.33% Python 1.64% Shell 0.39% TypeScript 65.57% Procfile 0.01%
mhp das mqtt data-acquisition

dashboard's Introduction

Monash Human Power - Data Acquisition System Web Server

eslint Checker All Contributors

Generic badge

A web server for the Data Acquisition System (DAS) for Monash Human Power.

The node.js + Express HTTP REST server is used to host the real-time dashboard whilst the MQTT broker is used to transfer data from the sensors to all the necessary scripts that need it.

Getting Started

Environment variable setup

Set up environment variables using a .env file. Create a .env file in the server/ directory. Add the following variables:

Environment Variable Description
MQTT_USERNAME MQTT username
MQTT_PASSWORD MQTT password
MQTT_SERVER Address of the MQTT broker
MQTT_PORT Port of the MQTT broker
HEROKU Define this only if you are the Heroku instance

Installation guide - Frontend

  1. Go to client/
  2. yarn install to install all dependencies and libraries
  3. yarn start to start the development server
  4. yarn build to create an optimized production bundle

Installation guide - Backend

  1. Go to server/
  2. yarn install to install all dependencies and libraries
  3. Build the frontend production bundle
  4. yarn start to start the server

Deploying

This project is set up to automatically deploy from GitHub.

Branch Environment URL
master Production http://mhp-board.herokuapp.com
Pull requests Review app

Documentation

Endpoint Method Body Description
/files GET Returns an array of files that are stored on the server
/files/recent GET Download most recent file edited from server
/files/filename GET Download specified file from server
/files/filename DELETE Delete specified file from server
/server/status GET Status of the server

TODO

  • Add Map display
  • Add power model graph/output
  • Options page that saves options to browser storage

Contributors โœจ

Thanks goes to these wonderful people (emoji key):


Angus Lee

๐Ÿ’ป

Christopher Hall

๐Ÿ’ป

Angus Trau

๐Ÿ’ป

Harsil Patel

๐Ÿ’ป

Riley Clarke

๐Ÿ’ป

This project follows the all-contributors specification. Contributions of any kind welcome!

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.