Git Product home page Git Product logo

node-red-contrib-tv's Introduction

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

node-red-contrib-tv's People

Contributors

macbury avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar

Forkers

visionarylab

node-red-contrib-tv's Issues

Node-red exits

After the installation of the node, node-red cannot start. The only suspicious message in the log is
Error: EACCES: permission denied, mkdir '/dist'

Great contribution!

Wanted to leave a comment on your excellent work! Looking forward for new widgets/nodes such as graphs, switch, slider, image and guage and even template node. This is by far the best dashboard I found for node-red. Whish I could contribute =)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.