integrate ui

.gitignore

@@ -1,7 +1,7 @@
 *venv/
 *__pycache__/
 .vscode/
-node_modules/
+*node_modules/
 .env
 *.env
 repo_*
@@ -14,4 +14,5 @@ repo_*
 *.dylib
 *.dll
 
+*.db
 server

client/README.md

@@ -0,0 +1,19 @@
+# client
+
+## Project setup
+```
+npm install
+```
+
+### Compiles and hot-reloads for development
+```
+npm run serve
+```
+
+### Compiles and minifies for production
+```
+npm run build
+```
+
+### Customize configuration
+See [Configuration Reference](https://cli.vuejs.org/config/).

client/package.json

@@ -1,37 +1,21 @@
 {
-  "name": "client2",
+  "name": "client",
   "version": "0.1.0",
   "private": true,
   "scripts": {
     "serve": "vue-cli-service serve",
-    "build": "vue-cli-service build",
-    "lint": "vue-cli-service lint"
+    "build": "vue-cli-service build"
   },
   "dependencies": {
     "@popperjs/core": "^2.10.2",
     "axios": "^0.24.0",
-    "bootstrap": "^5.0.0-beta3",
-    "bootstrap-vue": "^2.21.2",
-    "core-js": "^3.6.5",
-    "sass-loader": "^12.2.0",
+    "bootstrap": "^5.1.3",
     "vue": "^3.0.0",
-    "vue-axios": "^3.3.7",
-    "vue-cookie": "^1.1.4",
-    "vue-router": "^4.0.0-0",
-    "vuex": "^4.0.0-0"
+    "vue-router": "^4.0.0-0"
   },
   "devDependencies": {
-    "@vue/cli-plugin-babel": "~4.5.0",
-    "@vue/cli-plugin-eslint": "~4.5.0",
     "@vue/cli-plugin-router": "~4.5.0",
-    "@vue/cli-plugin-vuex": "~4.5.0",
     "@vue/cli-service": "~4.5.0",
-    "@vue/compiler-sfc": "^3.0.0",
-    "@vue/eslint-config-prettier": "^6.0.0",
-    "babel-eslint": "^10.1.0",
-    "eslint": "^6.7.2",
-    "eslint-plugin-prettier": "^3.3.1",
-    "eslint-plugin-vue": "^7.0.0",
-    "prettier": "^2.2.1"
+    "@vue/compiler-sfc": "^3.0.0"
   }
 }

client/src/main.js

@@ -1,9 +1,8 @@
 import { createApp } from "vue";
 import App from "./App.vue";
 import router from "./router";
-import store from "./store";
 
 import "bootstrap/dist/css/bootstrap.min.css";
 import "bootstrap";
 
-createApp(App).use(store).use(router).mount("#app");
+createApp(App).use(router).mount("#app");

client/src/views/Todo.vue

@@ -81,10 +81,10 @@ export default {
       axios.get(path).then((res) => {
         res.data["tasks"].forEach((todo) => {
           this.todos.push({
-            id: todo.ID,
-            text: todo.Text,
-            complete: todo.Completed,
-            author: todo.User,
+            id: todo.id,
+            text: todo.text,
+            complete: todo.completed,
+            author: todo.user,
             editing: false,
           });
         });