Skip to content

Dashing or smashing style dashboard ui for node red

License

Notifications You must be signed in to change notification settings

macbury/node-red-contrib-tv

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

24 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

preview

node-red-contrib-tv

npm version

Create nice dynamic dashboards ready to display on big tv screen. Inspired by smashing. Just install this pallete, add widget first and just visit your node-red server at /tv path and enjoy the view.

See it in action:

Watch the video

Inspiration

I wanted an easy way to display some data on my tv. The default node-red-dashboard was ugly for my standards and I loved the look and feel of the smashing dashboard. In the first attempt node red was used for collecting data, and pushing it to separate instance of smashing dashboard but adding new widgets, and making changes required editing code. So I decided to backport logic and few widgets to be node-red

Building and running on localhost

First install dependencies:

yarn

To run in hot module reloading mode:

yarn dev

This will start node red instance with installed pallete. Every change in nodes/ or backend/ directory will restart node red server.

Publish

npm publish

Running

Open the file http://127.0.0.1:1880/tv in your browser. If you want to run this kind of dashboard on your raspberry pi I suggest to use chilipie-kiosk.

TODO

  • Bring guage widget
  • Bring list widget
  • Bring iframe widget
  • Bring image widget

Credits

Made with createapp.dev

Style

Tech stack

References

About

Dashing or smashing style dashboard ui for node red

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published