File Structure

A basic Dashboard usually looks something like this:

.
├── assets
├── components
|   ├── dashboard
|   ├── helper
|   ├── material
|   ├── shared
|   └── index.js
├── helper
|   └── errorHandler.js
├── Layouts
|   ├── Partials
|   | 	└── navBar.vue
|   └── Main.vue
├── router
|   └── index.js
├── store
|   ├── modules
|   | 	└── app.js
|   | 	└── profile.js
|   | 	└── user.js
|   ├── getter.js
|   └── index.js
├── styles
|   ├── material-dasbboard
|   └── index.scss
├── app.js
└── bootstrap.js

An overview of what each of these does:

File / Directory	Description
`assets`	Use to store statis files.
`components`	Contain Reuseabe view component for dashboard , shared , material design e.t.c
`helper`	This consists helper for error handing during api call.
`router`	Consists of all the router available in the dashboard . This is also used for rendering nav bar .
`store`	This is used to manage vuex store element.
`style`	Consists style for material design
`app.js`	Main js file where instant of vue is loaded
`bootstrap.js`	Load extra js library for laravel . This is optional