Giter VIP home page Giter VIP logo

kraken-dashboard's Introduction

Kraken Dashboard

kraken-dashboard is a web application created using Node.js and React. It's purpose is to give a visual monitor of a system controlled by Kraken

Getting Started

Prerequisites

The only requirements for kraken-dashboard are nodejs and yarn. Once these are installed, you can use yarn to install all the other node modules.

Starting a development server

  1. Clone the repository: git clone https://github.com/hpc/kraken-dashboard.git
  2. Go into the kraken-dashboard directory: cd kraken-dashboard
  3. To install all node modules run: yarn (This is only nessesary after a fresh clone)
  4. To start the development server run: yarn start (This should open a browser automatically otherwise go to localhost:3000)
  5. Enjoy!

Build the standalone application

  1. Clone the repository: git clone https://github.com/hpc/kraken-dashboard.git
  2. Go into the kraken-dashboard directory: cd kraken-dashboard
  3. To install all node modules run: yarn (This is only nessesary after a fresh clone)
  4. To build the electron app run: yarn electron-pack (this will build the electron application in the dist folder)
  5. Enjoy!

Configuration

All configuration settings are in src/config.ts. Here you can change the ip address of your kraken instance so the dashboard will poll information from the correct ip. You can also set the default refresh rate here.

export const KRAKEN_IP = '192.168.57.10:3141'
export const REFRESH = 0.5

Examples:

The Dashboard is the main screen that will show information about all the nodes in a cluster that Kraken is managing. Dashboard


The node view gives more details on a specific node and can be accessed by clicking on the node in the dashboard screen. It includes information about all extensions and services as well as discoverable and configuration state of the node. At the bottom of the page is the mutation node graph.

Mutation graph colors:

  • Red: The current mutation node or edge
  • Green: Nodes and edges that in the current mutation path
  • Grey: All possible mutation nodes and edges NodeView

kraken-dashboard's People

Contributors

jlowellwofford avatar kpelzel avatar

Watchers

 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.