diff --git a/frontend-source/projects/cwos-portal/src/App.vue b/frontend-source/projects/cwos-portal/src/App.vue
new file mode 100644
index 00000000..2615bdf3
--- /dev/null
+++ b/frontend-source/projects/cwos-portal/src/App.vue
@@ -0,0 +1,17 @@
+<template>
+  <div id="app">
+    <router-view />
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'App',
+};
+</script>
+
+<style>
+#app {
+  height: 100%;
+}
+</style>
diff --git a/frontend-source/projects/cwos-portal/src/main.js b/frontend-source/projects/cwos-portal/src/main.js
new file mode 100644
index 00000000..b4b78460
--- /dev/null
+++ b/frontend-source/projects/cwos-portal/src/main.js
@@ -0,0 +1,17 @@
+import Vue from 'vue';
+import ElementUI from 'element-ui';
+import 'element-ui/lib/theme-chalk/index.css';
+import App from './App.vue';
+import router from './router';
+import store from './store';
+import axios from 'axios';
+
+Vue.use(ElementUI);
+Vue.prototype.$http = axios;
+Vue.config.productionTip = false;
+
+new Vue({
+  router,
+  store,
+  render: (h) => h(App),
+}).$mount('#app');