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: about 1 month ago
JSON representation

Dashblocks Vue Material Admin Template

• Host: GitHub
• URL: https://github.com/slanatech/dashblocks-template
• Owner: slanatech
• License: mit
• Created: 2019-06-05T22:12:43.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2023-06-01T18:52:00.000Z (over 1 year ago)
• Last Synced: 2024-07-15T12:54:23.578Z (about 2 months ago)
• Topics: admin-dashboard, admin-template, analytics, chartjs, charts, d3, dashboard, dygraphs, material-design, material-ui, plotly, quasar-framework, quasar-template, vue, vue-template
• Language: Vue
• Homepage: https://slanatech.github.io/dashblocks-template
• Size: 16.9 MB
• Stars: 175
• Watchers: 7
• Forks: 59
• Open Issues: 27
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE

Awesome Lists containing this project

• quasar-awesome - github - template) | A Free and Open Source Quasar Material Admin Template focusing on beautiful Dashboards and In-App Analytics | v1 | (Awesome Quasar [](https://github.com/sindresorhus/awesome) / Tutorials)

README

        






# 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)