https://github.com/timgrossmann/vorto-dashboard
React/Node Dashboard
https://github.com/timgrossmann/vorto-dashboard
dashboard eclipse iot iot-device nodejs react vorto
Last synced: about 1 year ago
JSON representation
React/Node Dashboard
- Host: GitHub
- URL: https://github.com/timgrossmann/vorto-dashboard
- Owner: timgrossmann
- Created: 2019-03-25T10:15:43.000Z (about 7 years ago)
- Default Branch: master
- Last Pushed: 2019-04-23T03:28:29.000Z (about 7 years ago)
- Last Synced: 2025-03-19T00:04:07.884Z (over 1 year ago)
- Topics: dashboard, eclipse, iot, iot-device, nodejs, react, vorto
- Language: CSS
- Homepage: https://vorto.eclipse.org/
- Size: 1.54 MB
- Stars: 5
- Watchers: 5
- Forks: 1
- Open Issues: 9
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
Awesome Lists containing this project
README
> **Deprecated** - This project will be continued [here](https://github.com/eclipse/vorto-examples)
# [Eclipse Vorto](https://github.com/eclipse/vorto) Device Dashboard
React and NodeJS based Dashboard that helps quickly prototype IoT Device integrations with the Bosch IoT Suite.
Integrated IoT devices can be displayed and data visualized.
## Installation
```bash
cd vorto_dashboard
yarn install # please use yarn here to avoid any problems
# start the react dashboard
npm start
# start the "backend"
node index.js
```
## Setup Things
1. Create BoschID account
1. Subscribe to Suite for Asset Communication (Beta)
1. Set the namespace in the Asset Communication Dashbard. This is needed to create things.
1. Go to profile -> OAuth2 Clients
1. Create new client (Check the Things checkbox)
1. Copy Client ID, Client secret, scope into the config.json file.
1. Create Things in the console
1. For each device, add an Entry at the policies tab with type "suite-auth" and the clientID from your auth client. Grant thing READ access.
> Once you start the dashboard, all your devices should now be listed and by default, their values will be updated every 5 seconds.
## Extending the Dashboard with custom Cards
If you want to implement custom cards for your own function blocks, [**this short guide**](./extending.md) will serve as a starting point to do so.