diff --git a/package-lock.json b/package-lock.json
index 37d98b6c8..3dc2d1c32 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -8705,6 +8705,11 @@
       "resolved": "https://registry.npmjs.org/dns-equal/-/dns-equal-1.0.0.tgz",
       "integrity": "sha1-s55/HabrCnW6nBcySzR1PEfgZU0="
     },
+    "detect-browser": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/detect-browser/-/detect-browser-5.2.0.tgz",
+      "integrity": "sha512-tr7XntDAu50BVENgQfajMLzacmSe34D+qZc4zjnniz0ZVuw/TZcLcyxHQjYpJTM36sGEkZZlYLnIM1hH7alTMA=="
+    },
     "dns-packet": {
       "version": "1.3.4",
       "resolved": "https://registry.npmjs.org/dns-packet/-/dns-packet-1.3.4.tgz",
@@ -19359,6 +19364,21 @@
         }
       }
     },
+    "serialize-error": {
+      "version": "8.1.0",
+      "resolved": "https://registry.npmjs.org/serialize-error/-/serialize-error-8.1.0.tgz",
+      "integrity": "sha512-3NnuWfM6vBYoy5gZFvHiYsVbafvI9vZv/+jlIigFn4oP4zjNPK3LhcY0xSCgeb1a5L8jO71Mit9LlNoi2UfDDQ==",
+      "requires": {
+        "type-fest": "^0.20.2"
+      },
+      "dependencies": {
+        "type-fest": {
+          "version": "0.20.2",
+          "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.20.2.tgz",
+          "integrity": "sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ=="
+        }
+      }
+    },
     "serialize-javascript": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/serialize-javascript/-/serialize-javascript-4.0.0.tgz",
diff --git a/package.json b/package.json
index fcd92f8b5..c21f26839 100644
--- a/package.json
+++ b/package.json
@@ -40,6 +40,7 @@
     "connect": "^3.7.0",
     "core-js": "^3.15.1",
     "date-fns": "^2.22.1",
+    "detect-browser": "^5.2.0",
     "fontsource-ibm-plex-sans": "^3.1.5",
     "i18n": "^0.13.3",
     "is-fqdn": "^2.0.1",
@@ -48,6 +49,7 @@
     "lru-cache": "^6.0.0",
     "node-fetch": "^2.6.1",
     "normalize.css": "^8.0.1",
+    "serialize-error": "^8.1.0",
     "serve-static": "^1.14.1",
     "sophia-bonding-curve": "github:aeternity/BondingCurve#1.0.0-alpha.2",
     "soundcloud-widget": "^0.2.1",
diff --git a/src/App.vue b/src/App.vue
index 52606a6a2..0790936a3 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -101,7 +101,11 @@ export default {
         console.log('found wallet');
         this.useSdkWallet();
         this.setAddress(address);
-        this.$store.dispatch('updateCookiesConsent');
+        try {
+          await this.$store.dispatch('updateCookiesConsent');
+        } catch (error) {
+          if (error.message !== 'Operation rejected by user') throw error;
+        }
       } else {
         this.setAddress(address);
       }
