From 91390b9078fe59168b234c10ea033b7ad7389f94 Mon Sep 17 00:00:00 2001
From: Dagmawit Getachew <se.dagmawit.getachew@gmail.com>
Date: Mon, 1 Aug 2022 20:20:06 +0300
Subject: [PATCH 1/8] [Web]Created blog post UI

---
 .../components/dagmawit/Dagmawit-BlogPost.vue | 41 +++++++++++++++++++
 .../pages/dagmawit/_id.vue                    |  0
 .../pages/dagmawit/index.vue                  | 19 +++++++++
 starter-project-web-vue2/pages/index.vue      |  6 +++
 starter-project-web-vue2/store/dagmawit.js    |  0
 starter_project_mobile/pubspec.lock           | 16 ++++----
 starter_project_mobile_2022/pubspec.lock      | 18 ++++----
 .../linux/flutter/generated_plugins.cmake     |  8 ++++
 starter_project_mobile_new/pubspec.lock       | 23 ++++-------
 .../lib/pubspec.lock                          | 16 ++++----
 starter_testing_project_mobile/pubspec.lock   | 16 ++++----
 11 files changed, 115 insertions(+), 48 deletions(-)
 create mode 100644 starter-project-web-vue2/components/dagmawit/Dagmawit-BlogPost.vue
 create mode 100644 starter-project-web-vue2/pages/dagmawit/_id.vue
 create mode 100644 starter-project-web-vue2/pages/dagmawit/index.vue
 create mode 100644 starter-project-web-vue2/store/dagmawit.js

diff --git a/starter-project-web-vue2/components/dagmawit/Dagmawit-BlogPost.vue b/starter-project-web-vue2/components/dagmawit/Dagmawit-BlogPost.vue
new file mode 100644
index 00000000..9ada93cf
--- /dev/null
+++ b/starter-project-web-vue2/components/dagmawit/Dagmawit-BlogPost.vue
@@ -0,0 +1,41 @@
+
+<template>
+ 
+<v-card>
+    <v-container>
+      <v-row dense v-bind:key="blogPost.id" v-for="blogPost in blogPosts">
+        <v-col cols="12">
+          <v-card
+            color="#385F73"
+            dark
+          >
+            <v-card-title class="text-h5">
+             {{blogPost.title}}
+            </v-card-title>
+
+            <v-card-subtitle>{{blogPost.content}}</v-card-subtitle>
+
+            <v-card-actions>
+              <v-btn text :to="'/singlePage' + blog._id">
+                Read More
+              </v-btn>
+            </v-card-actions>
+          </v-card>
+        </v-col>
+
+      </v-row>
+    </v-container>
+  </v-card>
+</template>
+
+<script>
+  export default {
+    name: 'BlogPost',
+  
+  }
+</script>
+
+
+
+
+
diff --git a/starter-project-web-vue2/pages/dagmawit/_id.vue b/starter-project-web-vue2/pages/dagmawit/_id.vue
new file mode 100644
index 00000000..e69de29b
diff --git a/starter-project-web-vue2/pages/dagmawit/index.vue b/starter-project-web-vue2/pages/dagmawit/index.vue
new file mode 100644
index 00000000..ced75acd
--- /dev/null
+++ b/starter-project-web-vue2/pages/dagmawit/index.vue
@@ -0,0 +1,19 @@
+<template>
+    <div>
+      <BlogPost/>
+
+    </div>
+</template>
+
+<script>
+import BlogPost from './components/dagmawit/Dagmawit-BlogPost';
+export default {
+    name: 'app',
+    components: {
+        BlogPost,
+
+    },
+     
+    
+}
+</script>
\ No newline at end of file
diff --git a/starter-project-web-vue2/pages/index.vue b/starter-project-web-vue2/pages/index.vue
index d55af3a6..e823e9ed 100644
--- a/starter-project-web-vue2/pages/index.vue
+++ b/starter-project-web-vue2/pages/index.vue
@@ -38,6 +38,12 @@ export default {
           link:
             '/abraham',
         },
+         {
+          name: "Dagmawit Getachew",
+          description: 'Summer Intern',
+          link:
+            '/dagmawit',
+        },
       ],
     }
   },
diff --git a/starter-project-web-vue2/store/dagmawit.js b/starter-project-web-vue2/store/dagmawit.js
new file mode 100644
index 00000000..e69de29b
diff --git a/starter_project_mobile/pubspec.lock b/starter_project_mobile/pubspec.lock
index c8f011d9..eaf83836 100644
--- a/starter_project_mobile/pubspec.lock
+++ b/starter_project_mobile/pubspec.lock
@@ -147,7 +147,7 @@ packages:
       name: collection
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "1.15.0"
+    version: "1.16.0"
   convert:
     dependency: transitive
     description:
@@ -182,7 +182,7 @@ packages:
       name: fake_async
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "1.2.0"
+    version: "1.3.0"
   ffi:
     dependency: transitive
     description:
@@ -311,7 +311,7 @@ packages:
       name: material_color_utilities
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "0.1.3"
+    version: "0.1.4"
   meta:
     dependency: transitive
     description:
@@ -353,7 +353,7 @@ packages:
       name: path
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "1.8.0"
+    version: "1.8.1"
   path_provider:
     dependency: transitive
     description:
@@ -477,7 +477,7 @@ packages:
       name: source_span
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "1.8.1"
+    version: "1.8.2"
   stack_trace:
     dependency: transitive
     description:
@@ -519,7 +519,7 @@ packages:
       name: test_api
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "0.4.8"
+    version: "0.4.9"
   timing:
     dependency: transitive
     description:
@@ -540,7 +540,7 @@ packages:
       name: vector_math
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "2.1.1"
+    version: "2.1.2"
   watcher:
     dependency: transitive
     description:
@@ -577,5 +577,5 @@ packages:
     source: hosted
     version: "3.1.0"
 sdks:
-  dart: ">=2.14.0 <3.0.0"
+  dart: ">=2.17.0-0 <3.0.0"
   flutter: ">=2.0.0"
diff --git a/starter_project_mobile_2022/pubspec.lock b/starter_project_mobile_2022/pubspec.lock
index 62f9b250..7a7236b0 100644
--- a/starter_project_mobile_2022/pubspec.lock
+++ b/starter_project_mobile_2022/pubspec.lock
@@ -42,7 +42,7 @@ packages:
       name: collection
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "1.15.0"
+    version: "1.16.0"
   crypto:
     dependency: transitive
     description:
@@ -63,7 +63,7 @@ packages:
       name: fake_async
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "1.2.0"
+    version: "1.3.0"
   ffi:
     dependency: transitive
     description:
@@ -141,7 +141,7 @@ packages:
       name: js
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "0.6.3"
+    version: "0.6.4"
   lints:
     dependency: transitive
     description:
@@ -162,7 +162,7 @@ packages:
       name: material_color_utilities
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "0.1.3"
+    version: "0.1.4"
   meta:
     dependency: transitive
     description:
@@ -176,7 +176,7 @@ packages:
       name: path
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "1.8.0"
+    version: "1.8.1"
   path_provider:
     dependency: transitive
     description:
@@ -272,7 +272,7 @@ packages:
       name: source_span
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "1.8.1"
+    version: "1.8.2"
   stack_trace:
     dependency: transitive
     description:
@@ -314,7 +314,7 @@ packages:
       name: test_api
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "0.4.8"
+    version: "0.4.9"
   typed_data:
     dependency: transitive
     description:
@@ -384,7 +384,7 @@ packages:
       name: vector_math
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "2.1.1"
+    version: "2.1.2"
   win32:
     dependency: transitive
     description:
@@ -400,5 +400,5 @@ packages:
     source: hosted
     version: "0.2.0+1"
 sdks:
-  dart: ">=2.16.1 <3.0.0"
+  dart: ">=2.17.0-0 <3.0.0"
   flutter: ">=2.10.0"
diff --git a/starter_project_mobile_new/linux/flutter/generated_plugins.cmake b/starter_project_mobile_new/linux/flutter/generated_plugins.cmake
index 51436ae8..2e1de87a 100644
--- a/starter_project_mobile_new/linux/flutter/generated_plugins.cmake
+++ b/starter_project_mobile_new/linux/flutter/generated_plugins.cmake
@@ -5,6 +5,9 @@
 list(APPEND FLUTTER_PLUGIN_LIST
 )
 
