diff --git a/client/package-lock.json b/client/package-lock.json
index 4cc3419..2b7b9b6 100644
--- a/client/package-lock.json
+++ b/client/package-lock.json
@@ -7704,6 +7704,11 @@
         }
       }
     },
+    "inspirational-quotes": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/inspirational-quotes/-/inspirational-quotes-1.0.8.tgz",
+      "integrity": "sha512-G6bUixnxETEac36tXWT/EuSJ2BzZ+smiBb8cKYLYOiGgdaRnBiwhMouLB+l0eLmAa3Pokz04pto6i4Ro2UomkA=="
+    },
     "internal-ip": {
       "version": "4.3.0",
       "resolved": "https://registry.npmjs.org/internal-ip/-/internal-ip-4.3.0.tgz",
diff --git a/client/package.json b/client/package.json
index c4347ea..5b168de 100644
--- a/client/package.json
+++ b/client/package.json
@@ -20,6 +20,7 @@
     "core-js": "^3.6.4",
     "feathers-hooks-common": "^5.0.3",
     "feathers-vuex": "^3.10.4",
+    "inspirational-quotes": "^1.0.8",
     "socket.io-client": "^2.3.0",
     "vue": "^2.6.11",
     "vue-router": "^3.1.6",
diff --git a/client/src/components/Loading.vue b/client/src/components/Loading.vue
index 1357267..d9bd3f7 100644
--- a/client/src/components/Loading.vue
+++ b/client/src/components/Loading.vue
@@ -1,7 +1,29 @@
 <template>
-  <img src="../assets/entropy-loading.gif" />
+  <div class="loading">
+    <img src="../assets/entropy-loading.gif" />
+    <blockquote>
+      <p>{{quote}}</p>
+      <footer>
+        <cite>{{author}}</cite>
+      </footer>
+    </blockquote>
+  </div>
 </template>
+<script>
+const Quote = require("inspirational-quotes");
+let inspiration = Quote.getQuote();
 
+export default {
+  data() {
+    return {
+      quote: inspiration.text,
+      author: inspiration.author
+    };
+  }
+};
+</script>
 <style>
-
+.loading{
+  display: flex; align-items: center; flex-direction: column;
+}
 </style>