diff --git a/package-lock.json b/package-lock.json
index 58314a7..e2c0f17 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -8095,6 +8095,11 @@
         "minimist": "^1.2.5"
       }
     },
+    "moment": {
+      "version": "2.25.3",
+      "resolved": "https://registry.npmjs.org/moment/-/moment-2.25.3.tgz",
+      "integrity": "sha512-PuYv0PHxZvzc15Sp8ybUCoQ+xpyPWvjOuK72a5ovzp2LI32rJXOiIfyoFoYvG3s6EwwrdkMyWuRiEHSZRLJNdg=="
+    },
     "move-concurrently": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/move-concurrently/-/move-concurrently-1.0.1.tgz",
diff --git a/package.json b/package.json
index d401bb7..9f43270 100644
--- a/package.json
+++ b/package.json
@@ -13,6 +13,7 @@
     "firebase": "^7.14.2",
     "firebaseui": "^4.5.0",
     "jquery": "^3.5.0",
+    "moment": "^2.25.3",
     "popper.js": "^1.16.1",
     "vue": "^2.6.11",
     "vue-resource": "^1.5.1",
diff --git a/src/assets/barkbutton.png b/src/assets/barkbutton.png
new file mode 100644
index 0000000..f2dcc05
Binary files /dev/null and b/src/assets/barkbutton.png differ
diff --git a/src/main.js b/src/main.js
index d634328..f8067cc 100644
--- a/src/main.js
+++ b/src/main.js
@@ -11,6 +11,7 @@ import ui from '@/plugins/firebaseui-init';
 
 import 'bootstrap';
 import './assets/app.scss';
+import 'moment';
 
 Vue.config.productionTip = false;
 
diff --git a/src/views/Home.vue b/src/views/Home.vue
index 1a2857a..e8c04d1 100644
--- a/src/views/Home.vue
+++ b/src/views/Home.vue
@@ -3,7 +3,7 @@
         <h2>Compose a Bark</h2>
         <input type="text" v-model="search" placeholder="search barks"/>
          <b-list-group-item class="d-flex align-items-center">
-        <b-avatar variant="info" src="https://placekitten.com/300/300" class="mr-3"></b-avatar>
+        <b-avatar variant="info" :src="this.$store.state.user.photoURL" class="mr-3"></b-avatar>
         <span class="mr-auto">
              <form  v-if="!submitted">
                 <textarea type="text" placeholder="Write your Bark here..." v-model.lazy="bark.content" required />
@@ -12,7 +12,7 @@
       </b-list-group-item>
         <b-list-group-item class="d-flex align-items-center" v-for="(bark, index) in filteredallBarks" :key=index>
         <b-avatar  :src="bark.user.photoURL" class="mr-3"></b-avatar>
-        <div class="mr-auto"> <p display="inline" > {{ bark.user.displayName }} | {{ new Date(bark.createdAt.seconds)}}</p>
+        <div class="mr-auto"> <p display="inline" > {{ bark.user.displayName }} | {{ formatDate (bark.createdAt.toDate() ) }}</p>
     
             </div>
             <br>
@@ -27,8 +27,10 @@
 
 <script>
 // Imports
+import moment from 'moment';
+
 export default {
-    data () {
+    data: function() {
         return {
             bark: {
                 content: '', 
@@ -38,7 +40,14 @@ export default {
             submitted: false
         }
     },
+
     methods: {
+    formatDate(myDate){
+        return moment(myDate).format('MMMM Do YYYY, h:mm:ss a');;
+    
+    },
+
+
     post(){
         
         let newBark = {
diff --git a/src/views/Profile.vue b/src/views/Profile.vue
index 3e13dd8..495dae8 100644
--- a/src/views/Profile.vue
+++ b/src/views/Profile.vue
@@ -1,16 +1,65 @@
 <template>
   <div class="Pofile">
-    <h1 class="motherfont">Profile</h1>
-    <b-button variant="outline-primary">Boot</b-button>
-    <div id="biohead">
+    <span class="motherfont"> <h1>Profile</h1>
+    <h2 >Your Barks <i>stay</i> here.</h2>
+    </span>
+    <img src="/assets/barkbutton.png" alt="" width="25px">
+     <div class="motherfont">
+        <b-list-group-item class="d-flex align-items-center" v-for="(bark, index) in allBarks" :key=index>
+        <b-avatar  :src="bark.user.photoURL" class="mr-3"></b-avatar>
+        <div class="mr-auto"> <p display="inline" > {{ bark.user.displayName }} | {{ formatDate (bark.createdAt.toDate()) }}</p>
+            </div>
+            <br>
+        <div>  
+            <p>{{ bark.content }}</p>
+        </div>
+      </b-list-group-item>
     
+       
+    </div>
 
+  </div>
+  
+</template>
+<script>
 
+import moment from 'moment';
+export default {
+    data: function() {
+        return {
+            bark: {
+                content: '', 
+            },
+            allBarks: [],
+            search: '',
+            submitted: false
+        }
+    },
+    methods: {
+      formatDate(myDate){
+        return moment(myDate).format('MMMM Do YYYY, h:mm:ss a');;
+    
+    },
+  
+        getBarks2(){
+          //let poweruser = this.$store.state.user
+           db.collection("barks").where("user", "==",this.$store.state.user )
+            .get().then(querySnapshot => {
+            querySnapshot.forEach(doc => {
+                // doc.data() is never undefined for query doc snapshots
+                console.log(doc.id, " => ", doc.data());
+                this.allBarks.push(doc.data())
+            });
+        });
 
-
+        }
+    },
+    mounted(){
+        this.getBarks2();
 
       
-    </div>
+    },
+   
+}
 
-  </div>
-</template>
+</script>