diff --git a/src/app/app-routing.module.ts b/src/app/app-routing.module.ts
index edcd738..c363ba5 100644
--- a/src/app/app-routing.module.ts
+++ b/src/app/app-routing.module.ts
@@ -3,11 +3,13 @@ import {RouterModule, Routes} from '@angular/router';
 import {GamenightComponent} from './pages/gamenight/gamenight.component';
 import {HomeComponent} from './pages/home/home.component';
 import {StatsComponent} from './pages/stats/stats.component';
+import {MatchHistoryComponent} from "./pages/match-history/match-history.component";
 
 const routes: Routes = [
 	{path: '', component: HomeComponent, pathMatch: 'full'},
 	{path: 'gamenight', component: GamenightComponent},
-	{path: 'stats', component: StatsComponent}
+	{path: 'stats', component: StatsComponent},
+	{path: 'match-history', component: MatchHistoryComponent}
 ];
 
 @NgModule({
diff --git a/src/app/app.module.ts b/src/app/app.module.ts
index eaa250d..ae4db80 100644
--- a/src/app/app.module.ts
+++ b/src/app/app.module.ts
@@ -8,7 +8,8 @@ import {StatsComponent} from './pages/stats/stats.component';
 import {GamenightComponent} from './pages/gamenight/gamenight.component';
 import {HeaderComponent} from './components/header/header.component';
 import {ProfileComponent} from './components/profile/profile.component';
-import { AddGameComponent } from './components/add-game/add-game.component';
+import {AddGameComponent} from './components/add-game/add-game.component';
+import {MatchHistoryComponent} from './pages/match-history/match-history.component';
 
 @NgModule({
 	declarations: [
@@ -18,7 +19,8 @@ import { AddGameComponent } from './components/add-game/add-game.component';
 		GamenightComponent,
 		HeaderComponent,
 		ProfileComponent,
-  AddGameComponent
+		AddGameComponent,
+		MatchHistoryComponent
 	],
 	imports: [
 		BrowserModule,
diff --git a/src/app/components/header/header.component.html b/src/app/components/header/header.component.html
index b19b6eb..e545b5e 100644
--- a/src/app/components/header/header.component.html
+++ b/src/app/components/header/header.component.html
@@ -4,6 +4,7 @@
 		<div id="menu-desktop">
 			<div (click)="navigate('/')">Home</div>
 			<div (click)="navigate('/gamenight')">Game night</div>
+			<div (click)="navigate('match-history')">Match History</div>
 			<div (click)="navigate('/stats')">Stats</div>
 		</div>
 		<div id="menu-mobile">
@@ -11,6 +12,7 @@
 			<div id="menu-mobile-dropdown-content">
 				<div (click)="navigate('/')">Home</div>
 				<div (click)="navigate('/gamenight')">Game night</div>
+				<div (click)="navigate('match-history')">Match History</div>
 				<div (click)="navigate('/stats')">Stats</div>
 			</div>
 
diff --git a/src/app/pages/match-history/match-history.component.html b/src/app/pages/match-history/match-history.component.html
new file mode 100644
index 0000000..aad1110
--- /dev/null
+++ b/src/app/pages/match-history/match-history.component.html
@@ -0,0 +1,4 @@
+<app-header></app-header>
+<div id="match-history">
+	<p>match-history works!</p>
+</div>
diff --git a/src/app/pages/match-history/match-history.component.scss b/src/app/pages/match-history/match-history.component.scss
new file mode 100644
index 0000000..8bf9a2c
--- /dev/null
+++ b/src/app/pages/match-history/match-history.component.scss
@@ -0,0 +1,5 @@
+@import '../../../styles';
+
+#match-history {
+	padding-top: $header_height;
+}
diff --git a/src/app/pages/match-history/match-history.component.spec.ts b/src/app/pages/match-history/match-history.component.spec.ts
new file mode 100644
index 0000000..c2678b0
--- /dev/null
+++ b/src/app/pages/match-history/match-history.component.spec.ts
@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { MatchHistoryComponent } from './match-history.component';
+
+describe('MatchHistoryComponent', () => {
+  let component: MatchHistoryComponent;
+  let fixture: ComponentFixture<MatchHistoryComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [ MatchHistoryComponent ]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(MatchHistoryComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/pages/match-history/match-history.component.ts b/src/app/pages/match-history/match-history.component.ts
new file mode 100644
index 0000000..f02a98c
--- /dev/null
+++ b/src/app/pages/match-history/match-history.component.ts
@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-match-history',
+  templateUrl: './match-history.component.html',
+  styleUrls: ['./match-history.component.scss']
+})
+export class MatchHistoryComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit(): void {
+  }
+
+}