Hosted_Url: http://www.sivapp.in
- Go through the airmeet video demonstration and understand how pebble devices work, get the overall understanding
- Create a Iotex test net account and configure it in meta mask
- Get a pebble test device from iotex dev team
- Register your pebble device with the test net account you have created before.(url : https://app.iott.network/ ) (device IMEI: 100000000000009 , account registered : 0xbdCF0B9759C37dBcb37BAaF43a7D27c5B74b9059)
- Fund your account with IOTEX token through faucet service (https://faucet.iotex.io/)
- Register your device with the help of device simulator (url : clone https://github.com/iotexproject/pebble-simulator)
- Send simulated data via https://brewmy.info/
- Verify the data from this graphql server : http://subgraph.iott.network:8000/subgraphs/name/iotex/pebble-subgraph/graphql
- Decide on visualising the device telemetry data (apex charts)
- Paginated window to display each telemetry event
- Detailed modal view of each event on click of a event from paginated view.
- Google map marker for the latitude and longtitude values
- Graphql response parser
- Hex to json conversion through protobuf (did POc on both protobuf.js and google protobuf and went ahead with google protobuf library for decoding)
- Major design templates are reused from material UI.
Demo : https://drive.google.com/file/d/1_oDp88hF6Mi861_tNplwxICr6LixzcDq/view?usp=sharing
Code is written with the help of nextjs framework
- checkout the code
- npm install
- npm run dev (for windows OS , to work with node_options, refer this: https://stackoverflow.com/a/56129407)
- code will run at localhost:3000
- To test the workflow use this IMEI id: 100000000000009
For further reading , visit : https://iotex.gitbook.io/trustream/