+list(APPEND FLUTTER_FFI_PLUGIN_LIST
+)
+
 set(PLUGIN_BUNDLED_LIBRARIES)
 
 foreach(plugin ${FLUTTER_PLUGIN_LIST})
@@ -13,3 +16,8 @@ foreach(plugin ${FLUTTER_PLUGIN_LIST})
   list(APPEND PLUGIN_BUNDLED_LIBRARIES $<TARGET_FILE:${plugin}_plugin>)
   list(APPEND PLUGIN_BUNDLED_LIBRARIES ${${plugin}_bundled_libraries})
 endforeach(plugin)
+
+foreach(ffi_plugin ${FLUTTER_FFI_PLUGIN_LIST})
+  add_subdirectory(flutter/ephemeral/.plugin_symlinks/${ffi_plugin}/linux plugins/${ffi_plugin})
+  list(APPEND PLUGIN_BUNDLED_LIBRARIES ${${ffi_plugin}_bundled_libraries})
+endforeach(ffi_plugin)
diff --git a/starter_project_mobile_new/pubspec.lock b/starter_project_mobile_new/pubspec.lock
index 66c4fb7d..779e035b 100644
--- a/starter_project_mobile_new/pubspec.lock
+++ b/starter_project_mobile_new/pubspec.lock
@@ -42,7 +42,7 @@ packages:
       name: collection
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "1.15.0"
+    version: "1.16.0"
   cupertino_icons:
     dependency: "direct main"
     description:
@@ -56,7 +56,7 @@ packages:
       name: fake_async
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "1.2.0"
+    version: "1.3.0"
   flutter:
     dependency: "direct main"
     description: flutter
@@ -94,7 +94,7 @@ packages:
       name: material_color_utilities
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "0.1.2"
+    version: "0.1.4"
   meta:
     dependency: transitive
     description:
@@ -108,7 +108,7 @@ packages:
       name: path
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "1.8.0"
+    version: "1.8.1"
   sky_engine:
     dependency: transitive
     description: flutter
@@ -120,7 +120,7 @@ packages:
       name: source_span
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "1.8.1"
+    version: "1.8.2"
   stack_trace:
     dependency: transitive
     description:
@@ -155,20 +155,13 @@ packages:
       name: test_api
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "0.4.8"
-  typed_data:
-    dependency: transitive
-    description:
-      name: typed_data
-      url: "https://pub.dartlang.org"
-    source: hosted
-    version: "1.3.0"
+    version: "0.4.9"
   vector_math:
     dependency: transitive
     description:
       name: vector_math
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "2.1.1"
+    version: "2.1.2"
 sdks:
-  dart: ">=2.16.0-80.1.beta <3.0.0"
+  dart: ">=2.17.0-0 <3.0.0"
diff --git a/starter_testing_project_mobile/lib/pubspec.lock b/starter_testing_project_mobile/lib/pubspec.lock
index eed8e04b..373edbb5 100644
--- a/starter_testing_project_mobile/lib/pubspec.lock
+++ b/starter_testing_project_mobile/lib/pubspec.lock
@@ -140,7 +140,7 @@ packages:
       name: collection
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "1.15.0"
+    version: "1.16.0"
   convert:
     dependency: transitive
     description:
@@ -175,7 +175,7 @@ packages:
       name: fake_async
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "1.2.0"
+    version: "1.3.0"
   file:
     dependency: transitive
     description:
@@ -283,7 +283,7 @@ packages:
       name: material_color_utilities
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "0.1.3"
+    version: "0.1.4"
   meta:
     dependency: transitive
     description:
@@ -318,7 +318,7 @@ packages:
       name: path
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "1.8.0"
+    version: "1.8.1"
   pedantic:
     dependency: transitive
     description:
@@ -379,7 +379,7 @@ packages:
       name: source_span
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "1.8.1"
+    version: "1.8.2"
   stack_trace:
     dependency: transitive
     description:
@@ -421,7 +421,7 @@ packages:
       name: test_api
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "0.4.8"
+    version: "0.4.9"
   timing:
     dependency: transitive
     description:
@@ -442,7 +442,7 @@ packages:
       name: vector_math
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "2.1.1"
+    version: "2.1.2"
   watcher:
     dependency: transitive
     description:
@@ -465,4 +465,4 @@ packages:
     source: hosted
     version: "3.1.0"
 sdks:
-  dart: ">=2.14.0 <3.0.0"
+  dart: ">=2.17.0-0 <3.0.0"
diff --git a/starter_testing_project_mobile/pubspec.lock b/starter_testing_project_mobile/pubspec.lock
index 473c7ed2..f7378cdb 100644
--- a/starter_testing_project_mobile/pubspec.lock
+++ b/starter_testing_project_mobile/pubspec.lock
@@ -140,7 +140,7 @@ packages:
       name: collection
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "1.15.0"
+    version: "1.16.0"
   convert:
     dependency: transitive
     description:
@@ -175,7 +175,7 @@ packages:
       name: fake_async
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "1.2.0"
+    version: "1.3.0"
   file:
     dependency: transitive
     description:
@@ -283,7 +283,7 @@ packages:
       name: material_color_utilities
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "0.1.3"
+    version: "0.1.4"
   meta:
     dependency: transitive
     description:
@@ -318,7 +318,7 @@ packages:
       name: path
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "1.8.0"
+    version: "1.8.1"
   pedantic:
     dependency: transitive
     description:
@@ -379,7 +379,7 @@ packages:
       name: source_span
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "1.8.1"
+    version: "1.8.2"
   stack_trace:
     dependency: transitive
     description:
@@ -421,7 +421,7 @@ packages:
       name: test_api
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "0.4.8"
+    version: "0.4.9"
   timing:
     dependency: transitive
     description:
@@ -442,7 +442,7 @@ packages:
       name: vector_math
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "2.1.1"
+    version: "2.1.2"
   watcher:
     dependency: transitive
     description:
@@ -465,4 +465,4 @@ packages:
     source: hosted
     version: "3.1.0"
 sdks:
-  dart: ">=2.14.0 <3.0.0"
+  dart: ">=2.17.0-0 <3.0.0"

From fa80b420f68cb88d2636cd68c2163789c751883e Mon Sep 17 00:00:00 2001
From: Dagmawit Getachew <se.dagmawit.getachew@gmail.com>
Date: Mon, 1 Aug 2022 22:09:59 +0300
Subject: [PATCH 2/8] [Web] Vuex added for retrieving blog posts

---
 .../{Dagmawit-BlogPost.vue => BlogPost.vue}   | 20 ++++++++---
 .../pages/dagmawit/index.vue                  | 13 +++----
 starter-project-web-vue2/store/dagmawit.js    | 34 +++++++++++++++++++
 3 files changed, 56 insertions(+), 11 deletions(-)
 rename starter-project-web-vue2/components/dagmawit/{Dagmawit-BlogPost.vue => BlogPost.vue} (54%)

diff --git a/starter-project-web-vue2/components/dagmawit/Dagmawit-BlogPost.vue b/starter-project-web-vue2/components/dagmawit/BlogPost.vue
similarity index 54%
rename from starter-project-web-vue2/components/dagmawit/Dagmawit-BlogPost.vue
rename to starter-project-web-vue2/components/dagmawit/BlogPost.vue
index 9ada93cf..5231a327 100644
--- a/starter-project-web-vue2/components/dagmawit/Dagmawit-BlogPost.vue
+++ b/starter-project-web-vue2/components/dagmawit/BlogPost.vue
@@ -3,7 +3,7 @@
  
 <v-card>
     <v-container>
-      <v-row dense v-bind:key="blogPost.id" v-for="blogPost in blogPosts">
+      <v-row dense v-bind:key="blogPost.id" v-for="blogPost in allBlogPosts">
         <v-col cols="12">
           <v-card
             color="#385F73"
@@ -15,11 +15,11 @@
 
             <v-card-subtitle>{{blogPost.content}}</v-card-subtitle>
 
-            <v-card-actions>
-              <v-btn text :to="'/singlePage' + blog._id">
+            <!-- <v-card-actions>
+              <v-btn text :to="'/dagmawit/' + blog._id">
                 Read More
               </v-btn>
-            </v-card-actions>
+            </v-card-actions> -->
           </v-card>
         </v-col>
 
@@ -29,10 +29,20 @@
 </template>
 
 <script>
