Victor Chicinas

angular.json

@@ -94,5 +94,8 @@
         }
       }
     }
+  },
+  "cli": {
+    "analytics": false
   }
 }

src/app/app.component.html

@@ -1,4 +1,5 @@
 <app-menu></app-menu>
+<app-contacts></app-contacts>
 <div class="page">
   <router-outlet></router-outlet>
 </div>

src/app/app.module.ts

@@ -4,9 +4,11 @@ import { BrowserModule } from '@angular/platform-browser';
 import { AppRoutingModule } from './app-routing.module';
 import { AppComponent } from './app.component';
 import { LayoutModule } from './layout/layout.module';
+import { ContactsComponent } from './contacts/contacts.component';
+import { ListComponent } from './contacts/list/list.component';
 
 @NgModule({
-  declarations: [AppComponent],
+  declarations: [AppComponent, ContactsComponent, ListComponent],
   imports: [BrowserModule, AppRoutingModule, LayoutModule],
   bootstrap: [AppComponent],
 })

src/app/contacts/add/add.component.html

@@ -0,0 +1,18 @@
+<h1>Create Contact</h1>
+<form [formGroup]="contactForm" (ngSubmit)="addContact()">
+  <div>
+    <label for="name">Name:</label>
+    <input type="text" id="name" formControlName="name" />
+  </div>
+
+  <div>
+    <label for="address">Address:</label>
+    <input type="text" id="address" formControlName="address" />
+  </div>
+
+  <div class="actions">
+    <div class="spacer"></div>
+    <button type="submit">Create</button>
+  </div>
+</form>
+

src/app/contacts/add/add.component.spec.ts

@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { AddComponent } from './add.component';
+
+describe('AddComponent', () => {
+  let component: AddComponent;
+  let fixture: ComponentFixture<AddComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [AddComponent]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(AddComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});