Giter Club home page Giter Club logo

kobayashi_maru's Introduction

LCARS-HomeSystem

Image text

Introduction

This is a React based web frontend bringing openHAB and LCARS together. The goal is a LCARS Style frontend running in a docker environment and sending / receiving entity states through REST API.

Architecture

The current architecture is not as modular as I wish it would be, but here are some of my Ideas:

  • The whole system implements and uses the LCARS-SDK (originally created by Aricwithana, forked and modified by me. Trying to create react-styled-components out of it)
  • The buttons in the bottom area left to the main content area should be the Main Menu to chose the active module (currently not implemented)
  • The TopButtons should depend on the currently active module (working)
  • The modules itself need to be implemented

TopButtons

To give some functionality, you have to change the on_Click() Method of the corresponding TopButton.

How to build and get this to work?

  1. Prepare your openHAB Instance. Create a Long Living Access Token for REST API
  2. You need a Docker Environment.
  3. Clone this Repository
  4. You need to change some codeparts to fit your openHAB Instance (At least src/API/API.js -> function getToken() and function getHost())
  5. Change more of the code: You have to edit the TopButtons on_Click() Methods to match your entities
  6. When you're done changing code: Build the Dockerimage and upload it to your Docker environmet

kobayashi_maru's People

Contributors

crstmkt 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.