+import { mapGetters, mapActions } from "vuex";
   export default {
     name: 'BlogPost',
+    methods:{
+      ...mapActions('dagmawit',['fetchBlogPosts'])
+      
+
+    },
+    computed: mapGetters('dagmawit',["allBlogPosts"]),
+    created(){
+      this.fetchBlogPosts()
+    }
   
-  }
+  };
 </script>
 
 
diff --git a/starter-project-web-vue2/pages/dagmawit/index.vue b/starter-project-web-vue2/pages/dagmawit/index.vue
index ced75acd..9fd3bcf1 100644
--- a/starter-project-web-vue2/pages/dagmawit/index.vue
+++ b/starter-project-web-vue2/pages/dagmawit/index.vue
@@ -1,14 +1,15 @@
 <template>
-    <div>
-      <BlogPost/>
-
-    </div>
+    <v-app>
+    <v-main class="white">
+      <BlogPost />
+    </v-main>
+  </v-app>
 </template>
 
 <script>
-import BlogPost from './components/dagmawit/Dagmawit-BlogPost';
+import BlogPost from '../../components/dagmawit/BlogPost.vue';
 export default {
-    name: 'app',
+    name: 'Index',
     components: {
         BlogPost,
 
diff --git a/starter-project-web-vue2/store/dagmawit.js b/starter-project-web-vue2/store/dagmawit.js
index e69de29b..688377b4 100644
--- a/starter-project-web-vue2/store/dagmawit.js
+++ b/starter-project-web-vue2/store/dagmawit.js
@@ -0,0 +1,34 @@
+
+
+import axios from 'axios';
+
+const state = {
+    blogPosts:[]
+};
+const getters = {
+    allBlogPosts: state => state.blogPosts
+};
+const actions = {
+    async fetchBlogPosts({commit}){
+      const response = await axios.get('https://blog-app-backend.onrender.com/api/articles/all'); 
+      commit('setBlogPosts',response.data); 
+    }
+};
+const mutations = {
+    setBlogPosts: (state,blogPosts) => (state.blogPosts=blogPosts)
+
+};
+
+export default{
+    state,getters,actions,mutations
+
+};
+
+// Vue.use(Vuex);
+
+// export default new Vuex.Store({
+// modules:{
+//     blogPosts
+// }
+
+// })

From f351cfee92e9e934fd904f559e3841ab0b2e4a57 Mon Sep 17 00:00:00 2001
From: Dagmawit Getachew <se.dagmawit.getachew@gmail.com>
Date: Tue, 2 Aug 2022 11:04:39 +0300
Subject: [PATCH 3/8] [UI] Blog list UI restructuring

---
 .../components/dagmawit/BlogPost.vue          | 84 ++++++++++++-------
 1 file changed, 55 insertions(+), 29 deletions(-)

diff --git a/starter-project-web-vue2/components/dagmawit/BlogPost.vue b/starter-project-web-vue2/components/dagmawit/BlogPost.vue
index 5231a327..bec74f5b 100644
--- a/starter-project-web-vue2/components/dagmawit/BlogPost.vue
+++ b/starter-project-web-vue2/components/dagmawit/BlogPost.vue
@@ -1,51 +1,77 @@
 
 <template>
- 
-<v-card>
-    <v-container>
-      <v-row dense v-bind:key="blogPost.id" v-for="blogPost in allBlogPosts">
+  <v-card max-width="900"
+    class="mx-auto">
+    <v-container  >
+      <v-row dense v-bind:key="blogPost.id" v-for="blogPost in allBlogPosts"  >
         <v-col cols="12">
-          <v-card
-            color="#385F73"
-            dark
-          >
-            <v-card-title class="text-h5">
-             {{blogPost.title}}
+          <v-card color="#1F7087" dark>
+            <div class="d-flex flex-no-wrap justify-space-between">
+              <div>
+                  <v-card-title class="text-h5">
+              {{ blogPost.title }}
             </v-card-title>
 
-            <v-card-subtitle>{{blogPost.content}}</v-card-subtitle>
+             <v-card-subtitle>{{ blogPost.content }}</v-card-subtitle>
+            <v-card-actions>
+              <v-btn text class="grey--text">
+                Learn More
+              </v-btn>
+            </v-card-actions>
+              </div>
+          <div>
+              <v-btn  text class="grey--text">
+            <v-icon> mdi-pencil </v-icon>
+          </v-btn>
+        
+          <v-btn  text class="grey--text">
+            <v-icon> mdi-delete </v-icon>
+          </v-btn>
+          </div>
+           
+
+
+            </div>
+            
+
+
+
+           
+
+
+           
+          
+        
 
             <!-- <v-card-actions>
-              <v-btn text :to="'/dagmawit/' + blog._id">
-                Read More
-              </v-btn>
+              <v-btn text :to="'/dagmawit/' + blog._id"> Read More </v-btn>
             </v-card-actions> -->
           </v-card>
         </v-col>
-
+        
       </v-row>
     </v-container>
   </v-card>
 </template>
 
 <script>
-import { mapGetters, mapActions } from "vuex";
-  export default {
-    name: 'BlogPost',
-    methods:{
-      ...mapActions('dagmawit',['fetchBlogPosts'])
-      
-
-    },
-    computed: mapGetters('dagmawit',["allBlogPosts"]),
-    created(){
-      this.fetchBlogPosts()
-    }
-  
-  };
+import { mapGetters, mapActions } from 'vuex'
+export default {
+  name: 'BlogPost',
+  methods: {
+    ...mapActions('dagmawit', ['fetchBlogPosts']),
+  },
+  computed: mapGetters('dagmawit', ['allBlogPosts']),
+  created() {
+    this.fetchBlogPosts()
+  },
+}
 </script>
 
 
 
 
 
+
+
+

From 92098b2fd676ee0946e65fb1cb4ca1e225c8133d Mon Sep 17 00:00:00 2001
From: Dagmawit Getachew <se.dagmawit.getachew@gmail.com>
Date: Tue, 2 Aug 2022 11:43:56 +0300
Subject: [PATCH 4/8] [Web] Added a single Page UI and functionality

---
 .../components/dagmawit/BlogPost.vue          | 62 ++++++++-----------
 .../pages/dagmawit/_id.vue                    | 40 ++++++++++++
 2 files changed, 66 insertions(+), 36 deletions(-)

diff --git a/starter-project-web-vue2/components/dagmawit/BlogPost.vue b/starter-project-web-vue2/components/dagmawit/BlogPost.vue
index bec74f5b..579f3946 100644
--- a/starter-project-web-vue2/components/dagmawit/BlogPost.vue
+++ b/starter-project-web-vue2/components/dagmawit/BlogPost.vue
@@ -1,54 +1,44 @@
 
 <template>
-  <v-card max-width="900"
-    class="mx-auto">
-    <v-container  >
-      <v-row dense v-bind:key="blogPost.id" v-for="blogPost in allBlogPosts"  >
+  <v-card max-width="900" class="mx-auto">
+    <v-container>
+      <v-row dense v-bind:key="blogPost.id" v-for="blogPost in allBlogPosts">
         <v-col cols="12">
           <v-card color="#1F7087" dark>
             <div class="d-flex flex-no-wrap justify-space-between">
               <div>
-                  <v-card-title class="text-h5">
-              {{ blogPost.title }}
-            </v-card-title>
-
-             <v-card-subtitle>{{ blogPost.content }}</v-card-subtitle>
-            <v-card-actions>
-              <v-btn text class="grey--text">
-                Learn More
-              </v-btn>
-            </v-card-actions>
+                <v-card-title class="text-h5">
+                  {{ blogPost.title }}
+                </v-card-title>
+
+                <v-card-subtitle>{{ blogPost.content }}</v-card-subtitle>
+                <nuxt-link  :to="'/dagmawit/'  + blogPost._id">
+                  <v-card-actions>
+                    <v-btn
+                      text
+                      class="grey--text"
+                    >
+                      Learn More
+                    </v-btn>
+                  </v-card-actions>
+                </nuxt-link>
               </div>
-          <div>
-              <v-btn  text class="grey--text">
-            <v-icon> mdi-pencil </v-icon>
-          </v-btn>
-        
-          <v-btn  text class="grey--text">
-            <v-icon> mdi-delete </v-icon>
-          </v-btn>
-          </div>
-           
-
+              <div>
+                <v-btn text class="grey--text">
+                  <v-icon> mdi-pencil </v-icon>
+                </v-btn>
 
+                <v-btn text class="grey--text">
+                  <v-icon> mdi-delete </v-icon>
+                </v-btn>
+              </div>
             </div>
-            
-
-
-
-           
-
-
-           
-          
-        
 
             <!-- <v-card-actions>
               <v-btn text :to="'/dagmawit/' + blog._id"> Read More </v-btn>
             </v-card-actions> -->
           </v-card>
         </v-col>
-        
       </v-row>
     </v-container>
   </v-card>
diff --git a/starter-project-web-vue2/pages/dagmawit/_id.vue b/starter-project-web-vue2/pages/dagmawit/_id.vue
index e69de29b..3d20eb5d 100644
--- a/starter-project-web-vue2/pages/dagmawit/_id.vue
+++ b/starter-project-web-vue2/pages/dagmawit/_id.vue
@@ -0,0 +1,40 @@
+<template>
+  <div>
+    <nuxt-link :to="'/dagmawit/'">
+      <v-btn class="ma-2" color="#1F7087" dark>
+        <v-icon dark left> mdi-arrow-left </v-icon>Back
+      </v-btn>
+    </nuxt-link>
+    <h1>Title: {{ blogTitle }}</h1>
+    <hr />
+    <v-container
+      ><h4>{{ blogContent }}</h4></v-container
+    >
+  </div>
+</template>
+
+<script>
+import axios from 'axios';
+
+export default ({
+    data(){
+        return{
+            blogTitle:'',
+            blogContent:''
+        }
+    },
+
+    async created() {
+  // GET request using axios with async/await
+  const response = await axios.get('https://blog-app-backend.onrender.com/api/articles/'+ this.$route.params.id);
+  this.blogTitle = response.data.blogTitle;
+  this.blogContent = response.data.blogContent;
+
+}
+
+
+    
+})
+</script>
+
+

From 4046baeaf107d7f5209091877d5dd385090cc078 Mon Sep 17 00:00:00 2001
From: Dagmawit Getachew <se.dagmawit.getachew@gmail.com>
Date: Tue, 2 Aug 2022 14:09:18 +0300
Subject: [PATCH 5/8] [Web]Changes made on BlockPost and _id pages.

---
 .../components/dagmawit/BlogPost.vue          | 10 ++--
 .../pages/dagmawit/_id.vue                    | 47 ++++++++++---------
 .../pages/dagmawit/index.vue                  |  1 +
 3 files changed, 29 insertions(+), 29 deletions(-)

diff --git a/starter-project-web-vue2/components/dagmawit/BlogPost.vue b/starter-project-web-vue2/components/dagmawit/BlogPost.vue
index 579f3946..9d9d78f8 100644
--- a/starter-project-web-vue2/components/dagmawit/BlogPost.vue
+++ b/starter-project-web-vue2/components/dagmawit/BlogPost.vue
@@ -2,6 +2,7 @@
 <template>
   <v-card max-width="900" class="mx-auto">
     <v-container>
+      <h1 align="center">Blog Posts</h1>
       <v-row dense v-bind:key="blogPost.id" v-for="blogPost in allBlogPosts">
         <v-col cols="12">
           <v-card color="#1F7087" dark>
@@ -12,14 +13,9 @@
                 </v-card-title>
 
                 <v-card-subtitle>{{ blogPost.content }}</v-card-subtitle>
-                <nuxt-link  :to="'/dagmawit/'  + blogPost._id">
+                <nuxt-link :to="'/dagmawit/' + blogPost._id">
                   <v-card-actions>
-                    <v-btn
-                      text
-                      class="grey--text"
-                    >
-                      Learn More
-                    </v-btn>
+                    <v-btn text class="grey--text"> Read More </v-btn>
                   </v-card-actions>
                 </nuxt-link>
               </div>
diff --git a/starter-project-web-vue2/pages/dagmawit/_id.vue b/starter-project-web-vue2/pages/dagmawit/_id.vue
index 3d20eb5d..ca9e2e7d 100644
--- a/starter-project-web-vue2/pages/dagmawit/_id.vue
+++ b/starter-project-web-vue2/pages/dagmawit/_id.vue
@@ -5,8 +5,10 @@
         <v-icon dark left> mdi-arrow-left </v-icon>Back
       </v-btn>
     </nuxt-link>
-    <h1>Title: {{ blogTitle }}</h1>
-    <hr />
+    <br />
+    <p></p>
+    <h1 align="center">Blog: {{ blogTitle }}</h1>
+
     <v-container
       ><h4>{{ blogContent }}</h4></v-container
     >
@@ -14,27 +16,28 @@
 </template>
 
 <script>
-import axios from 'axios';
-
-export default ({
-    data(){
-        return{
-            blogTitle:'',
-            blogContent:''
-        }
-    },
-
-    async created() {
-  // GET request using axios with async/await
-  const response = await axios.get('https://blog-app-backend.onrender.com/api/articles/'+ this.$route.params.id);
-  this.blogTitle = response.data.blogTitle;
-  this.blogContent = response.data.blogContent;
-
+import axios from 'axios'
+
+export default {
+  data() {
+    return {
+      blogTitle: '',
+      blogContent: '',
+    }
+  },
+
+  async created() {
+    try {
+      const response = await axios.get(
+        `https://blog-app-backend.onrender.com/api/articles/${this.$route.params.id}`
+      )
+      this.blogTitle = response.data.title
+      this.blogContent = response.data.content
+    } catch (err) {
+      console.log(err)
+    }
+  },
 }
-
-
-    
-})
 </script>
 
 
diff --git a/starter-project-web-vue2/pages/dagmawit/index.vue b/starter-project-web-vue2/pages/dagmawit/index.vue
index 9fd3bcf1..bc0e3aa6 100644
--- a/starter-project-web-vue2/pages/dagmawit/index.vue
+++ b/starter-project-web-vue2/pages/dagmawit/index.vue
@@ -4,6 +4,7 @@
       <BlogPost />
     </v-main>
   </v-app>
+  
 </template>
 
 <script>

From 36f8cfea8ed5da8ba6a5e8a06538536409e90634 Mon Sep 17 00:00:00 2001
From: Dagmawit Getachew <se.dagmawit.getachew@gmail.com>
Date: Tue, 2 Aug 2022 14:55:56 +0300
Subject: [PATCH 6/8] [web] address comments

---
 starter-project-web-vue2/.eslintrc.js         | 13 ++---
 starter-project-web-vue2/README.md            |  4 +-
 starter-project-web-vue2/assets/variables.css |  2 +-
 starter-project-web-vue2/commitlint.config.js |  4 +-
 .../components/abraham/AbrahamAddBlog.vue     |  4 +-
 .../components/abraham/AbrahamBlogPost.vue    | 10 ++--
 .../components/abraham/UserAuthForm.vue       |  6 +--
 .../components/dagmawit/BlogPost.vue          | 11 +---
 starter-project-web-vue2/jest.config.js       | 14 ++----
 starter-project-web-vue2/layouts/default.vue  | 50 +++++--------------
 starter-project-web-vue2/nuxt.config.js       | 34 ++++++-------
 .../pages/abraham/login.vue                   |  2 +-
 .../pages/abraham/register.vue                |  6 +--
 .../pages/dagmawit/_id.vue                    | 22 ++++----
 .../pages/dagmawit/index.vue                  | 18 +++----
 starter-project-web-vue2/pages/index.vue      | 12 ++---
 starter-project-web-vue2/store/dagmawit.js    | 48 +++++++-----------
 starter-project-web-vue2/stylelint.config.js  |  4 +-
 starter-project-web-vue2/utils/validations.js | 36 ++++++++-----
 19 files changed, 123 insertions(+), 177 deletions(-)

diff --git a/starter-project-web-vue2/.eslintrc.js b/starter-project-web-vue2/.eslintrc.js
index b7166f48..63024360 100644
--- a/starter-project-web-vue2/.eslintrc.js
+++ b/starter-project-web-vue2/.eslintrc.js
@@ -2,19 +2,14 @@ module.exports = {
   root: true,
   env: {
     browser: true,
-    node: true
+    node: true,
   },
   parserOptions: {
     parser: '@babel/eslint-parser',
-    requireConfigFile: false
+    requireConfigFile: false,
   },
-  extends: [
-    '@nuxtjs',
-    'plugin:nuxt/recommended',
-    'prettier'
-  ],
-  plugins: [
-  ],
+  extends: ['@nuxtjs', 'plugin:nuxt/recommended', 'prettier'],
+  plugins: [],
   rules: {
     'vue/multi-word-component-names': 'off',
   },
diff --git a/starter-project-web-vue2/README.md b/starter-project-web-vue2/README.md
index f7e1208a..92c2d3a4 100644
--- a/starter-project-web-vue2/README.md
+++ b/starter-project-web-vue2/README.md
@@ -16,7 +16,7 @@
 
 6. Add a file called index.vue in your pages folder. This page will be used to display a list of blogs.
 
-7. Add a file called _id.vue in your pages folder. This page will be used to display a single blog.
+7. Add a file called \_id.vue in your pages folder. This page will be used to display a single blog.
 
 8. Add any components you want to use in your pages to your components folder. (ex. the component used to display a single blog on the list page.)
 
@@ -45,7 +45,7 @@
 
 ### End to End Testing
 
-. . . 
+. . .
 
 ## Build Setup
 
diff --git a/starter-project-web-vue2/assets/variables.css b/starter-project-web-vue2/assets/variables.css
index f3e2dc35..9e3adf33 100644
--- a/starter-project-web-vue2/assets/variables.css
+++ b/starter-project-web-vue2/assets/variables.css
@@ -1 +1 @@
-/* No CSS *//*# sourceMappingURL=variables.css.map */
\ No newline at end of file
+/* No CSS */ /*# sourceMappingURL=variables.css.map */
diff --git a/starter-project-web-vue2/commitlint.config.js b/starter-project-web-vue2/commitlint.config.js
index 69b4242c..98ee7dfc 100644
--- a/starter-project-web-vue2/commitlint.config.js
+++ b/starter-project-web-vue2/commitlint.config.js
@@ -1,3 +1,3 @@
 module.exports = {
-  extends: ["@commitlint/config-conventional"],
-};
+  extends: ['@commitlint/config-conventional'],
+}
diff --git a/starter-project-web-vue2/components/abraham/AbrahamAddBlog.vue b/starter-project-web-vue2/components/abraham/AbrahamAddBlog.vue
index 605fb891..cd560b82 100644
--- a/starter-project-web-vue2/components/abraham/AbrahamAddBlog.vue
+++ b/starter-project-web-vue2/components/abraham/AbrahamAddBlog.vue
@@ -1,6 +1,6 @@
 <template>
   <v-dialog max-width="600px">
-    <template v-slot:activator="{ on }">
+    <template #activator="{ on }">
       <v-btn color="primary" dark v-on="on">
         <v-icon left> mdi-plus </v-icon>
         Add Blog</v-btn
@@ -15,7 +15,7 @@
           <v-text-field v-model="blogTitle" label="Title" />
           <v-textarea v-model="blogContent" label="Content" />
           <v-spacer></v-spacer>
-          <v-btn @click="onSubmit" class="success mx-0 mt-3">Add Blog</v-btn>
+          <v-btn class="success mx-0 mt-3" @click="onSubmit">Add Blog</v-btn>
         </v-form>
       </v-card-text>
     </v-card>
diff --git a/starter-project-web-vue2/components/abraham/AbrahamBlogPost.vue b/starter-project-web-vue2/components/abraham/AbrahamBlogPost.vue
index 821cf566..bd6176a6 100644
--- a/starter-project-web-vue2/components/abraham/AbrahamBlogPost.vue
+++ b/starter-project-web-vue2/components/abraham/AbrahamBlogPost.vue
@@ -6,20 +6,20 @@
     <v-container v-if="edit_area" class="px-0 black--text">
       <p class="edit-post">Edit Post</p>
       <v-text-field
+        v-model="blog_title"
         outlined
         class="text-black"
         :value="current.title"
         label="Title"
-        v-model="blog_title"
       />
       <v-text-field
+        v-model="blog_content"
         outlined
         class="text-black"
         :value="current.body"
         label="Content"
-        v-model="blog_content"
       />
-      <v-btn @click="update" class="pa-2 mb-2 mx-7 mt-3" dark>Save</v-btn>
+      <v-btn class="pa-2 mb-2 mx-7 mt-3" dark @click="update">Save</v-btn>
     </v-container>
 
     <v-row
@@ -49,12 +49,12 @@
               </v-card-text>
             </v-col>
             <v-col cols="1">
-              <v-btn left text @click="editArea(blog)" class="grey--text">
+              <v-btn left text class="grey--text" @click="editArea(blog)">
                 <v-icon> mdi-pencil </v-icon>
               </v-btn>
             </v-col>
             <v-col cols="1">
-              <v-btn @click="deleteBlog(blog.id)" left text class="grey--text">
+              <v-btn left text class="grey--text" @click="deleteBlog(blog.id)">
                 <v-icon> mdi-delete </v-icon>
               </v-btn>
             </v-col>
diff --git a/starter-project-web-vue2/components/abraham/UserAuthForm.vue b/starter-project-web-vue2/components/abraham/UserAuthForm.vue
index be92bd31..233acfdc 100644
--- a/starter-project-web-vue2/components/abraham/UserAuthForm.vue
+++ b/starter-project-web-vue2/components/abraham/UserAuthForm.vue
@@ -1,10 +1,10 @@
 <template>
   <v-form v-model="valid" class="pa-5 py-0 mx-auto grey lighten-5 mb-6">
     <v-text-field
+      v-if="hasNamee"
       v-model="userInfo.name"
       label="Name"
       :rules="[required('name')]"
-      v-if="hasNamee"
     />
 
     <v-text-field
@@ -18,9 +18,9 @@
       label="Password"
       :type="showPassword ? 'text' : 'password'"
       :append-icon="showPassword ? 'mdi-eye' : 'mdi-eye-off'"
-      @click:append="showPassword = !showPassword"
       counter="true"
       :rules="[required('password'), minLength('password', 3)]"
+      @click:append="showPassword = !showPassword"
     />
 
     <v-btn @click="submitForm(userInfo)">{{ buttonText }}</v-btn>
@@ -30,6 +30,7 @@
 <script>
 import validations from '@/utils/validations'
 export default {
+  props: ['submitForm', 'buttonText', 'hasNamee'],
   data() {
     return {
       valid: false,
@@ -42,7 +43,6 @@ export default {
       ...validations,
     }
   },
-  props: ['submitForm', 'buttonText', 'hasNamee'],
 }
 </script>
 
diff --git a/starter-project-web-vue2/components/dagmawit/BlogPost.vue b/starter-project-web-vue2/components/dagmawit/BlogPost.vue
index 9d9d78f8..75b27e85 100644
--- a/starter-project-web-vue2/components/dagmawit/BlogPost.vue
+++ b/starter-project-web-vue2/components/dagmawit/BlogPost.vue
@@ -1,9 +1,8 @@
-
 <template>
   <v-card max-width="900" class="mx-auto">
     <v-container>
       <h1 align="center">Blog Posts</h1>
-      <v-row dense v-bind:key="blogPost.id" v-for="blogPost in allBlogPosts">
+      <v-row v-for="blogPost in allBlogPosts" :key="blogPost.id" dense>
         <v-col cols="12">
           <v-card color="#1F7087" dark>
             <div class="d-flex flex-no-wrap justify-space-between">
@@ -53,11 +52,3 @@ export default {
   },
 }
 </script>
-
-
-
-
-
-
-
-
diff --git a/starter-project-web-vue2/jest.config.js b/starter-project-web-vue2/jest.config.js
index 87065302..5fa973b2 100644
--- a/starter-project-web-vue2/jest.config.js
+++ b/starter-project-web-vue2/jest.config.js
@@ -2,21 +2,17 @@ module.exports = {
   moduleNameMapper: {
     '^@/(.*)$': '<rootDir>/$1',
     '^~/(.*)$': '<rootDir>/$1',
-    '^vue$': 'vue/dist/vue.common.js'
+    '^vue$': 'vue/dist/vue.common.js',
   },
-  moduleFileExtensions: [
-    'js',
-    'vue',
-    'json'
-  ],
+  moduleFileExtensions: ['js', 'vue', 'json'],
   transform: {
     '^.+\\.js$': 'babel-jest',
-    '.*\\.(vue)$': 'vue-jest'
+    '.*\\.(vue)$': 'vue-jest',
   },
   collectCoverage: true,
   collectCoverageFrom: [
     '<rootDir>/components/**/*.vue',
-    '<rootDir>/pages/**/*.vue'
+    '<rootDir>/pages/**/*.vue',
   ],
-  testEnvironment: 'jsdom'
+  testEnvironment: 'jsdom',
 }
diff --git a/starter-project-web-vue2/layouts/default.vue b/starter-project-web-vue2/layouts/default.vue
index 2bf5acda..df451b4b 100644
--- a/starter-project-web-vue2/layouts/default.vue
+++ b/starter-project-web-vue2/layouts/default.vue
@@ -24,36 +24,20 @@
         </v-list-item>
       </v-list>
     </v-navigation-drawer>
-    <v-app-bar
-      :clipped-left="clipped"
-      fixed
-      app
-    >
+    <v-app-bar :clipped-left="clipped" fixed app>
       <v-app-bar-nav-icon @click.stop="drawer = !drawer" />
-      <v-btn
-        icon
-        @click.stop="miniVariant = !miniVariant"
-      >
+      <v-btn icon @click.stop="miniVariant = !miniVariant">
         <v-icon>mdi-{{ `chevron-${miniVariant ? 'right' : 'left'}` }}</v-icon>
       </v-btn>
-      <v-btn
-        icon
-        @click.stop="clipped = !clipped"
-      >
+      <v-btn icon @click.stop="clipped = !clipped">
         <v-icon>mdi-application</v-icon>
       </v-btn>
-      <v-btn
-        icon
-        @click.stop="fixed = !fixed"
-      >
+      <v-btn icon @click.stop="fixed = !fixed">
         <v-icon>mdi-minus</v-icon>
       </v-btn>
       <v-toolbar-title v-text="title" />
       <v-spacer />
-      <v-btn
-        icon
-        @click.stop="rightDrawer = !rightDrawer"
-      >
+      <v-btn icon @click.stop="rightDrawer = !rightDrawer">
         <v-icon>mdi-menu</v-icon>
       </v-btn>
     </v-app-bar>
@@ -62,27 +46,17 @@
         <Nuxt />
       </v-container>
     </v-main>
-    <v-navigation-drawer
-      v-model="rightDrawer"
-      :right="right"
-      temporary
-      fixed
-    >
+    <v-navigation-drawer v-model="rightDrawer" :right="right" temporary fixed>
       <v-list>
         <v-list-item @click.native="right = !right">
           <v-list-item-action>
-            <v-icon light>
-              mdi-repeat
-            </v-icon>
+            <v-icon light> mdi-repeat </v-icon>
           </v-list-item-action>
           <v-list-item-title>Switch drawer (click me)</v-list-item-title>
         </v-list-item>
       </v-list>
     </v-navigation-drawer>
-    <v-footer
-      :absolute="!fixed"
-      app
-    >
+    <v-footer :absolute="!fixed" app>
       <span>&copy; {{ new Date().getFullYear() }}</span>
     </v-footer>
   </v-app>
@@ -91,7 +65,7 @@
 <script>
 export default {
   name: 'DefaultLayout',
-  data () {
+  data() {
     return {
       clipped: false,
       drawer: false,
@@ -100,14 +74,14 @@ export default {
         {
           icon: 'mdi-apps',
           title: 'Welcome',
-          to: '/'
+          to: '/',
         },
       ],
       miniVariant: false,
       right: true,
       rightDrawer: false,
-      title: 'Practice'
+      title: 'Practice',
     }
-  }
+  },
 }
 </script>
diff --git a/starter-project-web-vue2/nuxt.config.js b/starter-project-web-vue2/nuxt.config.js
index e302d366..e2473a25 100644
--- a/starter-project-web-vue2/nuxt.config.js
+++ b/starter-project-web-vue2/nuxt.config.js
@@ -6,26 +6,22 @@ export default {
     titleTemplate: '%s - starter-project-web-vue2',
     title: 'starter-project-web-vue2',
     htmlAttrs: {
-      lang: 'en'
+      lang: 'en',
     },
     meta: [
       { charset: 'utf-8' },
       { name: 'viewport', content: 'width=device-width, initial-scale=1' },
       { hid: 'description', name: 'description', content: '' },
-      { name: 'format-detection', content: 'telephone=no' }
+      { name: 'format-detection', content: 'telephone=no' },
     ],
-    link: [
-      { rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }
-    ]
+    link: [{ rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }],
   },
 
   // Global CSS: https://go.nuxtjs.dev/config-css
-  css: [
-  ],
+  css: [],
 
   // Plugins to run before rendering page: https://go.nuxtjs.dev/config-plugins
-  plugins: [
-  ],
+  plugins: [],
 
   // Auto import components: https://go.nuxtjs.dev/config-components
   components: true,
@@ -41,10 +37,11 @@ export default {
   ],
 
   // Modules: https://go.nuxtjs.dev/config-modules
-  modules: [
-    '@nuxtjs/axios',
-    '@nuxtjs/auth-next',
-  ],
+  modules: ['@nuxtjs/axios', '@nuxtjs/auth-next'],
+
+  axios: {
+    baseURL: 'https://blog-app-backend.onrender.com/api/',
+  },
 
   // Vuetify module configuration: https://go.nuxtjs.dev/config-vuetify
   vuetify: {
@@ -59,15 +56,14 @@ export default {
           info: colors.teal.lighten1,
           warning: colors.amber.base,
           error: colors.deepOrange.accent4,
-          success: colors.green.accent3
-        }
-      }
-    }
+          success: colors.green.accent3,
+        },
+      },
+    },
   },
 
   // Build Configuration: https://go.nuxtjs.dev/config-build
