NarikMe / narik-pluggable-dashboard-sample

A pluggable dashboard sample with webpack module federation

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

narik-pluggable-dashboard-sample

Sample pluggable dashboard created with Narik and Webpack Module Federation.

Online Demo
Tutorial

In this project , I create a dashboard system (designer and viewer) with multiple pluggable widgets.

Widgets

  • Link
  • Todo List
  • Chart
  • Map
  • DataTable
  • Gauge
  • DateTime
  • ....

Do you have any suggestion? Create an issue for that.

Running the demo

  • Install packages: yarn install (do not use npm!)
  • Build the shared library yarn build:shared
  • Build plugins yarn build:plugins
  • Start the shell: ng s
  • Open the shell http://localhost:4200

Serve a plugin

To server a plugin use ng s, for example ng s kpi. Then change kpi remote mode in plugin definitions to 'development' .

About

A pluggable dashboard sample with webpack module federation

License:MIT License


Languages

Language:TypeScript 56.6%Language:HTML 31.3%Language:JavaScript 6.0%Language:SCSS 4.1%Language:CSS 1.9%