diff --git a/src/frontend/src/app/@theme/components/header/header.component.html b/src/frontend/src/app/@theme/components/header/header.component.html
index 4ecff79..581b8f4 100644
--- a/src/frontend/src/app/@theme/components/header/header.component.html
+++ b/src/frontend/src/app/@theme/components/header/header.component.html
@@ -1,4 +1,9 @@
 <div class="header-container">
+  <div>
+    <a (click)="toggleSidebar()" href="#" class="sidebar-toggle">
+      <nb-icon icon="menu-2-outline"></nb-icon>
+    </a>
+  </div>
   <div class="logo-container">
     <a (click)="toggleSidebar()" href="#" class="sidebar-toggle">
       <nb-icon icon="menu-2-outline"></nb-icon>
diff --git a/src/frontend/src/app/frontcraft/pages/armory/armory.component.html b/src/frontend/src/app/frontcraft/pages/armory/armory.component.html
new file mode 100644
index 0000000..b231a34
--- /dev/null
+++ b/src/frontend/src/app/frontcraft/pages/armory/armory.component.html
@@ -0,0 +1,32 @@
+<nb-card 
+class = "col-12 col-xl-9"
+status="control">
+    <nb-card-header style="text-transform: capitalize;">
+        <h4>
+            Armory
+        </h4>
+    </nb-card-header>
+
+    <nb-card-body>
+        <div>
+            <input name="Character" [(ngModel)]="charactername"  placeholder="Character Name" nbInput>
+            <nb-select [(selected)]="server" placeholder="Spec">
+                <nb-option *ngFor="let sv of servers" [value]="sv">{{sv}}</nb-option>
+            </nb-select>
+            <button nbButton
+              (click)="submit()"
+              status="primary"
+              size="medium"
+              [disabled]="charactername == ''"
+              [class.btn-pulse]="submitted">
+                Go
+            </button>
+        </div>
+        
+        <div>
+            <ng-container *ngFor="let item of gear">
+                <wowhead [item]="item"></wowhead><br />
+            </ng-container>
+        </div>
+    </nb-card-body>
+</nb-card>
diff --git a/src/frontend/src/app/frontcraft/pages/armory/armory.component.ts b/src/frontend/src/app/frontcraft/pages/armory/armory.component.ts
new file mode 100644
index 0000000..a704d83
--- /dev/null
+++ b/src/frontend/src/app/frontcraft/pages/armory/armory.component.ts
@@ -0,0 +1,82 @@
+import { Component, OnInit } from '@angular/core';
+import { Item } from '../../../../../../backend/Types/Types';
+
+@Component({
+  selector: 'armory',
+  templateUrl: './armory.component.html',
+})
+export class FrontcraftArmoryComponent implements OnInit{
+
+  servers = servers
+  charactername = ""
+  server = "Gandling"
+  region = "EU"
+  gear:string[] = []
+
+  constructor(
+  ){}
+
+  async submit(){
+    const dataLink = "https://classic.warcraftlogs.com:443/v1/parses/character/"+this.charactername.toLowerCase().replace(/^\w/, c => c.toUpperCase())+"/"+this.server+"/"+this.region+"?api_key=c698515ab4f592cdb848d80b3abe616c&metric=dps"
+
+    fetch(dataLink).then(raw => raw.json().then((json:any[]) => {
+      if(json.length < 1) return
+      let min = -1
+      let data = null
+
+      json.forEach(item => {
+        if(item.startTime > min){
+          min = item.startTime
+          data = item
+        }
+      })
+
+      this.gear = data.gear.map(item => {return <Item>{
+        itemname: item.name,
+        iconname: item.icon.replace('.jpg', ''),
+        quality: item.quality.replace(/^\w/, c => c.toUpperCase()),
+        url: "https://classic.wowhead.com/item="+item.id
+      }})
+    }))
+  }
+
+  async ngOnInit(){
+
+  }
+}
+
+const servers = [
+  "Ashbringer"
+  ,"Bloodfang"
+  ,"Dreadmist"
+  ,"Firemaw"
+  ,"Flamelash"
+  ,"Gandling"
+  ,"Gehennas"
+  ,"Golemagg"
+  ,"Hydraxian Waterlords"
+  ,"Judgement"
+  ,"Mirage Rach"
+  ,"Mograine"
+  ,"Nethergarde"
+  ,"Noggenfogg"
+  ,"Pyrewood Village"
+  ,"Razorgore"
+  ,"Shazzrah"
+  ,"Skullflame"
+  ,"Stonespine"
+  ,"Ten Storms"
+  ,"Zandalar Tribe"
+  ,"Amnennar"
+  ,"Auberdine"
+  ,"Finkle"
+  ,"Sulfuron"
+  ,"Everlook"
+  ,"Lucifron"
+  ,"Razorfen"
+  ,"Patchwerk"
+  ,"Venoxis"
+  ,"Dragon’s Call"
+  ,"Lakeshire"
+  ,"Transcendence"
+]
\ No newline at end of file
diff --git a/src/frontend/src/app/frontcraft/pages/character/character.component.ts b/src/frontend/src/app/frontcraft/pages/character/character.component.ts
index a82b756..66ea5d7 100644
--- a/src/frontend/src/app/frontcraft/pages/character/character.component.ts
+++ b/src/frontend/src/app/frontcraft/pages/character/character.component.ts
@@ -58,7 +58,7 @@ export class FrontcraftCharacterComponent implements OnInit{
               name: data.encounterName,
               date: data.startTime
             }
