• Stars
    star
    222
  • Rank 179,123 (Top 4 %)
  • Language
    JavaScript
  • License
    Apache License 2.0
  • Created about 9 years ago
  • Updated about 7 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

Completely Browser Based IOT Platform

Pagenodes

Gitter

You can check out a working example of pagenodes here. Pagenodes is an in-browser fork of node-red. It requires no back-end server and is 100% browser-based. If you are going to host this, many modules will need to be hosted via https, or you can run it locally for full functionality.

screenshot

Pagenodes is currently in a heavy state of development, and we are working on a roadmap to follow for future implementations. In its current form it offers a large amount of functionality with very little set up.

Overview

With pagenodes our goal is to give the user a simple, browser-based IOT network. This gives the development of the workflow to the user without relying on a third party network. Basic functionality can be as simple as relaying an image from the camera to Chrome notification center, scaling up to allowing a robotics protocol like johnny5 the ability to control robotics via the web-browser.

Install

Building PageNodes requires a local node(version 6+) install.

git clone [email protected]:monteslu/pagenodes.git
cd pagenodes
npm install
npm run build

Running Locally

npm run build
npm run start

This will open up a webserver locally with ecstatic on port 1337.

Requirements For Bluetooth Low Energy(BLE) Control

Click here to see what is currently supported for the BLE nodes in pagenodes. Currently bluetooth is enabled for Chrome OS only, but other browsers are working to implement them as well. This site has a list of devices currently compatible.

Setting Up A Basic Flow

Setting up a simple flow with pagenodes is pretty easy. The UI is the standard drag and drop interface from node-red, however we implement a range of new functionality.

Setting up a timestamp delivery

  1. Drag the inject tab from the left column onto the sheet.
  2. Drag the debug tab onto the sheet.
  3. Click and drag from the node on the right side of the 'timestamp' module to the node on the left hand side of the 'msg.payload' module. The flow should look like this: base flow
  4. Next Click on the deploy button to start the flow. Any time there is a change to the flow you must re-deploy.
  5. Click the grey square to the left of the timestamp node in order to activate it. You can switch to the debug panel on the right side of the screen in order to see the actual results!

Almost all of the nodes in the left column will have a small readme in the info tab explaining how they work.

This will give you the base functionality need in order to learn how the nodes work!

Credits & Contributors

Copyright & License

Copyright 2013, 2015 IBM Corp. under the Apache 2.0 license.

More Repositories

1

webusb-serial

virtual serialport implementation using web usb as its transport
C++
106
star
2

j5-chrome

Johnny-Five Nodebots as a chrome packaged application
JavaScript
44
star
3

node-red-contrib-gpio

A set of node-red nodes for connecting to johnny-five IO Plugins
JavaScript
41
star
4

mqtt-serial

a node-serialport implementation using an MQTT client for sending and receiving serial data.
JavaScript
39
star
5

bgg

boardgamegeek API client for Node.js
JavaScript
37
star
6

Face

Side loadable app to bidirectionally communicate from Google Glass to a websocket
Java
29
star
7

p5.j5

Johnny-Five for Processing p5.js
JavaScript
26
star
8

bean-io

Punchthrough LightBlue Bean IO for use with Johnny-five
JavaScript
22
star
9

remote-io

Remote control ANY Johnny-Five IO class via a virtual serialport
JavaScript
22
star
10

remotepi

A raspberry Pi web app in node to remote control GPIOs in a browser with johnny-five
JavaScript
19
star
11

coolbeans

web page to control a light blue bean
JavaScript
18
star
12

ble-serial

a node-serialport implementation using BLE for sending and receiving serial data.
JavaScript
17
star
13

udp-serial

a node-serialport implementation using a UDP/dgram client for sending and receiving serial data.
JavaScript
14
star
14

iotdevfest18

iot dev fest 2018
C++
13
star
15

monwarp

A simple game engine using HTML5, Javascript and dojo
JavaScript
13
star
16

bggapp

game picker app for bgg
JavaScript
10
star
17

ble-io

IO client class for generic GPIO services and characteristics over Bluetooth Low Energy
C++
9
star
18

socket.io-serial

Virtual node-serialport implementation using socket.io clients.
JavaScript
9
star
19

ar3d

augmented reality demo using barcode detection api
JavaScript
8
star
20

hsync

hsync protocol client
JavaScript
7
star
21

jsonrpctest

json-rpc over websockets app
JavaScript
7
star
22

pool

simple pool game
JavaScript
7
star
23

drawitlive

collaborative drawing
Java
7
star
24

beancontrol

simpel phonegap/cordova app to control Bean-IO Beanbot
JavaScript
6
star
25

alodash

simple proxy that promise-enables lodash functions
JavaScript
6
star
26

robojs