-  build: {
-  },
+  build: {},
 
   auth: {
     strategies: {
diff --git a/starter-project-web-vue2/pages/abraham/login.vue b/starter-project-web-vue2/pages/abraham/login.vue
index d4fb4d77..4dc4f0fc 100644
--- a/starter-project-web-vue2/pages/abraham/login.vue
+++ b/starter-project-web-vue2/pages/abraham/login.vue
@@ -1,7 +1,7 @@
 <template>
   <v-container>
     <h1>LogIn</h1>
-    <UserAuthForm buttonText="Login" :submitForm="loginUser" />
+    <UserAuthForm button-text="Login" :submit-form="loginUser" />
   </v-container>
 </template>
 
diff --git a/starter-project-web-vue2/pages/abraham/register.vue b/starter-project-web-vue2/pages/abraham/register.vue
index b5f87301..ef8a5d8e 100644
--- a/starter-project-web-vue2/pages/abraham/register.vue
+++ b/starter-project-web-vue2/pages/abraham/register.vue
@@ -2,9 +2,9 @@
   <v-contair>
     <h1>Register</h1>
     <UserAuthForm
-      buttonText="Register"
-      :submitForm="registerUser"
-      hasNamee="true"
+      button-text="Register"
+      :submit-form="registerUser"
+      has-namee="true"
     />
   </v-contair>
 </template>
diff --git a/starter-project-web-vue2/pages/dagmawit/_id.vue b/starter-project-web-vue2/pages/dagmawit/_id.vue
index ca9e2e7d..44148a89 100644
--- a/starter-project-web-vue2/pages/dagmawit/_id.vue
+++ b/starter-project-web-vue2/pages/dagmawit/_id.vue
@@ -1,16 +1,16 @@
 <template>
   <div>
-    <nuxt-link :to="'/dagmawit/'">
+    <nuxt-link to="/dagmawit/">
       <v-btn class="ma-2" color="#1F7087" dark>
         <v-icon dark left> mdi-arrow-left </v-icon>Back
       </v-btn>
     </nuxt-link>
     <br />
     <p></p>
-    <h1 align="center">Blog: {{ blogTitle }}</h1>
+    <h1 align="center">Blog: {{ blog.title }}</h1>
 
     <v-container
-      ><h4>{{ blogContent }}</h4></v-container
+      ><h4>{{ blog.content }}</h4></v-container
     >
   </div>
 </template>
@@ -21,8 +21,10 @@ import axios from 'axios'
 export default {
   data() {
     return {
-      blogTitle: '',
-      blogContent: '',
+      blog: {
+        title: '',
+        content: '',
+      },
     }
   },
 
@@ -31,13 +33,13 @@ export default {
       const response = await axios.get(
         `https://blog-app-backend.onrender.com/api/articles/${this.$route.params.id}`
       )
-      this.blogTitle = response.data.title
-      this.blogContent = response.data.content
+      this.blog = this.response.data
     } catch (err) {
-      console.log(err)
+      this.$nuxt.error({
+        statusCode: err.statusCode,
+        message: err.message,
+      })
     }
   },
 }
 </script>
-
-
diff --git a/starter-project-web-vue2/pages/dagmawit/index.vue b/starter-project-web-vue2/pages/dagmawit/index.vue
index bc0e3aa6..1c8d41a0 100644
--- a/starter-project-web-vue2/pages/dagmawit/index.vue
+++ b/starter-project-web-vue2/pages/dagmawit/index.vue
@@ -1,21 +1,17 @@
 <template>
-    <v-app>
+  <v-app>
     <v-main class="white">
       <BlogPost />
     </v-main>
   </v-app>
-  
 </template>
 
 <script>
-import BlogPost from '../../components/dagmawit/BlogPost.vue';
+import BlogPost from '../../components/dagmawit/BlogPost.vue'
 export default {
-    name: 'Index',
-    components: {
-        BlogPost,
-
-    },
-     
-    
+  name: 'Index',
+  components: {
+    BlogPost,
+  },
 }
-</script>
\ No newline at end of file
+</script>
diff --git a/starter-project-web-vue2/pages/index.vue b/starter-project-web-vue2/pages/index.vue
index e823e9ed..49080295 100644
--- a/starter-project-web-vue2/pages/index.vue
+++ b/starter-project-web-vue2/pages/index.vue
@@ -33,16 +33,14 @@ export default {
     return {
       members: [
         {
-          name: "Abraham Tadesse",
+          name: 'Abraham Tadesse',
           description: 'Summer Intern',
-          link:
-            '/abraham',
+          link: '/abraham',
         },
-         {
-          name: "Dagmawit Getachew",
+        {
+          name: 'Dagmawit Getachew',
           description: 'Summer Intern',
-          link:
-            '/dagmawit',
+          link: '/dagmawit',
         },
       ],
     }
diff --git a/starter-project-web-vue2/store/dagmawit.js b/starter-project-web-vue2/store/dagmawit.js
index 688377b4..9a09afbe 100644
--- a/starter-project-web-vue2/store/dagmawit.js
+++ b/starter-project-web-vue2/store/dagmawit.js
@@ -1,34 +1,22 @@
-
-
-import axios from 'axios';
-
 const state = {
-    blogPosts:[]
-};
+  blogPosts: [],
+}
 const getters = {
-    allBlogPosts: state => state.blogPosts
-};
+  allBlogPosts: (state) => state.blogPosts,
+}
 const actions = {
-    async fetchBlogPosts({commit}){
-      const response = await axios.get('https://blog-app-backend.onrender.com/api/articles/all'); 
-      commit('setBlogPosts',response.data); 
-    }
-};
+  async fetchBlogPosts({ commit }) {
+    const response = await this.$axios.get('articles/all')
+    commit('setBlogPosts', response.data)
+  },
+}
 const mutations = {
-    setBlogPosts: (state,blogPosts) => (state.blogPosts=blogPosts)
-
-};
-
-export default{
-    state,getters,actions,mutations
-
-};
-
-// Vue.use(Vuex);
-
-// export default new Vuex.Store({
-// modules:{
-//     blogPosts
-// }
-
-// })
+  setBlogPosts: (state, blogPosts) => (state.blogPosts = blogPosts),
+}
+
+export default {
+  state,
+  getters,
+  actions,
+  mutations,
+}
diff --git a/starter-project-web-vue2/stylelint.config.js b/starter-project-web-vue2/stylelint.config.js
index c497a20a..e57a2fad 100644
--- a/starter-project-web-vue2/stylelint.config.js
+++ b/starter-project-web-vue2/stylelint.config.js
@@ -3,9 +3,9 @@ module.exports = {
   extends: [
     'stylelint-config-standard',
     'stylelint-config-recommended-vue',
-    'stylelint-config-prettier'
+    'stylelint-config-prettier',
   ],
   // add your custom config here
   // https://stylelint.io/user-guide/configuration
-  rules: {}
+  rules: {},
 }
