diff --git a/src/Overmoney.Portal/src/assets/error_img.png b/src/Overmoney.Portal/src/assets/error_img.png
new file mode 100644
index 0000000..fbe318b
Binary files /dev/null and b/src/Overmoney.Portal/src/assets/error_img.png differ
diff --git a/src/Overmoney.Portal/src/components/views/ErrorView.vue b/src/Overmoney.Portal/src/components/views/ErrorView.vue
new file mode 100644
index 0000000..c1071e5
--- /dev/null
+++ b/src/Overmoney.Portal/src/components/views/ErrorView.vue
@@ -0,0 +1,6 @@
+<template>
+    <div class="center-form">
+        <img src="/src/assets/error_img.png" alt="cat image"/>
+        <p>Something went wrong...</p>
+    </div>
+</template>
\ No newline at end of file
diff --git a/src/Overmoney.Portal/src/components/views/WalletTransactionView.vue b/src/Overmoney.Portal/src/components/views/WalletTransactionView.vue
deleted file mode 100644
index 3fd214e..0000000
--- a/src/Overmoney.Portal/src/components/views/WalletTransactionView.vue
+++ /dev/null
@@ -1,68 +0,0 @@
-<template>
-    <TransactionList :transactions="transactions" ></TransactionList>
-    
-</template>
-  
-<script lang="ts">
-import TransactionList from '../lists/TransactionList.vue'
-import type { Wallet } from '../../data_access/models/wallet'
-import type { Payee } from '../../data_access/models/payee';
-import type { Transaction } from '../../data_access/models/transaction'
-import type { Category } from '../../data_access/models/category';
-
-export default {
-data() {
-    let wallets: Array<Wallet> = [
-        { name: "Test", id: 1, userId: 1, currency: { id: 1, code: "PLN", name: "PLN" } },
-        { name: "Wallet 2", id: 2, userId: 1, currency: { id: 1, code: "PLN", name: "PLN" } }
-    ];
-    let payees: Array<Payee> = [
-        { name: "Test Payee", id: 1, userId: 1},
-        { name: "Wizard", id: 2, userId: 1},
-        { name: "7eleven", id: 3, userId: 1},
-        { name: "Druid", id: 4, userId: 1},
-    ];
-    let categories: Array<Category> = [
-        { name: "Test Category", id: 1, userId: 1},
-        { name: "Food", id: 2, userId: 1},
-        { name: "Home", id: 3, userId: 1},
-        { name: "Horse", id: 4, userId: 1},
-    ];
-
-    let transactions: Array<Transaction> = [
-        { id: 1, userId: 1, wallet: wallets[0], payee: payees[0], category: categories[0], transactionDate: new Date(), transactionType: 0, note: "Lorem, ipsum.", amount: 526.4 },
-        { id: 2, userId: 1, wallet: wallets[0], payee: payees[1], category: categories[0], transactionDate: new Date(), transactionType: 0, note: "Lorem ipsum dolor sit.", amount: 1.4 },
-        { id: 3, userId: 1, wallet: wallets[0], payee: payees[1], category: categories[0], transactionDate: new Date(), transactionType: 0, note: "", amount: 132.47 },
-        { id: 4, userId: 1, wallet: wallets[0], payee: payees[2], category: categories[1], transactionDate: new Date(), transactionType: 0, note: "Lorem ipsum dolor sit.", amount: 185.40 },
-        { id: 5, userId: 1, wallet: wallets[0], payee: payees[2], category: categories[2], transactionDate: new Date(), transactionType: 1, note: "Lorem ipsum dolor sit amet consectetur adipisicing elit. Nihil libero eos esse sapiente labore delectus vero facere totam suscipit sint!", amount: 132.4 },
-    ]
-
-    return {
-        wallets,
-        transactions
-    };
-},
-components: {
-    TransactionList,
-}
-};
-</script>
-
-<style scoped>
-body #app header {
-margin: 0;
-padding: 0;
-}
-
-header {
-height: 100vh;
-width: 100vw;
-display: flex;
-align-items: center;
-justify-content: center;
-}
-
-.wrapper {
-padding-left: 30px;
-}
-</style>
\ No newline at end of file
diff --git a/src/Overmoney.Portal/src/components/views/testComp.vue b/src/Overmoney.Portal/src/components/views/testComp.vue
index dcda7d7..879a53e 100644
--- a/src/Overmoney.Portal/src/components/views/testComp.vue
+++ b/src/Overmoney.Portal/src/components/views/testComp.vue
@@ -1,6 +1,8 @@
 <template>
-test :P
-{{ 2 + 2 + '1' }}
+    Lorem ipsum dolor sit amet consectetur adipisicing elit. Quibusdam, doloremque.
+    Lorem ipsum dolor sit, amet consectetur adipisicing elit. Rerum ipsam officiis esse dolorum illum vero labore culpa placeat dolore. Mollitia optio impedit quis. Optio aperiam asperiores amet aliquid esse! Cumque?
+    Lorem ipsum, dolor sit amet consectetur adipisicing elit. Molestias beatae tempora magni debitis fuga ipsa reiciendis alias dignissimos a unde.
+    Lorem ipsum dolor sit, amet consectetur adipisicing elit. Earum repudiandae iste debitis ullam.
 </template>
 
 <script lang="ts">
diff --git a/src/Overmoney.Portal/src/router.ts b/src/Overmoney.Portal/src/router.ts
index 413f806..ae9d3f4 100644
--- a/src/Overmoney.Portal/src/router.ts
+++ b/src/Overmoney.Portal/src/router.ts
@@ -10,6 +10,7 @@ import SettingsView from "./components/views/SettingsView.vue";
 import LoginView from "./components/views/LoginView.vue";
 import RegisterView from "./components/views/RegisterView.vue";
 import WalletView from "./components/views/WalletView.vue";
+import ErrorView from "./components/views/ErrorView.vue";
 
 const routes = [
   { path: "/login", component: LoginView, meta: { requiresAuth: false } },
@@ -28,6 +29,7 @@ const routes = [
     meta: { requiresAuth: true },
   },
   { path: "/settings", component: SettingsView, meta: { requiresAuth: true } },
+  { path: "/error", component: ErrorView, meta: { requiresAuth: false } },
 ];
 
 const router = createRouter({
@@ -47,7 +49,10 @@ router.beforeEach((to, from, next) => {
   }
   if (requiresAuth && !session.isAuthenticated) {
     next("/login");
-  } else if ((to.path === "/login" || to.path === "/register") && session.isAuthenticated) {
+  } else if (
+    (to.path === "/login" || to.path === "/register") &&
+    session.isAuthenticated
+  ) {
     next("/");
   } else {
     next();
@@ -65,6 +70,10 @@ axios.interceptors.response.use(null, (error) => {
     return Promise.resolve(null);
   }
 
+  if (error.response.status >= 500) {
+    router.push("/error");
+  }
+
   return Promise.reject(error);
 });