User service refactoring

.prettierrc

@@ -1,5 +1,7 @@
 {
+  "tabWidth": 4,
   "semi": false,
   "singleQuote": true,
-  "trailingComma": "es5"
+  "trailingComma": "es5",
+  "bracketSpacing": true
 }

README.md

@@ -1,2 +1,42 @@
-# Vue3
-
+# To Do List 
+
+This is my first project with using Vue.js and vue-ecosystem.
+You also can see list of all technology at  [Home page](vakyla98.github.io/TodoVue/dist)
+
+## Local install and other command
+Install all dependencies 
+```sh
+$ npm i
+```
+Run local-host and hot reloading
+```sh
+$ npm run serve
+```
+Build prod with minifying code
+```sh
+$ npm run dev
+```
+Run test
+```sh
+$ npm run test
+```
+Creating svg-sprite from images in `.\assest`
+```sh
+$ gulp
+```
+
+### Some screens with explanations
+
+1. Modal window change ToDo text. Used basic data-flow with `data` and `props`
+![Changing data](https://github.com/vakyla98/TodoVue/blob/gh-pages/src/assets/readme/Edit.png)
+
+2. Here i create a svg-sprite using Gulp \
+![Sprites](https://github.com/vakyla98/TodoVue/blob/gh-pages/src/assets/readme/Sprite.png) 
+
+3. Items holds at two list with computed properties. We can create,delete, or edit item. 
+![Tasks](https://github.com/vakyla98/TodoVue/blob/gh-pages/src/assets/readme/Tasks.png)
+
+4. At Users page i used placeholder REST API with user list. When they loading, we see beautiful spinner, too we have error handling on timeout and error code like a 404. \
+![User loading](https://github.com/vakyla98/TodoVue/blob/gh-pages/src/assets/readme/User_loading.png) \
+![User loaded](https://github.com/vakyla98/TodoVue/blob/gh-pages/src/assets/readme/User_loaded.png) \
+![Error handling](https://github.com/vakyla98/TodoVue/blob/gh-pages/src/assets/readme/User_error.png)

README_BACKUP_704.md

@@ -0,0 +1,42 @@
+# To Do List 
+
+This is my first project with using Vue.js and vue-ecosystem.
+You also can see list of all technology at  [Home page](vakyla98.github.io/TodoVue/dist)
+
+## Local install and other command
+Install all dependencies 
+```sh
+$ npm i
+```
+Run local-host and hot reloading
+```sh
+$ npm run serve
+```
+Build prod with minifying code
+```sh
+$ npm run dev
+```
+Run test
+```sh
+$ npm run test
+```
+Creating svg-sprite from images in `.\assest`
+```sh
+$ gulp
+```
+
+### Some screens with explanations
+
+1. Modal window change ToDo text. Used basic data-flow with `data` and `props`
+![Changing data](https://github.com/vakyla98/TodoVue/blob/gh-pages/src/assets/readme/Edit.png)
+
+2. Here i create a svg-sprite using Gulp \
+![Sprites](https://github.com/vakyla98/TodoVue/blob/gh-pages/src/assets/readme/Sprite.png) 
+
+3. Items holds at two list with computed properties. We can create,delete, or edit item. 
+![Tasks](https://github.com/vakyla98/TodoVue/blob/gh-pages/src/assets/readme/Tasks.png)
+
+4. At Users page i used placeholder REST API with user list. When they loading, we see beautiful spinner, too we have error handling on timeout and error code like a 404. \
+![User loading](https://github.com/vakyla98/TodoVue/blob/gh-pages/src/assets/readme/User_loading.png) \
+![User loaded](https://github.com/vakyla98/TodoVue/blob/gh-pages/src/assets/readme/User_loaded.png) \
+![Error handling](https://github.com/vakyla98/TodoVue/blob/gh-pages/src/assets/readme/User_error.png)

README_BASE_704.md

@@ -0,0 +1,2 @@
+# Vue3
+

README_LOCAL_704.md

@@ -0,0 +1,2 @@
+# Vue3
+

README_REMOTE_704.md

@@ -0,0 +1,42 @@
+# To Do List 
+
+This is my first project with using Vue.js and vue-ecosystem.
+You also can see list of all technology at  [Home page](vakyla98.github.io/TodoVue/dist)
+
+## Local install and other command
+Install all dependencies 
+```sh
+$ npm i
+```
+Run local-host and hot reloading
+```sh
+$ npm run serve
+```
+Build prod with minifying code
+```sh
+$ npm run dev
+```
+Run test
+```sh
+$ npm run test
+```
+Creating svg-sprite from images in `.\assest`
+```sh
+$ gulp
+```
+
+### Some screens with explanations
+
+1. Modal window change ToDo text. Used basic data-flow with `data` and `props`
+![Changing data](https://github.com/vakyla98/TodoVue/blob/gh-pages/src/assets/readme/Edit.png)
+
+2. Here i create a svg-sprite using Gulp \
+![Sprites](https://github.com/vakyla98/TodoVue/blob/gh-pages/src/assets/readme/Sprite.png) 
+
+3. Items holds at two list with computed properties. We can create,delete, or edit item. 
+![Tasks](https://github.com/vakyla98/TodoVue/blob/gh-pages/src/assets/readme/Tasks.png)
+
+4. At Users page i used placeholder REST API with user list. When they loading, we see beautiful spinner, too we have error handling on timeout and error code like a 404. \
+![User loading](https://github.com/vakyla98/TodoVue/blob/gh-pages/src/assets/readme/User_loading.png) \
+![User loaded](https://github.com/vakyla98/TodoVue/blob/gh-pages/src/assets/readme/User_loaded.png) \
+![Error handling](https://github.com/vakyla98/TodoVue/blob/gh-pages/src/assets/readme/User_error.png)

deploy.sh

@@ -1,25 +1,23 @@
-#!/usr/bin/env sh
-
 # остановить публикацию при ошибках
 set -e
 
 # сборка
+gulp
+npm run test
 npm run build
 
 # переход в каталог сборки
 # cd dist
-
-# если вы публикуете на пользовательский домен
-# echo 'www.example.com' > CNAME
-
 # git init
+
 git add .
 echo 'Enter your commit for deploy: '
 read -r commitName
 git commit -a -m "${commitName}"
-# git commit -a -m 'deploy'
+
 git push
 echo 'Succesfull push. Congrat!'
+
 # если вы публикуете по адресу https://<USERNAME>.github.io
 # git push -f [email protected]:<USERNAME>/<USERNAME>.github.io.git master