diff --git a/starter-project-web-vue2/utils/validations.js b/starter-project-web-vue2/utils/validations.js
index 64b9e6e0..e01f1137 100644
--- a/starter-project-web-vue2/utils/validations.js
+++ b/starter-project-web-vue2/utils/validations.js
@@ -1,25 +1,35 @@
-let required = (propertyType, customErrorMessage) => { 
-  return v => v && v.length > 0 || customErrorMessage || `You must input a ${propertyType}`
+const required = (propertyType, customErrorMessage) => {
+  return (v) =>
+    (v && v.length > 0) ||
+    customErrorMessage ||
+    `You must input a ${propertyType}`
 }
-let minLength = (propertyType, minLength) => {
-  return v => {
-    if(!v){ return true; }
+const minLength = (propertyType, minLength) => {
+  return (v) => {
+    if (!v) {
+      return true
+    }
 
-    return v.length >= minLength || `${propertyType} must be at least ${minLength} characters`;
+    return (
+      v.length >= minLength ||
+      `${propertyType} must be at least ${minLength} characters`
+    )
   }
 }
-let maxLength = (propertyType, maxLength) => {
-  return v => v && v.length <= maxLength || `${propertyType} must be less than ${maxLength} characters`
+const maxLength = (propertyType, maxLength) => {
+  return (v) =>
+    (v && v.length <= maxLength) ||
+    `${propertyType} must be less than ${maxLength} characters`
 }
 
-let emailFormat = () => {
-  let regex = /^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,24})+$/
-  return v => v && regex.test(v) || "Must be a valid email"
+const emailFormat = () => {
+  const regex = /^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,24})+$/
+  return (v) => (v && regex.test(v)) || 'Must be a valid email'
 }
 
 export default {
   required,
   minLength,
   maxLength,
-  emailFormat
-}
\ No newline at end of file
+  emailFormat,
+}

