Git Product home page Git Product logo

overwatch-mozaik's Introduction

Mozaïk demo dashboards

Travis CI

This repository shows how to use Mozaïk with npm extensions.

Usage

Clone the repo

git clone [email protected]:plouc/mozaik-demo.git

Install packages

cd mozaik-demo
yarn install

Build assets (js/css)

yarn build

Run the default demo

node server.js

Running an alternative demo

This repo provides several config files targeting specific extensions demo, to run another demo, simply pass the config file as first argument:

node server.js config-github.yml

Just search for config-*.yml files to see what's available.

Tweaking default theme

Several themes are loaded from mozaik-themes package, you can change the default theme used by updating this line in src/index.js:

// src/index.js
ThemeManager.defaultTheme = wine.name

Adding environment variables

Some extensions requires additional settings, you can add it via environment variables to avoid modifying config files, you can use export:

export GITHUB_API_TOKEN="xxxxx"
node server.js config-github.yml

or prepend it to the command:

GITHUB_API_TOKEN="xxxxx" node server.js config-github.yml

or create an .env file if you want a more permanent solution:

# .env
GITHUB_API_TOKEN=xxxxx
node server.js config-github.yml

Note that .env file is in .gitignore to prevent pushing sensible data to GitHub.

overwatch-mozaik's People

Contributors

plouc avatar glenjamin avatar kurtextrem avatar andyfleming avatar juhamust avatar

Watchers

Rob Lazzurs avatar James Cloos avatar  avatar Joe McGrath avatar Nick Talbot avatar Tim Taylor 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.