Build a BookList component

Author: BaggersIO

src/app/app.component.html

@@ -8,3 +8,5 @@ <h1>
 
 <title-box [title]="title" (titleClicked)="onTitleClicked($event)"></title-box>
 <title-box title="foo"></title-box>
+
+<book-list></book-list>

src/app/app.module.ts

@@ -7,13 +7,15 @@ import { AppComponent } from './app.component';
 import { InfoBoxComponent } from './info-box/info-box.component';
 import { MouseCursorComponent } from './mouse-cursor/mouse-cursor.component';
 import { TitleBoxComponent } from './title-box/title-box.component';
+import { BookListComponent } from './book-list/book-list.component';
 
 @NgModule({
   declarations: [
     AppComponent,
     InfoBoxComponent,
     MouseCursorComponent,
-    TitleBoxComponent
+    TitleBoxComponent,
+    BookListComponent
   ],
   imports: [
     BrowserModule,

src/app/book-list/book-list.component.css

@@ -0,0 +1,3 @@
+<p>
+  book-list works!
+</p>

src/app/book-list/book-list.component.html

@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'book-list',
+  templateUrl: './book-list.component.html',
+  styleUrls: ['./book-list.component.css']
+})
+export class BookListComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit() {
+  }
+
+}