From 0ede76127c4da41c2ed8a2e321361fce50a3e4e7 Mon Sep 17 00:00:00 2001
From: Dagmawit Getachew <se.dagmawit.getachew@gmail.com>
Date: Tue, 2 Aug 2022 15:19:02 +0300
Subject: [PATCH 7/8] revert changes

---
 starter_project_mobile/pubspec.lock           | 16 ++++++-------
 starter_project_mobile_2022/pubspec.lock      | 18 +++++++--------
 starter_project_mobile_new/pubspec.lock       | 23 ++++++++++++-------
 .../lib/pubspec.lock                          | 16 ++++++-------
 starter_testing_project_mobile/pubspec.lock   | 16 ++++++-------
 5 files changed, 48 insertions(+), 41 deletions(-)

diff --git a/starter_project_mobile/pubspec.lock b/starter_project_mobile/pubspec.lock
index eaf83836..c8f011d9 100644
--- a/starter_project_mobile/pubspec.lock
+++ b/starter_project_mobile/pubspec.lock
@@ -147,7 +147,7 @@ packages:
       name: collection
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "1.16.0"
+    version: "1.15.0"
   convert:
     dependency: transitive
     description:
@@ -182,7 +182,7 @@ packages:
       name: fake_async
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "1.3.0"
+    version: "1.2.0"
   ffi:
     dependency: transitive
     description:
