bold-fox-2018 · fender13 · Mar 27, 2019 · Mar 27, 2019
diff --git a/.DS_Store b/.DS_Store
diff --git a/README.md b/README.md
@@ -1 +1,33 @@
-# hacktivoverflow
+# hacktivoverflow
+
+**user router**
+
+| No | Router | Method | Description 
+--- | --- | --- | ---
+1 | /register | POST | Register a User
+2 | /login | POST | Login User
+3 | /verify | GET | Verify if Token Exist
+
+**question router**
+
+| No | Router | Method | Description
+--- | --- | --- | ---
+1 | / | POST | Add New Question
+2 | /findall | GET | Get All Question
+3 | /:id | GET | Get One Question
+4 | /addvote/:id | POST | Add Vote Question
+5 | /downvote/:id | POST | Remove Vote Question
+6 | /:id | DELETE | Remove Question
+7 | /:id | PUT | Update a Question
+8 | /best/:id | PUT | Add Best Answer
+
+**answer routers**
+
+| No | Router | Method | Description
+--- | --- | --- | ---
+1 | /:id | POST | Add New Answer
+2 | /voteup/:id | POST | Add Vote Answer
+3 | /votedown/:id | POST | Remove Vote Question
+4 | /:id | GET | Get One Answer
+5 | /:id | PUT | Update an Answer
+6 | /:id | delete | Delete an Answer
diff --git a/client/.browserslistrc b/client/.browserslistrc
@@ -0,0 +1,3 @@
+> 1%
+last 2 versions
+not ie <= 8
diff --git a/client/.editorconfig b/client/.editorconfig
@@ -0,0 +1,5 @@
+[*.{js,jsx,ts,tsx,vue}]
+indent_style = space
+indent_size = 2
+trim_trailing_whitespace = true
+insert_final_newline = true
diff --git a/client/.eslintrc.js b/client/.eslintrc.js
@@ -0,0 +1,17 @@
+module.exports = {
+  root: true,
+  env: {
+    node: true
+  },
+  'extends': [
+    'plugin:vue/essential',
+    '@vue/standard'
+  ],
+  rules: {
+    'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off',
+    'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off'
+  },
+  parserOptions: {
+    parser: 'babel-eslint'
+  }
+}
diff --git a/client/.gitignore b/client/.gitignore
@@ -0,0 +1,21 @@
+.DS_Store
+node_modules
+/dist
+
+# local env files
+.env.local
+.env.*.local
+
+# Log files
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# Editor directories and files
+.idea
+.vscode
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw*
diff --git a/client/README.md b/client/README.md
@@ -0,0 +1,29 @@
+# client
+
+## Project setup
+```
+yarn install
+```
+
+### Compiles and hot-reloads for development
+```
+yarn run serve
+```
+
+### Compiles and minifies for production
+```
+yarn run build
+```
+
+### Run your tests
+```
+yarn run test
+```
+
+### Lints and fixes files
+```
+yarn run lint
+```
+
+### Customize configuration
+See [Configuration Reference](https://cli.vuejs.org/config/).
diff --git a/client/babel.config.js b/client/babel.config.js
@@ -0,0 +1,5 @@
+module.exports = {
+  presets: [
+    '@vue/app'
+  ]
+}
diff --git a/client/package.json b/client/package.json
@@ -0,0 +1,32 @@
+{
+  "name": "client",
+  "version": "0.1.0",
+  "private": true,
+  "scripts": {
+    "serve": "vue-cli-service serve",
+    "build": "vue-cli-service build",
+    "lint": "vue-cli-service lint"
+  },
+  "dependencies": {
+    "@ckeditor/ckeditor5-build-classic": "^12.0.0",
+    "@ckeditor/ckeditor5-vue": "^1.0.0-beta.1",
+    "axios": "^0.18.0",
+    "bootstrap": "^4.3.1",
+    "jquery": "^3.3.1",
+    "popper.js": "^1.14.7",
+    "sweetalert": "^2.1.2",
+    "vue": "^2.6.6",
+    "vue-router": "^3.0.1",
+    "vuex": "^3.0.1"
+  },
+  "devDependencies": {
+    "@vue/cli-plugin-babel": "^3.5.0",
+    "@vue/cli-plugin-eslint": "^3.5.0",
+    "@vue/cli-service": "^3.5.0",
+    "@vue/eslint-config-standard": "^4.0.0",
+    "babel-eslint": "^10.0.1",
+    "eslint": "^5.8.0",
+    "eslint-plugin-vue": "^5.0.0",
+    "vue-template-compiler": "^2.5.21"
+  }
+}
diff --git a/client/postcss.config.js b/client/postcss.config.js
@@ -0,0 +1,5 @@
+module.exports = {
+  plugins: {
+    autoprefixer: {}
+  }
+}
diff --git a/client/public/favicon.ico b/client/public/favicon.ico
diff --git a/client/public/index.html b/client/public/index.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width,initial-scale=1.0">
+    <link rel="icon" href="./favicon.ico">
+    <title>client</title>
+  </head>
+  <body>
+    <noscript>
+      <strong>We're sorry but client doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
+    </noscript>
+    <div id="app"></div>
+    <!-- built files will be auto injected -->
+  </body>
+</html>
diff --git a/client/src/App.vue b/client/src/App.vue
@@ -0,0 +1,49 @@
+<template>
+    <div id="app">
+        <MainNavbar></MainNavbar>
+        <div class="main">
+          <transition
+            name="fade"
+            mode="out-in"
+          >
+            <router-view/>
+          </transition>
+        </div>
+        <MainFooter></MainFooter>
+    </div>
+</template>
+
+<script>
+import MainNavbar from '@/components/Navbar.vue'
+import MainFooter from '@/components/Footer.vue'
+export default {
+  name: 'app',
+  components: {
+    MainNavbar,
+    MainFooter
+  }
+}
+</script>
+
+
+<style>
+#app {
+  font-family: 'Roboto', sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  max-width: 100%;
+}
+
+.fade-enter-active,
+.fade-leave-active {
+  transition-duration: 0.3s;
+  transition-property: opacity;
+  transition-timing-function: ease;
+}
+
+.fade-enter,
+.fade-leave-active {
+  opacity: 0
+}
+
+</style>
diff --git a/client/src/assets/icon/down.png b/client/src/assets/icon/down.png
diff --git a/client/src/assets/icon/login.png b/client/src/assets/icon/login.png
diff --git a/client/src/assets/icon/register.png b/client/src/assets/icon/register.png
diff --git a/client/src/assets/icon/true.png b/client/src/assets/icon/true.png
diff --git a/client/src/assets/icon/up.png b/client/src/assets/icon/up.png
diff --git a/client/src/assets/logo.png b/client/src/assets/logo.png
diff --git a/client/src/assets/logo/logo-overflow.png b/client/src/assets/logo/logo-overflow.png
diff --git a/client/src/components/Footer.vue b/client/src/components/Footer.vue
@@ -0,0 +1,24 @@
+<template>
+    <div class="footer">
+        <div>Copyright © 2019 fender13 - All Rights Reserved </div>
+    </div>
+</template>
+
+<script>
+export default {
+    name: 'MainFooter'
+}
+</script>
+
+<style scoped>
+.footer {
+    margin-top: 10%;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    padding: 1rem;
+    background-color: black;
+    text-align: center;
+    color: white;
+}
+</style>
diff --git a/client/src/components/Navbar.vue b/client/src/components/Navbar.vue
@@ -0,0 +1,64 @@
+<template>
+    <div class="navbar-container">
+        <div>
+            <nav class="navbar navbar-expand-lg navbar-light bg-light justify-content-between">
+                <div class="navbar-header">    
+                    <router-link to="/"><img src="../assets/logo/logo-overflow.png" alt="Hacktiv-Overflow"></router-link>
+                    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
+                        <span class="navbar-toggler-icon"></span>
+                    </button>
+                </div>
+
+                <div class="collapse navbar-collapse" id="navbarSupportedContent">
+                    <ul class="nav navbar-nav ml-auto">
+                        <li class="nav-item">
+                            <router-link to="/dashboard"><a class="nav-link" v-if="isLogin">Dashboard</a></router-link>
+                        </li>
+                        <li class="nav-item" v-if="!isLogin">
+                            <router-link to="/login"><a class="nav-link">Login</a></router-link>
+                        </li>
+                        <li class="nav-item" v-if="isLogin">
+                            <a class="nav-link" href="#" @click.prevent="onClickLogout">Logout</a>
+                        </li>
+                    </ul>
+                </div>
+            </nav>
+        </div>
+    </div>
+</template>
+
+<script>
+export default {
+    name: 'MainNavbar',
+    computed: {
+      isLogin() {
+        return this.$store.getters.isLogin
+      }
+    },
+    methods: {
+        onClickLogout() {
+            this.$store.dispatch('userLogout')
+        }
+    }
+}
+</script>
+
+<style scoped>
+* {
+    margin: 0;
+    padding: 0;
+}
+
+.navbar-container {
+    max-width: 100%;
+}
+
+img {
+    width: 130px;
+}
+
+a:active {
+    border: none;
+}
+
+</style>
diff --git a/client/src/database/server.js b/client/src/database/server.js
@@ -0,0 +1,8 @@
+import axios from 'axios'
+
+var axi = axios.create({
+    baseURL: 'http://localhost:8081',
+    headers: {'token': localStorage.getItem('token')}
+})
+
+export default axi
diff --git a/client/src/main.js b/client/src/main.js
@@ -0,0 +1,24 @@
+import Vue from 'vue'
+import App from './App.vue'
+import router from './router'
+import store from './store'
+
+import 'bootstrap'
+import 'bootstrap/dist/css/bootstrap.min.css'
+
+import CKEditor from '@ckeditor/ckeditor5-vue'
+
+Vue.use( CKEditor )
+
+Vue.config.productionTip = false
+
+new Vue({
+  store,
+  router,
+  created() {
+    this.$store.dispatch('verifyToken', {
+      isToken: localStorage.getItem('token')
+    })
+  },
+  render: h => h(App)
+}).$mount('#app')