diff --git a/src/assets/iconCodeError.svg b/src/assets/iconCodeError.svg
new file mode 100644
index 000000000..45dc8f973
--- /dev/null
+++ b/src/assets/iconCodeError.svg
@@ -0,0 +1,28 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 48 48" style="enable-background:new 0 0 48 48;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:none;}
+	.st1{fill-rule:evenodd;clip-rule:evenodd;fill:#FF4746;}
+	.st2{opacity:0.44;fill:#FF4746;enable-background:new;}
+</style>
+<g id="transparent">
+	<rect x="0" y="0" class="st0" width="48" height="48"/>
+</g>
+<g id="brackets">
+	<path class="st1" d="M14.337,15.404c0.731,0.688,0.766,1.839,0.078,2.57l-6.1,6.481l6.1,6.481c0.688,0.731,0.653,1.882-0.078,2.57
+		c-0.731,0.688-1.882,0.653-2.57-0.078l-7.273-7.727c-0.659-0.7-0.659-1.792,0-2.492l7.273-7.727
+		C12.455,14.751,13.606,14.716,14.337,15.404z M33.663,15.404c-0.731,0.688-0.766,1.839-0.078,2.57l6.1,6.481l-6.1,6.481
+		c-0.688,0.731-0.653,1.882,0.078,2.57c0.731,0.688,1.882,0.653,2.57-0.078l7.273-7.727c0.659-0.7,0.659-1.792,0-2.492l-7.273-7.727
+		C35.545,14.751,34.394,14.716,33.663,15.404z"/>
+</g>
+<g id="blinking">
+	<path class="st2" d="M27.765,9.951L27.765,9.951c0.97,0.26,1.546,1.257,1.286,2.227l-6.588,24.587
+		c-0.26,0.97-1.257,1.546-2.227,1.286l0,0c-0.97-0.26-1.546-1.257-1.286-2.227l6.588-24.587
+		C25.798,10.266,26.795,9.691,27.765,9.951z"/>
+		<animate attributeName="opacity"
+             values=".56;1;.56" dur="1.3s"
+             repeatCount="indefinite"/>
+</g>
+</svg>
diff --git a/src/assets/iconThumbUp.svg b/src/assets/iconThumbUp.svg
new file mode 100644
index 000000000..d636e2a6f
--- /dev/null
+++ b/src/assets/iconThumbUp.svg
@@ -0,0 +1,33 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 48 48" style="enable-background:new 0 0 48 48;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:none;}
+	.st1{opacity:0.44;fill:#00FF9D;enable-background:new;}
+	.st2{fill-rule:evenodd;clip-rule:evenodd;fill:#00FF9D;opacity:1;}
+</style>
+<g id="bound">
+	<rect x="0" y="0" class="st0" width="48" height="48"/>
+</g>
+<g id="animated1">
+	<path class="st1" d="M7.21,17h6c1.105,0,2,0.895,2,2v18c0,1.105-0.895,2-2,2h-6c-1.105,0-2-0.895-2-2V19
+		C5.21,17.895,6.105,17,7.21,17z">
+		<animate attributeName="opacity"
+             values=".44;.66;.44" dur="1.3s"
+             repeatCount="indefinite"/>
+	</path>
+</g>
+<g id="animated2">
+	<path cx="30.501" cy="24" class="st2" d="M18.21,19v18l2.305,0.768C22.962,38.584,25.525,39,28.105,39h7.187c2.86,0,5.323-2.019,5.883-4.823
+		l1.498-7.492c0.775-3.874-2.341-7.426-6.283-7.163L29.21,20l0.642-7.061C30.044,10.824,28.379,9,26.255,9l0,0
+		c-1.269,0-2.444,0.666-3.097,1.754L18.21,19z">
+		<animate attributeName="opacity"
+             values="1;.44;1" dur="1.5s"
+             repeatCount="indefinite"/>
+			 <animate attributeName="cx"
+             values="30.501;32;30.501" dur="1.1s"
+             repeatCount="indefinite"/>
+	</path>
+</g>
+</svg>
diff --git a/src/components/AeButton.vue b/src/components/AeButton.vue
index c77b21665..fdde5dd14 100644
--- a/src/components/AeButton.vue
+++ b/src/components/AeButton.vue
@@ -49,6 +49,7 @@ export default {
   transition: background-color 0.3s;
   text-align: center;
   font-size: 16px;
+  cursor: pointer;
 
   &[disabled] {
     opacity: 0.4;
diff --git a/src/components/AlertModal.vue b/src/components/AlertModal.vue
index 8dc284422..7538ee7f4 100644
--- a/src/components/AlertModal.vue
+++ b/src/components/AlertModal.vue
@@ -1,108 +1,54 @@
 <template>
-  <div
-    class="modal-mask"
-    @click="resolve"
+  <Dialog
+    class="alert-modal"
+    :title="title"
+    @close="resolve"
   >
-    <div class="modal-wrapper">
-      <div class="success-modal">
-        <img
-          v-if="!hideIcon"
-          :src="failure ? FailureIcon : SuccessIcon"
-        >
-        <h1>{{ title }}</h1>
-        <p
-          v-for="(row, index) in body instanceof Array ? body : [body]"
-          :key="index"
-        >
-          {{ row }}
-        </p>
-        <button
-          class="button"
-          @click="resolve"
-        >
-          {{ primaryButtonText }}
-        </button>
-      </div>
-    </div>
-  </div>
+    <img
+      v-if="!hideIcon"
+      slot="icon"
+      :src="failure ? FailureIcon : SuccessIcon"
+    >
+    <p
+      v-for="(row, index) in body instanceof Array ? body : [body]"
+      :key="index"
+    >
+      {{ row }}
+    </p>
+    <AeButton @click="resolve">
+      {{ primaryButtonText }}
+    </AeButton>
+  </Dialog>
 </template>
 
 <script>
 import SuccessIcon from '../assets/verifiedUrl.svg';
 import FailureIcon from '../assets/iconError.svg';
+import Dialog from './Dialog.vue';
+import AeButton from './AeButton.vue';
 
 export default {
+  components: { Dialog, AeButton },
   props: {
     title: { type: String, required: true },
     body: { type: [String, Array], required: true },
     resolve: { type: Function, required: true },
-    failure: { type: Boolean },
-    hideIcon: { type: Boolean },
+    failure: Boolean,
+    hideIcon: Boolean,
     primaryButtonText: {
       type: String,
       default() { return this.$t('done'); },
     },
   },
-  data() {
-    return {
-      SuccessIcon,
-      FailureIcon,
-    };
-  },
+  data: () => ({
+    SuccessIcon,
+    FailureIcon,
+  }),
 };
 </script>
 
 <style lang="scss" scoped>
-.modal-mask {
-  vertical-align: middle;
-  padding-top: 5rem;
-  position: fixed;
-  z-index: 9998;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  display: table;
-  background-color: rgba(0, 0, 0, 0.5);
-
-  .success-modal {
-    text-align: center;
-    width: 25rem;
-    margin: 0 auto;
-    padding: 2.5rem 2.5rem;
-    background-color: $actions_ribbon_background_color;
-    border-radius: 0.25rem;
-    border: 1px solid $card_border_color;
-    box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.25);
-    word-break: break-word;
-
-    @include smallest {
-      width: 100%;
-      padding: 1rem;
-    }
-
-    img {
-      height: 2rem;
-      margin-bottom: 0.85rem;
-    }
-
-    h1 {
-      color: $standard_font_color;
-      font-size: 1rem;
-      font-weight: 500;
-    }
-
-    .button {
-      background-color: $secondary_color;
-      border: none;
-      border-radius: 0.25rem;
-      color: $standard_font_color;
-      font-size: 0.75rem;
-      font-weight: 700;
-      justify-self: center;
-      line-height: 1.125;
-      padding: 0.65rem 1rem;
-    }
-  }
+.alert-modal {
+  word-break: break-word; // TODO: move it to case where it is actually used
 }
 </style>
diff --git a/src/components/CookiesDialog.vue b/src/components/CookiesDialog.vue
index 46816fd4b..7fef77ae6 100644
--- a/src/components/CookiesDialog.vue
+++ b/src/components/CookiesDialog.vue
@@ -71,8 +71,12 @@ export default {
   },
   methods: {
     async allowHandler() {
-      await this.$store.dispatch('backend/setCookies', { scope: this.scope, status: true });
-      this.resolve();
+      try {
+        await this.$store.dispatch('backend/setCookies', { scope: this.scope, status: true });
+        this.resolve();
+      } catch (error) {
+        if (error.message !== 'Operation rejected by user') throw error;
+      }
     },
   },
 };
diff --git a/src/components/Dialog.vue b/src/components/Dialog.vue
new file mode 100644
index 000000000..266262b0b
--- /dev/null
+++ b/src/components/Dialog.vue
@@ -0,0 +1,117 @@
+<template>
+  <!-- TODO: rename to Modal, Modal rename to Popup or so -->
+  <div
+    class="dialog"
+    @click.self="$emit('close')"
+  >
+    <div class="content">
+      <ButtonPlain
+        class="close"
+        @click="$emit('close')"
+      >
+        <IconCancel />
+      </ButtonPlain>
+
+      <div
+        v-if="$slots.icon"
+        class="icon"
+      >
+        <slot name="icon" />
+      </div>
+      <h1>{{ title }}</h1>
+      <h2 v-if="subtitle">
+        {{ subtitle }}
+      </h2>
+      <slot />
+    </div>
+  </div>
+</template>
+
+<script>
+import ButtonPlain from './ButtonPlain.vue';
+import IconCancel from '../assets/iconCancel.svg?icon-component';
+
+export default {
+  components: { ButtonPlain, IconCancel },
+  props: {
+    title: { type: String, required: true },
+    subtitle: { type: String, default: '' },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.dialog {
+  position: fixed;
+  z-index: 9998;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  display: flex;
+  background-color: rgba(0, 0, 0, 0.5);
+
+  .content {
+    text-align: center;
+    width: 25rem;
+    margin: auto;
+    padding: 40px 32px;
+    background-color: $actions_ribbon_background_color;
+    border-radius: 0.25rem;
+    border: 1px solid $card_border_color;
+    box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.25);
+    font-size: 15px;
+    line-height: 24px;
+    color: $tip_note_color;
+    position: relative;
+
+    @include smallest {
+      width: 100%;
+      padding: 1rem;
+    }
+
+    .close {
+      position: absolute;
+      top: 8px;
+      right: 8px;
+      color: $light_font_color;
+
+      &:hover {
+        color: #fff;
+      }
+
+      svg {
+        height: 32px;
+      }
+    }
+
+    .icon {
+      img,
+      svg {
+        display: block;
+        margin: 0 auto 8px auto;
+        height: 48px;
+      }
+    }
+
+    h1,
+    h2 {
+      margin-top: 0;
+      color: $standard_font_color;
+      font-weight: 500;
+    }
+
+    h1 {
+      font-size: 19px;
+      line-height: 22px;
+      margin-bottom: 24px;
+    }
+
+    h2 {
+      font-size: 15px;
+      line-height: 24px;
+      margin-bottom: 8px;
+    }
+  }
+}
+</style>
diff --git a/src/components/ErrorReportModal.vue b/src/components/ErrorReportModal.vue
new file mode 100644
index 000000000..08248b4b4
--- /dev/null
+++ b/src/components/ErrorReportModal.vue
@@ -0,0 +1,139 @@
+<template>
+  <Dialog
+    class="error-report-modal"
+    :title="$t('reportBug.Title')"
+    :subtitle="$t('reportBug.SubTitle')"
+    @close="resolve(false)"
+  >
+    <img
+      slot="icon"
+      src="../assets/iconCodeError.svg"
+    >
+
+    {{ $t('reportBug.Description') }}
+
+    <ButtonPlain
+      class="toggle-details"
+      @click="details = !details"
+    >
+      <IconRightArrow :class="{ open: details }" />
+      &nbsp;<span>{{ $t('reportBug.TechnicalDetails') }}</span>
+    </ButtonPlain>
+    <pre v-if="details">{{ JSON.stringify(report, null, 2) }}</pre>
+
+    <label :for="_uid">{{ $t('reportBug.DescriptionTitle') }}</label>
+    <textarea
+      :id="_uid"
+      v-model="userComment"
+      class="report-text"
+      :placeholder="$t('reportBug.Placeholder')"
+    />
+
+    <AeButton
+      class="cancel"
+      @click="resolve(false)"
+    >
+      {{ $t('reportBug.Cancel') }}
+    </AeButton>
+    <AeButton @click="send">
+      {{ $t('reportBug.Send') }}
+    </AeButton>
+  </Dialog>
+</template>
+
+<script>
+import Backend from '../utils/backend';
+import Dialog from './Dialog.vue';
+import ButtonPlain from './ButtonPlain.vue';
+import IconRightArrow from '../assets/iconRightArrow.svg?icon-component';
+import AeButton from './AeButton.vue';
+
+export default {
+  components: {
+    Dialog,
+    ButtonPlain,
+    IconRightArrow,
+    AeButton,
+  },
+  props: {
+    resolve: { type: Function, required: true },
+    report: { type: Object, required: true },
+  },
+  data: () => ({
+    userComment: '',
+    details: false,
+  }),
+  methods: {
+    async send() {
+      await Backend.errorReport({
+        ...this.report,
+        description: this.userComment,
+      });
+      this.resolve(true);
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.error-report-modal {
+  .toggle-details,
+  label {
+    display: flex;
+    align-items: center;
+    margin-top: 24px;
+    color: $light_font_color;
+  }
+
+  .toggle-details .iconRightArrow {
+    width: 20px;
+    transform: rotate(90deg);
+
+    &.open {
+      transform: rotate(-90deg);
+    }
+  }
+
+  pre,
+  textarea {
+    background: #171717;
+    border-radius: 6px;
+    padding: 8px 16px;
+  }
+
+  pre {
+    text-align: left;
+    font-size: 12px;
+    white-space: pre-wrap;
+    word-wrap: break-word;
+    overflow: auto;
+    max-height: 200px;
+  }
+
+  textarea {
+    width: 100%;
+    border: 1px solid #171717;
+    outline: none;
+    resize: vertical;
+    min-height: 63px;
+    color: #fff;
+    font-size: 14px;
+    line-height: 24px;
+
+    &:focus {
+      background: #000;
+      border-color: $secondary_color;
+    }
+  }
+
+  .ae-button {
+    margin-top: 40px;
+
+    &.cancel {
+      background: #232323;
+      color: $tip_note_color;
+      margin-right: 24px;
+    }
+  }
+}
+</style>
diff --git a/src/components/ErrorReportSubmittedModal.vue b/src/components/ErrorReportSubmittedModal.vue
new file mode 100644
index 000000000..9ba09ebad
--- /dev/null
+++ b/src/components/ErrorReportSubmittedModal.vue
@@ -0,0 +1,35 @@
+<template>
+  <Dialog
+    class="error-report-submitted-modal"
+    :title="$t('reportBug.Success.Title')"
+    :subtitle="$t('reportBug.Success.SubTitle')"
+    @close="resolve"
+  >
+    <img
+      slot="icon"
+      src="../assets/iconThumbUp.svg"
+    >
+    {{ $t('reportBug.Success.Description') }}
+    <AeButton @click="resolve">
+      {{ $t('reportBug.Success.Return') }}
+    </AeButton>
+  </Dialog>
+</template>
+
+<script>
+import Dialog from './Dialog.vue';
+import AeButton from './AeButton.vue';
+
+export default {
+  components: { Dialog, AeButton },
+  props: {
+    resolve: { type: Function, required: true },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.error-report-submitted-modal .ae-button {
+  margin-top: 40px;
+}
+</style>
diff --git a/src/components/UserInfo.vue b/src/components/UserInfo.vue
index ed9bab1e6..b9088ca92 100644
--- a/src/components/UserInfo.vue
+++ b/src/components/UserInfo.vue
@@ -175,7 +175,7 @@
             :key="scope"
             class="cookies-button"
             :class="{ active: cookiesConsent[scope] }"
-            @click="setCookies({ scope, status: !cookiesConsent[scope] })"
+            @click="toggleCookiesConsent(scope)"
           >
             {{ scope }}
           </ButtonPlain>
@@ -382,6 +382,16 @@ export default {
       this.profile.biography = this.profile.biography || '';
       if (this.isOwn) this.$store.commit('setUserProfile', this.profile);
     },
+    async toggleCookiesConsent(scope) {
+      try {
+        await this.$store.dispatch(
+          'backend/setCookies',
+          { scope, status: !this.cookiesConsent[scope] },
+        );
+      } catch (error) {
+        if (error.message !== 'Operation rejected by user') throw error;
+      }
+    },
   },
 };
 </script>
diff --git a/src/locales/en.json b/src/locales/en.json
index 63f47231b..70620f2f8 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -651,5 +651,21 @@
     "MenuLink": "Meet",
     "Placeholder": "Room name",
     "Start": "Start"
+  },
+  "reportBug": {
+    "Title": "Unhandled error",
+    "SubTitle": "Would you like to submit a bug report?",
+    "TechnicalDetails": "Technical details",
+    "Description": "We have encountered an error while loading this page. Be a fellow superhero and help us improve our service by sending us a bug report. Only technical details and no personal data will be submitted.",
+    "DescriptionTitle": "Bug description",
+    "Send": "Submit",
+    "Cancel": "Cancel",
+    "Placeholder": "Describe the bug you encountered (optional)",
+    "Success": {
+      "Title": "Thank you!",
+      "SubTitle": "Your bug report has been submitted.",
+      "Description": "Thank you for being such a wonderful fellow superhero. The information provided will help us to improve our product and services for the benefit of the whole Superhero community.",
+      "Return": "Return to website"
+    }
   }
 }
diff --git a/src/locales/es.json b/src/locales/es.json
index 30c2b914c..d5650f723 100644
--- a/src/locales/es.json
+++ b/src/locales/es.json
@@ -647,5 +647,21 @@
     "MenuLink": "Encontrar",
     "Placeholder": "Nombre de la habitación",
     "Start": "Empieza"
+  },
+  "reportBug": {
+    "Title": "Unhandled error",
+    "SubTitle": "Would you like to submit a bug report?",
+    "TechnicalDetails": "Technical details",
+    "Description": "We have encountered an error while loading this page. Be a fellow superhero and help us improve our service by sending us a bug report. Only technical details and no personal data will be submitted.",
+    "DescriptionTitle": "Bug description",
+    "Send": "Submit",
+    "Cancel": "Cancel",
+    "Placeholder": "Describe the bug you encountered (optional)",
+    "Success": {
+      "Title": "Thank you!",
+      "SubTitle": "Your bug report has been submitted.",
+      "Description": "Thank you for being such a wonderful fellow superhero. The information provided will help us to improve our product and services for the benefit of the whole Superhero community.",
+      "Return": "Return to website"
+    }
   }
 }
diff --git a/src/locales/fr.json b/src/locales/fr.json
index 612b62518..c7426761d 100644
--- a/src/locales/fr.json
+++ b/src/locales/fr.json
@@ -637,5 +637,21 @@
     "MenuLink": "Rencontrer",
     "Placeholder": "Nom de la pièce",
     "Start": "Commencer"
+  },
+  "reportBug": {
+    "Title": "Unhandled error",
+    "SubTitle": "Would you like to submit a bug report?",
+    "TechnicalDetails": "Technical details",
+    "Description": "We have encountered an error while loading this page. Be a fellow superhero and help us improve our service by sending us a bug report. Only technical details and no personal data will be submitted.",
+    "DescriptionTitle": "Bug description",
+    "Send": "Submit",
+    "Cancel": "Cancel",
+    "Placeholder": "Describe the bug you encountered (optional)",
+    "Success": {
+      "Title": "Thank you!",
+      "SubTitle": "Your bug report has been submitted.",
+      "Description": "Thank you for being such a wonderful fellow superhero. The information provided will help us to improve our product and services for the benefit of the whole Superhero community.",
+      "Return": "Return to website"
+    }
   }
 }
diff --git a/src/locales/zh.json b/src/locales/zh.json
index 35ac40ed5..7e1429b9c 100644
--- a/src/locales/zh.json
+++ b/src/locales/zh.json
@@ -577,5 +577,21 @@
     "MenuLink": "菜单",
     "Placeholder": "名称",
     "Start": "开始"
+  },
+  "reportBug": {
+    "Title": "Unhandled error",
+    "SubTitle": "Would you like to submit a bug report?",
+    "TechnicalDetails": "Technical details",
+    "Description": "We have encountered an error while loading this page. Be a fellow superhero and help us improve our service by sending us a bug report. Only technical details and no personal data will be submitted.",
+    "DescriptionTitle": "Bug description",
+    "Send": "Submit",
+    "Cancel": "Cancel",
+    "Placeholder": "Describe the bug you encountered (optional)",
+    "Success": {
+      "Title": "Thank you!",
+      "SubTitle": "Your bug report has been submitted.",
+      "Description": "Thank you for being such a wonderful fellow superhero. The information provided will help us to improve our product and services for the benefit of the whole Superhero community.",
+      "Return": "Return to website"
+    }
   }
 }