@@ -311,7 +311,7 @@ packages:
       name: material_color_utilities
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "0.1.4"
+    version: "0.1.3"
   meta:
     dependency: transitive
     description:
@@ -353,7 +353,7 @@ packages:
       name: path
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "1.8.1"
+    version: "1.8.0"
   path_provider:
     dependency: transitive
     description:
@@ -477,7 +477,7 @@ packages:
       name: source_span
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "1.8.2"
+    version: "1.8.1"
   stack_trace:
     dependency: transitive
     description:
@@ -519,7 +519,7 @@ packages:
       name: test_api
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "0.4.9"
+    version: "0.4.8"
   timing:
     dependency: transitive
     description:
@@ -540,7 +540,7 @@ packages:
       name: vector_math
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "2.1.2"
+    version: "2.1.1"
   watcher:
     dependency: transitive
     description:
@@ -577,5 +577,5 @@ packages:
     source: hosted
     version: "3.1.0"
 sdks:
-  dart: ">=2.17.0-0 <3.0.0"
+  dart: ">=2.14.0 <3.0.0"
   flutter: ">=2.0.0"
diff --git a/starter_project_mobile_2022/pubspec.lock b/starter_project_mobile_2022/pubspec.lock
index 7a7236b0..62f9b250 100644
--- a/starter_project_mobile_2022/pubspec.lock
+++ b/starter_project_mobile_2022/pubspec.lock
@@ -42,7 +42,7 @@ packages:
       name: collection
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "1.16.0"
+    version: "1.15.0"
   crypto:
     dependency: transitive
     description:
@@ -63,7 +63,7 @@ packages:
       name: fake_async
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "1.3.0"
+    version: "1.2.0"
   ffi:
     dependency: transitive
     description:
@@ -141,7 +141,7 @@ packages:
       name: js
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "0.6.4"
+    version: "0.6.3"
   lints:
     dependency: transitive
     description:
@@ -162,7 +162,7 @@ packages:
       name: material_color_utilities
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "0.1.4"
+    version: "0.1.3"
   meta:
     dependency: transitive
     description:
@@ -176,7 +176,7 @@ packages:
       name: path
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "1.8.1"
+    version: "1.8.0"
   path_provider:
     dependency: transitive
     description:
@@ -272,7 +272,7 @@ packages:
       name: source_span
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "1.8.2"
+    version: "1.8.1"
   stack_trace:
     dependency: transitive
     description:
@@ -314,7 +314,7 @@ packages:
       name: test_api
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "0.4.9"
+    version: "0.4.8"
   typed_data:
     dependency: transitive
     description:
@@ -384,7 +384,7 @@ packages:
       name: vector_math
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "2.1.2"
+    version: "2.1.1"
   win32:
     dependency: transitive
     description:
@@ -400,5 +400,5 @@ packages:
     source: hosted
     version: "0.2.0+1"
 sdks:
-  dart: ">=2.17.0-0 <3.0.0"
+  dart: ">=2.16.1 <3.0.0"
   flutter: ">=2.10.0"
diff --git a/starter_project_mobile_new/pubspec.lock b/starter_project_mobile_new/pubspec.lock
index 779e035b..66c4fb7d 100644
--- a/starter_project_mobile_new/pubspec.lock
+++ b/starter_project_mobile_new/pubspec.lock
@@ -42,7 +42,7 @@ packages:
       name: collection
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "1.16.0"
+    version: "1.15.0"
   cupertino_icons:
     dependency: "direct main"
     description:
@@ -56,7 +56,7 @@ packages:
       name: fake_async
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "1.3.0"
+    version: "1.2.0"
   flutter:
     dependency: "direct main"
     description: flutter
@@ -94,7 +94,7 @@ packages:
       name: material_color_utilities
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "0.1.4"
+    version: "0.1.2"
   meta:
     dependency: transitive
     description:
@@ -108,7 +108,7 @@ packages:
       name: path
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "1.8.1"
+    version: "1.8.0"
   sky_engine:
     dependency: transitive
     description: flutter
@@ -120,7 +120,7 @@ packages:
       name: source_span
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "1.8.2"
+    version: "1.8.1"
   stack_trace:
     dependency: transitive
     description:
@@ -155,13 +155,20 @@ packages:
       name: test_api
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "0.4.9"
+    version: "0.4.8"
+  typed_data:
+    dependency: transitive
+    description:
+      name: typed_data
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "1.3.0"
   vector_math:
     dependency: transitive
     description:
       name: vector_math
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "2.1.2"
+    version: "2.1.1"
 sdks:
-  dart: ">=2.17.0-0 <3.0.0"
+  dart: ">=2.16.0-80.1.beta <3.0.0"
diff --git a/starter_testing_project_mobile/lib/pubspec.lock b/starter_testing_project_mobile/lib/pubspec.lock
index 373edbb5..eed8e04b 100644
--- a/starter_testing_project_mobile/lib/pubspec.lock
+++ b/starter_testing_project_mobile/lib/pubspec.lock
@@ -140,7 +140,7 @@ packages:
       name: collection
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "1.16.0"
+    version: "1.15.0"
   convert:
     dependency: transitive
     description:
@@ -175,7 +175,7 @@ packages:
       name: fake_async
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "1.3.0"
+    version: "1.2.0"
   file:
     dependency: transitive
     description:
@@ -283,7 +283,7 @@ packages:
       name: material_color_utilities
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "0.1.4"
+    version: "0.1.3"
   meta:
     dependency: transitive
     description:
@@ -318,7 +318,7 @@ packages:
       name: path
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "1.8.1"
+    version: "1.8.0"
   pedantic:
     dependency: transitive
     description:
@@ -379,7 +379,7 @@ packages:
       name: source_span
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "1.8.2"
+    version: "1.8.1"
   stack_trace:
     dependency: transitive
     description:
@@ -421,7 +421,7 @@ packages:
       name: test_api
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "0.4.9"
+    version: "0.4.8"
   timing:
     dependency: transitive
     description:
@@ -442,7 +442,7 @@ packages:
       name: vector_math
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "2.1.2"
+    version: "2.1.1"
   watcher:
     dependency: transitive
     description:
@@ -465,4 +465,4 @@ packages:
     source: hosted
     version: "3.1.0"
 sdks:
-  dart: ">=2.17.0-0 <3.0.0"
+  dart: ">=2.14.0 <3.0.0"
diff --git a/starter_testing_project_mobile/pubspec.lock b/starter_testing_project_mobile/pubspec.lock
index f7378cdb..473c7ed2 100644
--- a/starter_testing_project_mobile/pubspec.lock
+++ b/starter_testing_project_mobile/pubspec.lock
@@ -140,7 +140,7 @@ packages:
       name: collection
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "1.16.0"
+    version: "1.15.0"
   convert:
     dependency: transitive
     description:
@@ -175,7 +175,7 @@ packages:
       name: fake_async
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "1.3.0"
+    version: "1.2.0"
   file:
     dependency: transitive
     description:
@@ -283,7 +283,7 @@ packages:
       name: material_color_utilities
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "0.1.4"
+    version: "0.1.3"
   meta:
     dependency: transitive
     description:
@@ -318,7 +318,7 @@ packages:
       name: path
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "1.8.1"
+    version: "1.8.0"
   pedantic:
     dependency: transitive
     description:
@@ -379,7 +379,7 @@ packages:
       name: source_span
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "1.8.2"
+    version: "1.8.1"
   stack_trace:
     dependency: transitive
     description:
@@ -421,7 +421,7 @@ packages:
       name: test_api
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "0.4.9"
+    version: "0.4.8"
   timing:
     dependency: transitive
     description:
@@ -442,7 +442,7 @@ packages:
       name: vector_math
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "2.1.2"
+    version: "2.1.1"
   watcher:
     dependency: transitive
     description:
@@ -465,4 +465,4 @@ packages:
     source: hosted
     version: "3.1.0"
 sdks:
-  dart: ">=2.17.0-0 <3.0.0"
+  dart: ">=2.14.0 <3.0.0"

From 3ec4a7d89c09986892279bd00f2041bd2eade721 Mon Sep 17 00:00:00 2001
From: Dagmawit Getachew <se.dagmawit.getachew@gmail.com>
Date: Tue, 2 Aug 2022 15:22:42 +0300
Subject: [PATCH 8/8] [web] revert changes

---
 .../linux/flutter/generated_plugins.cmake                 | 8 --------
 1 file changed, 8 deletions(-)

diff --git a/starter_project_mobile_new/linux/flutter/generated_plugins.cmake b/starter_project_mobile_new/linux/flutter/generated_plugins.cmake
index 2e1de87a..51436ae8 100644
--- a/starter_project_mobile_new/linux/flutter/generated_plugins.cmake
+++ b/starter_project_mobile_new/linux/flutter/generated_plugins.cmake
@@ -5,9 +5,6 @@
 list(APPEND FLUTTER_PLUGIN_LIST
 )
 
-list(APPEND FLUTTER_FFI_PLUGIN_LIST
-)
-
 set(PLUGIN_BUNDLED_LIBRARIES)
 
 foreach(plugin ${FLUTTER_PLUGIN_LIST})
@@ -16,8 +13,3 @@ foreach(plugin ${FLUTTER_PLUGIN_LIST})
   list(APPEND PLUGIN_BUNDLED_LIBRARIES $<TARGET_FILE:${plugin}_plugin>)
   list(APPEND PLUGIN_BUNDLED_LIBRARIES ${${plugin}_bundled_libraries})
 endforeach(plugin)
-
-foreach(ffi_plugin ${FLUTTER_FFI_PLUGIN_LIST})
-  add_subdirectory(flutter/ephemeral/.plugin_symlinks/${ffi_plugin}/linux plugins/${ffi_plugin})
-  list(APPEND PLUGIN_BUNDLED_LIBRARIES ${${ffi_plugin}_bundled_libraries})
-endforeach(ffi_plugin)