javascript robot avatar hashing inspired by robohash
JavaScript
6
star
27

bean-serial

Virtual node serialport device using ble-bean (Lightblue Bean node bindings)
JavaScript
5
star
28

CircuitPlaygroundFirmataWebUSB

WebUSB version of Circuit Playground Firmata
C++
5
star
29

splidi-serial

a node-serialport implementation that splits byte over a MIDI transport.
JavaScript
5
star
30

term

simple web serial terminal in a progressive web app
JavaScript
5
star
31

qrcode

simple web app to generate qr codes
HTML
5
star
32

xkcd1110

xkcd 1110 scripts
Shell
5
star
33

j5-browser-serial-demo

A simple react app demo of using Johnny-five with browser serial port
JavaScript
5
star
34

nobleweb

Simple heart rate monitor web app using a webpacked noble
JavaScript
4
star
35

nodebotsday2018

nodebots day 2018
C++
4
star
36

qrshare

an offline way to share files with QR codes, WASM, and usermedia
JavaScript
4
star
37

nodeart2019

C++
4
star
38

facepalm

ascii facepalm
JavaScript
4
star
39

hsync-server

hsync server for connecting devices over a single web port
JavaScript
3
star
40

nodebotsday2017

nodebots day instructions
3
star
41

node-red-contrib-meshblu

A set of input and output nodes for connecting node-red to meshblu (formerly skynet.im)
HTML
3
star
42

qr_perf

web app to test browser based QR code detection performance
JavaScript
3
star
43

ar2d

simple web app that can read QR codes and display 2D augmented reality
JavaScript
3
star
44

qrscan

simple qr scanner with WASM
JavaScript
3
star
45

meepledrop

Meeple Drop HTML5 Game using FrozenJS
JavaScript
3
star
46

marshmallow

goofing around with monwarp and box2d
2
star
47

careware

Caring for your console output, so you don't have to.
JavaScript
2
star
48

nodebotsday2019

C++
2
star
49

reflector

simple rebroadcasting websocket server
JavaScript
2
star
50

domsim

simple app to run simulations of dominion based on a non-interactive set
JavaScript
2
star
51

genisys

mqtt robotics
JavaScript
2
star
52

zombiedemo

zombie demo using Monwarp engine
JavaScript
2
star
53

webfirmata

firmata or other firmware uploader via webserial and avrgirl-arduino
JavaScript
2
star
54

textonly

Bookmarklet to kill images, plugins, and colors on a site you just want to read.
JavaScript
1
star
55

racegame

frozen gamepad demo
JavaScript
1
star
56

synergy2018

Citrix Synergy 2018 - battlebots
C++
1
star
57

mesasez

PWA to control MesaSez things at heatsync labs
JavaScript
1
star
58

azdbweb

web ui for azdb
1
star
59

b64id

url-safe 128-bit UUID strings expressed in base-64 encoding
JavaScript
1
star
60

dcc13_ws_demos

Demos from my Desert Code Camp talk on websockets
JavaScript
1
star
61

wsrpc

Client and server pieces done in AMD for making JSON-RPC calls via websockets
JavaScript
1
star
62

nobledream

simple isomorphic bluetooth example using noble and a daydream controller
JavaScript
1
star
63

BBCodeEditor

Enhanced HTML Textarea for editing BBCode using dojo/dijit
1
star
64

synergy2019

Citrix Synergy 2018 - battlebots
C++
1
star
65

vidbits

color depth experiments with webcam
JavaScript
1
star
66

dojo-express-boilerplate

A boilerplate for creating Express based Node.js applications that share client and server side dojo code and other AMD modules
JavaScript
1
star
67

bggdev

simple bgg dev template
JavaScript
1
star
68

drawitlivenode

Draw it Live node.js version
JavaScript
1
star
69

tinker-io

simple tinker based IO class for particle cloud
JavaScript
1
star
70

mqtt-packet-web

Precompiled version of mqtt-packet for browser
JavaScript
1
star
71

browserver-hsync

JavaScript
1
star
72

tcp-relay-express

tcp relay to send data to an express server that will relay it to webserial
JavaScript
1
star
73

node-red-contrib-hsync

hsync nodes for node-red
JavaScript
1
star
74

express-serial

express server that presents a webserial page to relay serial data over a websocket
HTML
1
star
75

datwebrtc

using dat peers for web rtc connection signaling
JavaScript
1
star
76

hsync-wc

WebContainer helpers for hsync
JavaScript
1
star
77

tinywebdbjs

A Javascript (ringojs + appengineJS) implementation of TinyWebDb for App Inventor
JavaScript
1
star
78

node-red-ble-uart

Turns your node-red instance into a BLE peripheral that implements the Nordic UART BLE Service
JavaScript
1
star
79

socketrpc

Fast JSON-RPC over websockets.
1
star