diff --git a/src/pages/Characters.vue b/src/pages/Characters.vue
new file mode 100644
index 0000000..67ffee6
--- /dev/null
+++ b/src/pages/Characters.vue
@@ -0,0 +1,11 @@
+<script setup lang="ts">
+const addCharacter = () => {
+    // TODO
+}
+</script>
+
+<template>
+    <div class="grid mb-2 mt-4">
+        <button class="justify-self-end" @click="addCharacter">Add chacarcter</button>
+    </div>
+</template>
\ No newline at end of file
diff --git a/src/routes.ts b/src/routes.ts
index ef0f32c..7926c27 100644
--- a/src/routes.ts
+++ b/src/routes.ts
@@ -11,5 +11,6 @@ export const routes: RouteRecordRaw[] = [
         { path: 'acquisitions', component: () => import('@/pages/market/Acquisitions.vue') },
     ] },
     { path: '/tools', component: () => import('@/pages/Tools.vue') },
+    { path: '/characters', component: () => import('@/pages/Characters.vue') },
     { path: '/about', name: 'about', component: () => import('@/pages/About.vue') },
 ];
\ No newline at end of file
diff --git a/src/sidebar/Sidebar.vue b/src/sidebar/Sidebar.vue
index 32e7d60..a30d34a 100644
--- a/src/sidebar/Sidebar.vue
+++ b/src/sidebar/Sidebar.vue
@@ -25,6 +25,9 @@ const logout = async () => {
                         <span>{{ authStore.username }}</span>
                     </template>
                     <ul>
+                        <li>
+                            <RouterLink class="sidebar-button py-0.5 px-2" to="/characters">Characters</RouterLink>
+                        </li>
                         <li>
                             <RouterLink class="sidebar-button py-0.5 px-2" :to="{name: 'about'}">About EVE Online</RouterLink>
                         </li>