diff --git a/src/app/app.module.ts b/src/app/app.module.ts
index 04436d3..703efb6 100644
--- a/src/app/app.module.ts
+++ b/src/app/app.module.ts
@@ -1,14 +1,21 @@
 import { BrowserModule } from '@angular/platform-browser';
 import { NgModule } from '@angular/core';
+import { RouterModule, Routes } from '@angular/router';
 
 import { AppComponent } from './app.component';
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
 import { HeaderComponent } from './header/header.component';
+import { StatisticsComponent } from './statistics/statistics.component';
+import { HistoryComponent } from './history/history.component';
+import { WarningsComponent } from './warnings/warnings.component';
 
 @NgModule({
   declarations: [
     AppComponent,
-    HeaderComponent
+    HeaderComponent,
+    StatisticsComponent,
+    HistoryComponent,
+    WarningsComponent
   ],
   imports: [
     BrowserModule,
diff --git a/src/app/history/history.component.css b/src/app/history/history.component.css
new file mode 100644
index 0000000..e69de29
diff --git a/src/app/history/history.component.html b/src/app/history/history.component.html
new file mode 100644
index 0000000..c0470d2
--- /dev/null
+++ b/src/app/history/history.component.html
@@ -0,0 +1,3 @@
+<p>
+  history works!
+</p>
diff --git a/src/app/history/history.component.spec.ts b/src/app/history/history.component.spec.ts
new file mode 100644
index 0000000..f68be4f
--- /dev/null
+++ b/src/app/history/history.component.spec.ts
@@ -0,0 +1,25 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { HistoryComponent } from './history.component';
+
+describe('HistoryComponent', () => {
+  let component: HistoryComponent;
+  let fixture: ComponentFixture<HistoryComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ HistoryComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(HistoryComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/history/history.component.ts b/src/app/history/history.component.ts
new file mode 100644
index 0000000..4b5f4aa
--- /dev/null
+++ b/src/app/history/history.component.ts
@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-history',
+  templateUrl: './history.component.html',
+  styleUrls: ['./history.component.css']
+})
+export class HistoryComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit() {
+  }
+
+}
diff --git a/src/app/statistics/statistics.component.css b/src/app/statistics/statistics.component.css
new file mode 100644
index 0000000..e69de29
diff --git a/src/app/statistics/statistics.component.html b/src/app/statistics/statistics.component.html
new file mode 100644
index 0000000..49a7a1e
--- /dev/null
+++ b/src/app/statistics/statistics.component.html
@@ -0,0 +1,3 @@
+<p>
+  statistics works!
+</p>
diff --git a/src/app/statistics/statistics.component.spec.ts b/src/app/statistics/statistics.component.spec.ts
new file mode 100644
index 0000000..30693b4
--- /dev/null
+++ b/src/app/statistics/statistics.component.spec.ts
@@ -0,0 +1,25 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { StatisticsComponent } from './statistics.component';
+
+describe('StatisticsComponent', () => {
+  let component: StatisticsComponent;
+  let fixture: ComponentFixture<StatisticsComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ StatisticsComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(StatisticsComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/statistics/statistics.component.ts b/src/app/statistics/statistics.component.ts
new file mode 100644
index 0000000..3ee3b54
--- /dev/null
+++ b/src/app/statistics/statistics.component.ts
@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-statistics',
+  templateUrl: './statistics.component.html',
+  styleUrls: ['./statistics.component.css']
+})
+export class StatisticsComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit() {
+  }
+
+}
diff --git a/src/app/warnings/warnings.component.css b/src/app/warnings/warnings.component.css
new file mode 100644
index 0000000..e69de29
diff --git a/src/app/warnings/warnings.component.html b/src/app/warnings/warnings.component.html
new file mode 100644
index 0000000..ffec4a0
--- /dev/null
+++ b/src/app/warnings/warnings.component.html
@@ -0,0 +1,3 @@
+<p>
+  warnings works!
+</p>
diff --git a/src/app/warnings/warnings.component.spec.ts b/src/app/warnings/warnings.component.spec.ts
new file mode 100644
index 0000000..9fd566d
--- /dev/null
+++ b/src/app/warnings/warnings.component.spec.ts
@@ -0,0 +1,25 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { WarningsComponent } from './warnings.component';
+
+describe('WarningsComponent', () => {
+  let component: WarningsComponent;
+  let fixture: ComponentFixture<WarningsComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ WarningsComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(WarningsComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/warnings/warnings.component.ts b/src/app/warnings/warnings.component.ts
new file mode 100644
index 0000000..53dfdc9
--- /dev/null
+++ b/src/app/warnings/warnings.component.ts
@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-warnings',
+  templateUrl: './warnings.component.html',
+  styleUrls: ['./warnings.component.css']
+})
+export class WarningsComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit() {
+  }
+
+}