mattacus/hardy-bot

Hardy-Bot

A dashboard for loading real-time data widgets to an IoT display

Tools/Technologies Used

• React
• Redux
• Material UI
• Node.js + Express
• PostgreSQL + Sequelize
• Socket.io
• Webpack
• Streamdata.io

Authors

• Raphael Croce
• Matt Lee
• Trevor Sasaki

Setup

You will to need to register for a few APIs for the widgets, as well as Streamdata.io (link above), a real-time cache proxy allowing you to poll JSON REST APIs and push updates to your dashboard and IoT display. In Streamdata, you will then need to add you

Examples of the APIs we are using:

• Weather: OpenWeatherMap
• Stocks: IEX Group
• News: News API
• Traffic: Bing Maps

Run:

$ npm install

Create a .env in the root directory with the following variables:

Also, there is a (Maps API - Mapping) API Key embedded in the Google Maps React component that is restricted and will need to be replaced.

Scripts:

$ npm run server-dev #for server 
$ npm run react-dev  #for client

Usage

Login or Sign up (currently, it is just using site-wide auth).

Device Dashboard:

Gives an overview of device information. Current Particle cloud status (online/offline), memory usage, and currently loaded profile are shown, along with graphs of uptime and network strength.

Device Profiles:

Allows the user to create/delete/update and deploy widget profiles to the Particle device.

Widgets Store:

Widget dashboard providing widget overview, real time information, and widget configuration. Entering this view also will start widget data streaming to the device.

Device Location:

Show device location (not fully implemented at the moment)

User Profile:

View/update user profile information.