Recently, I have completed a Javascript (ES6, React, and Material Design) admin application for “StreamingBandit”, a Python server that helps setting up and running online streaming (contextual) bandit experiments. This management front-end makes it very easy to create new experiments or use one of the default experiments as a starting point for creating your own bandit policies. Just login:

.. and create a (contextual or non-contextual) Bandit experiment, either from scratch, or based on a predefined experiment:

How to install and use StreamingBanditUI

First make sure you have installed StreamingBandit server.

Then just follow these steps.

1. Download and unzip the StreamingBanditUI package here, if you haven’t already. The StreamingBanditUI package will extract into a folder called StreamingBanditUI in the same directory that you downloaded StreamingBanditUI.zip
2. Upload the all of the files contained in the StreamingBanditUI folder to the desired location on your web server and visit index.html.

OR

2. Run StreamingBanditUI by clicking on index.html in the StreamingBanditUI directory. This works in most, but not all browsers. Recent versions of Firefox, Microsoft Edge and Google Chrome should work fine.
3. Now enter the IP or domain together with the port on StreamingBandit is running (default: http://localhost:8080) and login to the StreamingBandit server.

That’s it. You should now be able to access your StreamingBandit server, and start experimenting!

Browser compatibility

StreamingBandit Client is compatible with the following browsers:

StreamingBandit Client is not compatible with Internet Explorer, and does not run locally (by clicking index.html) in Safari. It does run locally in any other browser though.

Specifications

RESTful frontend for StreamingBandit.

Build on Admin-on-rest and React.

To explore the source code, start with src/index.js.

Note: This project was bootstrapped with Create React App.

Available Scripts

The StreamingBandit team makes use of Yarn, but NPM should build StreamingBanditUI fine too. In that case, replace “yarn” below with “npm”.

In the project directory, you can run:

yarn start

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.

yarn build

Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.
Your app is ready to be deployed.