Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/slanatech/dashblocks-template

Dashblocks Vue Material Admin Template
https://github.com/slanatech/dashblocks-template

admin-dashboard admin-template analytics chartjs charts d3 dashboard dygraphs material-design material-ui plotly quasar-framework quasar-template vue vue-template

Last synced: 26 days ago
JSON representation

Dashblocks Vue Material Admin Template

Awesome Lists containing this project

README

        


https://dashblocks.io

# Dashblocks Vue Material Admin Template | [DEMO](https://slanatech.github.io/dashblocks-template)

![](https://img.shields.io/badge/vue-2.x-brightgreen.svg)


![CI](https://github.com/slanatech/dashblocks-template/workflows/CI/badge.svg)

### Enable Analytics in your Vue App with [Dashblocks](https://github.com/slanatech/dashblocks)

[Live Demo](https://slanatech.github.io/dashblocks-template)

![dashboard](screenshots/dashblocks.png?raw=true)

Dashblocks Vue Material Admin Template is build based on [Quasar Framework](https://quasar.dev/), [Vuex](https://vuex.vuejs.org/installation.html), [Vuejs](https://vuejs.org/) and [Dashblocks](https://github.com/slanatech/dashblocks).

We focus on providing beautiful interactive Dashboards out of the box, and helping to enable In-App Analytics in your Apps.

[Dashblocks](https://github.com/slanatech/dashblocks) enables simple and streamlined way to quickly add awesome Dashboards in your app:

* Use declarative approach to define a dashboard. The whole dashboard is just one JS object (or JSON)
* Provide reasonable out of the box defaults for all chart types, such as colors
* Support dark / light modes out of the box
* Enable interactivity by providing event handling on dashboard level
* Streamline dynamic updates of dashboard data, for example based on user interaction with dashboard
* Even dynamically generate Dashboard itself based on the data - thanks to declarative approach

## Quick start

Clone `dashblocks-template` repo:

```bash
$ git clone https://github.com/slanatech/dashblocks-template.git
```

Install dependencies:

```bash
$ cd dashblocks-template
$ yarn install
```

Run `serve`:

```bash
$ yarn run serve
```

`dashblocks-template` is set up using [vue-cli](https://github.com/vuejs/vue-cli), you will see standard `vue-cli` scripts in `package.json`: `serve`, `build` ...
[Quasar Framework](https://quasar.dev/) is configured using Vue CLI Quasar Plugin.

## Enhancements and Bug Reports

If you find a bug, or have an enhancement in mind please post [issues](https://github.com/slanatech/dashblocks-template/issues)

test1 test2 test3

## License

[MIT](LICENSE)