diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..dc93eb4
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1 @@
+/owner-vue/node_modules/
diff --git a/owner-vue/babel.config.js b/owner-vue/babel.config.js
new file mode 100644
index 0000000..e955840
--- /dev/null
+++ b/owner-vue/babel.config.js
@@ -0,0 +1,5 @@
+module.exports = {
+ presets: [
+ '@vue/cli-plugin-babel/preset'
+ ]
+}
diff --git a/owner-vue/package.json b/owner-vue/package.json
new file mode 100644
index 0000000..0582a79
--- /dev/null
+++ b/owner-vue/package.json
@@ -0,0 +1,50 @@
+{
+ "name": "owner-admin",
+ "version": "0.1.0",
+ "private": true,
+ "scripts": {
+ "serve": "vue-cli-service serve",
+ "build": "vue-cli-service build",
+ "lint": "vue-cli-service lint"
+ },
+ "dependencies": {
+ "core-js": "^3.6.5",
+ "vue": "^2.6.11",
+ "vue-router": "^3.2.0",
+ "vuetify": "^2.4.0"
+ },
+ "devDependencies": {
+ "@mdi/font": "^6.1.95",
+ "@vue/cli-plugin-babel": "~4.5.0",
+ "@vue/cli-plugin-eslint": "~4.5.0",
+ "@vue/cli-plugin-router": "~4.5.0",
+ "@vue/cli-service": "~4.5.0",
+ "babel-eslint": "^10.1.0",
+ "eslint": "^6.7.2",
+ "eslint-plugin-vue": "^6.2.2",
+ "sass": "~1.32.0",
+ "sass-loader": "^10.0.0",
+ "vue-cli-plugin-vuetify": "~2.4.2",
+ "vue-template-compiler": "^2.6.11",
+ "vuetify-loader": "^1.7.0"
+ },
+ "eslintConfig": {
+ "root": true,
+ "env": {
+ "node": true
+ },
+ "extends": [
+ "plugin:vue/essential",
+ "eslint:recommended"
+ ],
+ "parserOptions": {
+ "parser": "babel-eslint"
+ },
+ "rules": {}
+ },
+ "browserslist": [
+ "> 1%",
+ "last 2 versions",
+ "not dead"
+ ]
+}
diff --git a/owner-vue/public/favicon.ico b/owner-vue/public/favicon.ico
new file mode 100644
index 0000000..df36fcf
Binary files /dev/null and b/owner-vue/public/favicon.ico differ
diff --git a/owner-vue/public/index.html b/owner-vue/public/index.html
new file mode 100644
index 0000000..c02bc19
--- /dev/null
+++ b/owner-vue/public/index.html
@@ -0,0 +1,18 @@
+
+
+
+
+
+
+
+ <%= htmlWebpackPlugin.options.title %>
+
+
+
+
+
+
+
+
diff --git a/owner-vue/src/App.vue b/owner-vue/src/App.vue
new file mode 100644
index 0000000..ed3f0a2
--- /dev/null
+++ b/owner-vue/src/App.vue
@@ -0,0 +1,25 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/owner-vue/src/assets/logo.png b/owner-vue/src/assets/logo.png
new file mode 100644
index 0000000..f3d2503
Binary files /dev/null and b/owner-vue/src/assets/logo.png differ
diff --git a/owner-vue/src/assets/logo.svg b/owner-vue/src/assets/logo.svg
new file mode 100644
index 0000000..145b6d1
--- /dev/null
+++ b/owner-vue/src/assets/logo.svg
@@ -0,0 +1 @@
+
diff --git a/owner-vue/src/components/Sidebar.vue b/owner-vue/src/components/Sidebar.vue
new file mode 100644
index 0000000..c5ac391
--- /dev/null
+++ b/owner-vue/src/components/Sidebar.vue
@@ -0,0 +1,52 @@
+
+
+
+
+
+
+
+
+
Web Burden
+
+
+
+
+
+
+ {{ icon }}
+
+
+
+ {{ text }}
+
+
+
+
+
+
+
+
+
diff --git a/owner-vue/src/components/Topbar.vue b/owner-vue/src/components/Topbar.vue
new file mode 100644
index 0000000..54684c7
--- /dev/null
+++ b/owner-vue/src/components/Topbar.vue
@@ -0,0 +1,149 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ mdi-bell
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Jane Smith
+
+
+
+
+
+
+ 
+
+
+
+ Jane Smith
+ Logged In
+
+
+
+
+
+ {{ menu.icon }}
+
+
+ {{ menu.title }}
+
+
+
+
+
+
+
+
+
+
diff --git a/owner-vue/src/main.js b/owner-vue/src/main.js
new file mode 100644
index 0000000..20afa10
--- /dev/null
+++ b/owner-vue/src/main.js
@@ -0,0 +1,12 @@
+import Vue from 'vue'
+import App from './App.vue'
+import vuetify from './plugins/vuetify'
+import router from './router'
+
+Vue.config.productionTip = false
+
+new Vue({
+ vuetify,
+ router,
+ render: h => h(App)
+}).$mount('#app')
diff --git a/owner-vue/src/plugins/vuetify.js b/owner-vue/src/plugins/vuetify.js
new file mode 100644
index 0000000..d516d08
--- /dev/null
+++ b/owner-vue/src/plugins/vuetify.js
@@ -0,0 +1,11 @@
+import '@mdi/font/css/materialdesignicons.css'
+import Vue from 'vue';
+import Vuetify from 'vuetify/lib/framework';
+
+Vue.use(Vuetify);
+
+export default new Vuetify({
+ icons: {
+ iconfont: 'mdi', // default - only for display purposes
+ },
+});
diff --git a/owner-vue/src/router/index.js b/owner-vue/src/router/index.js
new file mode 100644
index 0000000..0f24492
--- /dev/null
+++ b/owner-vue/src/router/index.js
@@ -0,0 +1,20 @@
+import Vue from 'vue'
+import VueRouter from 'vue-router'
+
+Vue.use(VueRouter)
+
+const routes = [
+ {
+ path: '/',
+ name: 'dashboard',
+ component: () => import('./../views/Dashboard')
+ },
+]
+
+const router = new VueRouter({
+ mode: 'history',
+ base: process.env.BASE_URL,
+ routes
+})
+
+export default router
diff --git a/owner-vue/src/views/About.vue b/owner-vue/src/views/About.vue
new file mode 100644
index 0000000..3fa2807
--- /dev/null
+++ b/owner-vue/src/views/About.vue
@@ -0,0 +1,5 @@
+
+
+
This is an about page
+
+
diff --git a/owner-vue/src/views/Dashboard.vue b/owner-vue/src/views/Dashboard.vue
new file mode 100644
index 0000000..7eb71a8
--- /dev/null
+++ b/owner-vue/src/views/Dashboard.vue
@@ -0,0 +1,212 @@
+
+
+
+ Dashboard
+
+ View Orders
+
+
+
+
+
+
+ Login Successfully! Welcome to Web Burden
+
+
+
+
+
+
+ {{ item.title }}
+ Last 3 weeks
+
+
+ {{item.amount}} +
+
+
+
+
+
+
+
+
+
+
+
+
+ Activities
+
+
+
+ 5 Minuts ago
+
+ You have new order please check this out
+
+
+
+ 35 Minuts ago
+
+ A Product has delivered!
+
+
+
+
+ 44 Minuts ago
+
+ You have new order please check this out
+
+
+
+
+
+
+
+
+
+
+ View
+
+
+
+
+
+
+
+