-            this.gear1 = data.gear.map(item => {return <Item>{
+            this.gear2 = data.gear.map(item => {return <Item>{
               itemname: item.name,
               iconname: item.icon.replace('.jpg', ''),
               quality: item.quality.replace(/^\w/, c => c.toUpperCase()),
@@ -77,9 +77,7 @@ export class FrontcraftCharacterComponent implements OnInit{
               date: data.startTime
             }
 
-            
-
-            this.gear2 = data.gear.map(item => {return <Item>{
+            this.gear1 = data.gear.map(item => {return <Item>{
               itemname: item.name,
               iconname: item.icon.replace('.jpg', ''),
               quality: item.quality.replace(/^\w/, c => c.toUpperCase()),
diff --git a/src/frontend/src/app/frontcraft/pages/pages-layout.component.ts b/src/frontend/src/app/frontcraft/pages/pages-layout.component.ts
index ef7f33c..8d00429 100644
--- a/src/frontend/src/app/frontcraft/pages/pages-layout.component.ts
+++ b/src/frontend/src/app/frontcraft/pages/pages-layout.component.ts
@@ -26,6 +26,10 @@ export class PagesLayoutComponent implements AfterContentInit{
     icon: 'book-open-outline',
     title: 'Loot Rules',
     link: '/frontcraft/rules',
+  },{
+  icon: "shield",
+  title: 'Armory',
+  link: '/frontcraft/armory'
   }]
   
   constructor(
diff --git a/src/frontend/src/app/frontcraft/pages/pages-routing.module.ts b/src/frontend/src/app/frontcraft/pages/pages-routing.module.ts
index 371e302..0f40414 100644
--- a/src/frontend/src/app/frontcraft/pages/pages-routing.module.ts
+++ b/src/frontend/src/app/frontcraft/pages/pages-routing.module.ts
@@ -9,6 +9,7 @@ import { FrontcraftArchiveComponent } from './raid/archive.component';
 import { FrontcraftShopComponent } from './shop/shop.component';
 import { FrontcraftRulesComponent } from './rules/rules.component';
 import { FrontcraftCharactersComponent } from './characters/characters.component';
+import { FrontcraftArmoryComponent } from './armory/armory.component';
 
 export const routes: Routes = [
     {
@@ -43,6 +44,10 @@ export const routes: Routes = [
                 path: 'rules',
                 component: FrontcraftRulesComponent
             },
+            {
+                path: 'armory',
+                component: FrontcraftArmoryComponent
+            },
             {
                 path: '**',
                 redirectTo: 'raids'
diff --git a/src/frontend/src/app/frontcraft/pages/pages.module.ts b/src/frontend/src/app/frontcraft/pages/pages.module.ts
index 101722d..1f315b2 100644
--- a/src/frontend/src/app/frontcraft/pages/pages.module.ts
+++ b/src/frontend/src/app/frontcraft/pages/pages.module.ts
@@ -40,6 +40,7 @@ import { FrontcraftCharactersComponent } from './characters/characters.component
 import { FrontcraftBuyTokenComponent } from './shop/buytoken.component';
 import { FrontcraftItemComponent } from './shop/item.component';
 import { FrontcraftWowheadComponent } from './shop/wowhead.component';
+import { FrontcraftArmoryComponent } from './armory/armory.component';
 
 
 @NgModule({
@@ -84,7 +85,8 @@ import { FrontcraftWowheadComponent } from './shop/wowhead.component';
     FrontcraftCreateRaidsComponent,
     FrontcraftBuyTokenComponent,
     FrontcraftWowheadComponent,
-    FrontcraftItemComponent
+    FrontcraftItemComponent,
+    FrontcraftArmoryComponent
   ],
   entryComponents: [
     FrontcraftItemSelectComponent,