Giter Site home page Giter Site logo

tr33_control's Introduction

Tr33 Control

A web interface to control effects on leds strips. It sends commands to an ESP32 board that controls the leds. The corresponding firmware for the ESP32 can be found here.

This app leverages phoenix channels to sync the state between all connected browsers, so everybody sees the same state. The dynamic forms are all rendered in the backend and pushed via a live_html channel to the clients. It is an attempt to create a dynamic web app with almost no javascript.

Installation

The main dependency is elixir. There are many ways to install it. See the elixir install instructions. You also need a version of npm installed to get the frontend assets.

There is Makefile with the most common commands.

make init

Will install all required dependencies.

Configuration

The file tr33_control/config/config.exs contains some configuration you might want to change.

  • The targets contain all supported led_structures. The host of a target reprepsents one ESP32 that is reachable via network. It can be a domain or IP Address.
  • The active_targets is a white list of targets that should be active in this installation.
  • If not using/not having joysticks comment out the joystick lines in lib/tr33_control/application.ex or else the application will crash when running 'make console':
    #Tr33Control.Joystick,
    #Tr33Control.Joystick.Poller
    

Running the UI

make console

Should start the web interface on localhost:4000 and sync the commands to all ESP32s.

tr33_control's People

Contributors

reimerei avatar arglurgl avatar mrhide-de avatar

Stargazers

 avatar

Watchers

James Cloos avatar Martin Bild avatar xHain hack- & makerspace avatar  avatar

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.