kadzany / vue-paper-dashboard

Creative Tim Paper Dashboard made for Vue

vue-paper-dashboard

Admin dashboard based on paper dashboard UI template + vue-router + vuex

This project is a vue version of Paper-dashboard designed for vue js.The dashboard includes vue-router and vuex

Live DEMO

Note: Work in Progress on the unchecked parts from the TODO list

Todo

• Implement all components in Vue
  • Sidebar
  • Charts
  • Form
  • Tables
  • Custom Vue Notifications (WIP on notification layout)
• Add docs regarding implementation details
• Cleanup vuex implementantion
• Unit tests for custom components

Build Setup

install dependencies

npm install

serve with hot reload at localhost:8080

npm run dev

build for production with minification

npm run build

run unit tests

npm run unit

run and watch unit tests

npm run unit:watch

Contribution guide

• npm install or yarn install
• If you use 3rd party libraries/components in more than 1 place make sure to define them globally for ease of use Example

  Object.defineProperty(Vue.prototype, '$Chartist', {
    get() {
      return Chartist;
    }
  });

• Please don't use jQuery or jQuery based plugins since there are many pure Vue alternatives
• Write unit tests for your custom components. See fgInput.spec and paper-table.spec

For detailed explanation on how things work, checkout the guide and docs for vue-loader.