main

Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Lints and fixes files

npm run lint

Project Structure

\---src
    |   App.vue
    |   globalDirectives.js
    |   main.js
    |   material-dashboard.js
    |   
    +---.vs
    |               
    +---assets
    |   |   animate.min.css
    |   |   
    |   +---img
    |   |   |   project_logo.png
    |   |   |   sidebar-1.jpg
    |   |   |   sidebar-2.jpg
    |   |   |   sidebar-3.jpg
    |   |   |   sidebar-4.jpg
    |   |   |   vue-logo.png
    |   |   |   younus-logo.png
    |   |   |   
    |   |   \---faces
    |   \---scss
    |                   
    +---components
    |   |   Header.vue
    |   |   
    |   \---SidebarPlugin
    |           index.js
    |           SideBar.vue
    |           SidebarLink.vue
    |           
    +---firebase
    |       firebaseConfig.js
    |       
    +---mixins
    |       GanttMixin.vue
    |       GLOBAL.vue
    |       
    +---pages
    |   |   Authentication.vue
    |   |   Calendar.vue
    |   |   Tasks.vue
    |   |   
    |   +---Dashboard
    |   |   |   ActiveProjects.vue
    |   |   |   ActiveTasks.vue
    |   |   |   CardComponent.vue
    |   |   |   CardToolbar.vue
    |   |   |   CardWidget.vue
    |   |   |   CardWidget1.vue
    |   |   |   ClientsTableSample.vue
    |   |   |   DashboardPage.vue
    |   |   |   FilePicker.vue
    |   |   |   GrowingNumber.vue
    |   |   |   HeroBar.vue
    |   |   |   ModalBox.vue
    |   |   |   ProjectCountdown.vue
    |   |   |   Tiles.vue
    |   |   |   UpcomingTasks.vue
    |   |   |   
    |   |   \---Charts
    |   |           barchart.js
    |   |           chart.config.js
    |   |           piechart.js
    |   |           
    |   +---Gantt
    |   |       gantt.vue
    |   |       GanttPage.vue
    |   |       
    |   +---LandingPage
    |   |       Home.vue
    |   |       Module.vue
    |   |       Projects.vue
    |   |       
    |   +---Layout
    |   |       Content.vue
    |   |       DashboardLayout.vue
    |   |       DefaultLayout.vue
    |   |       TopNavbar.vue
    |   |       
    |   +---Resources
    |   |       FileUpload.vue
    |   |       MeetingMinutes.vue
    |   |       ResourcesPage.vue
    |   |       
    |   \---Teammates
    |           OrderedTable.vue
    |           Teammates.vue
    |           
    +---routes
    |       routes.js
    |       
    \---store
        |   state.js
        |   store.js
        |   
        +---comments
        |       commentsActions.js
        |       commentsGetters.js
        |       commentsMutations.js
        |       commentsState.js
        |       index.js
        |       
        +---events
        |       eventsActions.js
        |       eventsGetters.js
        |       eventsMutations.js
        |       eventsState.js
        |       index.js
        |       
        +---gantt
        |       ganttActions.js
        |       ganttGetters.js
        |       ganttMutations.js
        |       ganttState.js
        |       index.js
        |       
        +---meeting minutes
        |       index.js
        |       notesActions.js
        |       notesGetters.js
        |       notesMutation.js
        |       notesState.js
        |       
        +---notes
        |       index.js
        |       notesActions.js
        |       notesGetters.js
        |       notesMutations.js
        |       notesState.js
        |       
        +---project
        |       index.js
        |       projectsActions.js
        |       projectsGetters.js
        |       projectsMutations.js
        |       projectsState.js
        |       
        \---tasks
                index.js
                taskActions.js
                taskGetters.js
                taskMutation.js
                taskState.js
                

Customize configuration

See Configuration Reference.

dayspan-vuetify-example

https://github.com/ClickerMonkey/dayspan-vuetify-example/blob/master/src/App.vue

dhtmlx gantt chart

https://dhtmlx.com/blog/use-dhtmlxgantt-vue-js-framework-demo/

admin-one-vue-bulma-dashboard

https://github.com/vikdiesel/admin-one-vue-bulma-dashboard