diff --git a/src/store/index.js b/src/store/index.js
index 9103b84ee..d95d1efce 100644
--- a/src/store/index.js
+++ b/src/store/index.js
@@ -7,6 +7,7 @@ import { camelCase } from 'lodash-es';
 import mutations from './mutations';
 import getters from './getters';
 import modals from './plugins/modals';
+import errorHandler from './plugins/errorHandler';
 import backend from './modules/backend';
 import aeternity from './modules/aeternity';
 import Backend from '../utils/backend';
@@ -42,8 +43,11 @@ export default () => new Vuex.Store({
       commit('setPinnedItems', await Backend.getPinnedItems(address));
     },
     async updateCookiesConsent({ commit, dispatch }) {
-      dispatch('backend/callWithAuth', { method: 'getCookiesConsent' })
-        .then((list) => list.forEach(({ scope, status }) => commit('setCookiesConsent', { scope, status: status === 'ALLOWED' })));
+      const list = await dispatch('backend/callWithAuth', { method: 'getCookiesConsent' });
+      list.forEach(({ scope, status }) => commit('setCookiesConsent', {
+        scope,
+        status: status === 'ALLOWED',
+      }));
     },
     async getTokenBalance({ state: { address, middleware } }, contractAddress) {
       const result = await middleware.getAex9Balance(contractAddress, address);
@@ -124,5 +128,6 @@ export default () => new Vuex.Store({
   },
   plugins: [
     modals,
+    errorHandler,
   ],
 });
diff --git a/src/store/modules/backend.js b/src/store/modules/backend.js
index 54b3062fb..846dcc53a 100644
--- a/src/store/modules/backend.js
+++ b/src/store/modules/backend.js
@@ -130,8 +130,7 @@ export default {
       const { challenge } = await Backend[method](address, arg);
       if (useSdkWallet) {
         const signature = await sdk.signMessage(challenge);
-        const response = await Backend[method](address, { challenge, signature });
-        return response;
+        return Backend[method](address, { challenge, signature });
       }
 
       const url = new URL(to || window.location, window.location);
diff --git a/src/store/plugins/errorHandler.js b/src/store/plugins/errorHandler.js
new file mode 100644
index 000000000..ea3712603
--- /dev/null
+++ b/src/store/plugins/errorHandler.js
@@ -0,0 +1,57 @@
+import { serializeError } from 'serialize-error';
+import Vue from 'vue';
+import { detect } from 'detect-browser';
+
+export default ({ dispatch }) => {
+  const reportsToSend = [];
+  let showingErrorReportModal = false;
+
+  const handleError = async (error) => {
+    reportsToSend.push({
+      appVersion: process.env.npm_package_version,
+      browser: detect(),
+      platform: 'superhero-ui',
+      time: Date.now(),
+      error: {
+        ...error,
+        appRevision: process.env.COMMIT_HASH,
+        location: window.location.href,
+      },
+    });
+    if (showingErrorReportModal) return;
+    showingErrorReportModal = true;
+    let isReportSubmitted = false;
+    while (reportsToSend.length) {
+      // eslint-disable-next-line no-await-in-loop
+      isReportSubmitted = await dispatch('modals/open', {
+        name: 'error-report-modal',
+        report: reportsToSend.shift(),
+      }) || isReportSubmitted;
+    }
+    if (isReportSubmitted) {
+      await dispatch('modals/open', { name: 'error-report-submitted-modal' });
+    }
+    showingErrorReportModal = false;
+  };
+
+  window.addEventListener('unhandledrejection', (event) => handleError({
+    exceptionType: 'unhandled-rejection',
+    ...serializeError(event.reason),
+  }));
+  window.onerror = (message, source, line, col, error) => handleError({
+    exceptionType: 'unhandled-error',
+    message,
+    source,
+    line,
+    col,
+    ...serializeError(error),
+  });
+  Vue.config.errorHandler = async (error, vm, info) => {
+    console.error(error);
+    await handleError({
+      exceptionType: 'unhandled-vue-error',
+      info,
+      ...serializeError(error),
+    });
+  };
+};
diff --git a/src/utils/backend.js b/src/utils/backend.js
index 192ef55f5..a57087b97 100644
--- a/src/utils/backend.js
+++ b/src/utils/backend.js
@@ -160,4 +160,12 @@ export default class Backend {
     body: JSON.stringify(postParam),
     headers: { 'Content-Type': 'application/json' },
   });
+
+  static errorReport = (report) => {
+    backendFetch('errorreport', {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify(report),
+    });
+  };
 }
diff --git a/src/views/modals.js b/src/views/modals.js
index 384635c0c..ebd531533 100644
--- a/src/views/modals.js
+++ b/src/views/modals.js
@@ -7,6 +7,8 @@ import FeedItemMenu from '../components/FeedItemMenu.vue';
 import TokenSelect from '../components/TokenSelect.vue';
 import TipInputPopup from '../components/TipInputPopup.vue';
 import CookiesDialog from '../components/CookiesDialog.vue';
+import ErrorReportModal from '../components/ErrorReportModal.vue';
+import ErrorReportSubmittedModal from '../components/ErrorReportSubmittedModal.vue';
 
 export default () => {
   registerModal({ name: 'success', component: AlertModal, allowRedirect: true });
@@ -48,4 +50,14 @@ export default () => {
     component: CookiesDialog,
     resolveNullOnRedirect: true,
   });
+  registerModal({
+    name: 'error-report-modal',
+    component: ErrorReportModal,
+    allowRedirect: true,
+  });
+  registerModal({
+    name: 'error-report-submitted-modal',
+    component: ErrorReportSubmittedModal,
+    allowRedirect: true,
+  });
 };