PHPackages                             owlycode/reactboard - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Framework](/categories/framework)
4. /
5. owlycode/reactboard

ArchivedProject[Framework](/categories/framework)

owlycode/reactboard
===================

The fast and flexible reactphp dashboard

0.1.0(11y ago)622MITPHP

Since Jun 11Pushed 10y ago1 watchersCompare

[ Source](https://github.com/OwlyCode/reactboard)[ Packagist](https://packagist.org/packages/owlycode/reactboard)[ RSS](/packages/owlycode-reactboard/feed)WikiDiscussions master Synced 1w ago

READMEChangelogDependencies (7)Versions (2)Used By (0)

ReactBoard
==========

[](#reactboard)

[![SensioLabsInsight](https://camo.githubusercontent.com/6dc1caa30715fbddb1e77d75a5bc2601a103251fc0f7789c565d6c35911c0174/68747470733a2f2f696e73696768742e73656e73696f6c6162732e636f6d2f70726f6a656374732f38633635346535642d623834642d346665642d383935382d3631343130326630306461382f6d696e692e706e67)](https://insight.sensiolabs.com/projects/8c654e5d-b84d-4fed-8958-614102f00da8)

[![screenshot](https://camo.githubusercontent.com/ec4a6e653f31d5cbbddc05304da8d000268107e1c519160b6aefd50651ce04a6/687474703a2f2f692e696d6775722e636f6d2f6d776c574655492e706e673f31)](https://camo.githubusercontent.com/ec4a6e653f31d5cbbddc05304da8d000268107e1c519160b6aefd50651ce04a6/687474703a2f2f692e696d6775722e636f6d2f6d776c574655492e706e673f31)

What is it ?
------------

[](#what-is-it-)

ReactBoard is an extensible dashboard based on React, Rachet and the Symfony Components. Install it on a server, set up the applications you wish and plug a screen !

You can interact in real time with it via an http API.

Getting started
---------------

[](#getting-started)

Create a composer.json

```
{
    "autoload": {
        "psr-0": { "": "src/" }
    },
    "require": {
        "owlycode/reactboard": "~0.1"
    }
}
```

And then execute the following commands

```
composer install
cp vendor/owlycode/reactboard/app . -r
mv app/app.php.dist app/app.php
```

Now run the application with `php app/app.php`

When browsing `http://localhost:8080/home/landing`, you should see the welcome page.

Playing around
--------------

[](#playing-around)

The following applications are included : hello, prompt, twitter and vlc.

- hello is the one you are seeing by default, it's basically an hello world.
- prompt will display a single message.
- twitter will display a live updated list of tweets from a hashtag.
- vlc will display a player (your browser needs the VLC plugin) streaming from a specified source.

You can switch between applications by issuing calls to the `http://localhost:8080/home/command` URL. Give a try to the following commands and see what happens in your browser :

```
curl "http://localhost:8080/home/command?app=prompt&message=Oh%20Hi!"
```

Before running this one, you will need to setup a twitter application and enter its credentials in app/app.php

```
curl "http://localhost:8080/home/command?app=twitter&hashtag=symfony"
```

Before running this one, make sure you have vlc installed (tested on linux & windows). Don't forget to `killall vlc` when you are done.

```
vlc screen:// --screen-fps=20 --live-caching=10 --sout="#transcode{vcodec=mp2v,vb=256,fps=20,scale=Auto,acodec=none}:http{mux=raw,dst=:8081/}" -I dummy &
curl "http://localhost:8080/home/command?app=vlc&streamer=127.0.0.1:8081"
```

Customize the theme
-------------------

[](#customize-the-theme)

Create your own css file in `app/Resources/css` and replace the default theme in `app/app.php` :

```
$kernel->link(new ExternalAsset(__DIR__ . '/Resources', 'css/your-theme-file.css'));
```

Create your own application
---------------------------

[](#create-your-own-application)

Create an `src/MyNamespace/MyAppName` folder with the following files :

```