diff --git a/src/app/app.module.ts b/src/app/app.module.ts
index dc8ae83..d23ef31 100644
--- a/src/app/app.module.ts
+++ b/src/app/app.module.ts
@@ -7,13 +7,17 @@ import { AppRoutingModule } from './app-routing.module';
 import { HomeComponent } from './components/home/home.component';
 import { ProjectsComponent } from './components/projects/projects.component';
 import { ProjectComponent } from './components/project/project.component';
+import { PostsComponent } from './components/posts/posts.component';
+import { PostComponent } from './components/post/post.component';
 
 @NgModule({
   declarations: [
     AppComponent,
     HomeComponent,
     ProjectsComponent,
-    ProjectComponent
+    ProjectComponent,
+    PostsComponent,
+    PostComponent
   ],
   imports: [
     BrowserModule,
diff --git a/src/app/components/project/project.component.css b/src/app/components/post/post.component.css
similarity index 100%
rename from src/app/components/project/project.component.css
rename to src/app/components/post/post.component.css
diff --git a/src/app/components/post/post.component.html b/src/app/components/post/post.component.html
new file mode 100644
index 0000000..54ad1cb
--- /dev/null
+++ b/src/app/components/post/post.component.html
@@ -0,0 +1,3 @@
+<p>
+  post works!
+</p>
diff --git a/src/app/components/project/project.component.spec.ts b/src/app/components/post/post.component.spec.ts
similarity index 56%
rename from src/app/components/project/project.component.spec.ts
rename to src/app/components/post/post.component.spec.ts
index 1cf2442..1e305d1 100644
--- a/src/app/components/project/project.component.spec.ts
+++ b/src/app/components/post/post.component.spec.ts
@@ -1,20 +1,20 @@
 import { async, ComponentFixture, TestBed } from '@angular/core/testing';
 
-import { ProjectComponent } from './project.component';
+import { PostComponent } from './post.component';
 
-describe('ProjectComponent', () => {
-  let component: ProjectComponent;
-  let fixture: ComponentFixture<ProjectComponent>;
+describe('PostComponent', () => {
+  let component: PostComponent;
+  let fixture: ComponentFixture<PostComponent>;
 
   beforeEach(async(() => {
     TestBed.configureTestingModule({
-      declarations: [ ProjectComponent ]
+      declarations: [ PostComponent ]
     })
     .compileComponents();
   }));
 
   beforeEach(() => {
-    fixture = TestBed.createComponent(ProjectComponent);
+    fixture = TestBed.createComponent(PostComponent);
     component = fixture.componentInstance;
     fixture.detectChanges();
   });
diff --git a/src/app/components/post/post.component.ts b/src/app/components/post/post.component.ts
new file mode 100644
index 0000000..a45bdd2
--- /dev/null
+++ b/src/app/components/post/post.component.ts
@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-post',
+  templateUrl: './post.component.html',
+  styleUrls: ['./post.component.css']
+})
+export class PostComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit() {
+  }
+
+}
diff --git a/src/app/components/projects/projects.component.css b/src/app/components/posts/posts.component.css
similarity index 100%
rename from src/app/components/projects/projects.component.css
rename to src/app/components/posts/posts.component.css
diff --git a/src/app/components/posts/posts.component.html b/src/app/components/posts/posts.component.html
new file mode 100644
index 0000000..a74cdc9
--- /dev/null
+++ b/src/app/components/posts/posts.component.html
@@ -0,0 +1,3 @@
+<p>
+  posts works!
+</p>
diff --git a/src/app/components/projects/projects.component.spec.ts b/src/app/components/posts/posts.component.spec.ts
similarity index 56%
rename from src/app/components/projects/projects.component.spec.ts
rename to src/app/components/posts/posts.component.spec.ts
index 973fea7..ff74bdb 100644
--- a/src/app/components/projects/projects.component.spec.ts
+++ b/src/app/components/posts/posts.component.spec.ts
@@ -1,20 +1,20 @@
 import { async, ComponentFixture, TestBed } from '@angular/core/testing';
 
-import { ProjectsComponent } from './projects.component';
+import { PostsComponent } from './posts.component';
 
-describe('ProjectsComponent', () => {
-  let component: ProjectsComponent;
-  let fixture: ComponentFixture<ProjectsComponent>;
+describe('PostsComponent', () => {
+  let component: PostsComponent;
+  let fixture: ComponentFixture<PostsComponent>;
 
   beforeEach(async(() => {
     TestBed.configureTestingModule({
-      declarations: [ ProjectsComponent ]
+      declarations: [ PostsComponent ]
     })
     .compileComponents();
   }));
 
   beforeEach(() => {
-    fixture = TestBed.createComponent(ProjectsComponent);
+    fixture = TestBed.createComponent(PostsComponent);
     component = fixture.componentInstance;
     fixture.detectChanges();
   });
diff --git a/src/app/components/posts/posts.component.ts b/src/app/components/posts/posts.component.ts
new file mode 100644
index 0000000..3264a90
--- /dev/null
+++ b/src/app/components/posts/posts.component.ts
@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-posts',
+  templateUrl: './posts.component.html',
+  styleUrls: ['./posts.component.css']
+})
+export class PostsComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit() {
+  }
+
+}
diff --git a/src/app/components/project/project.component.html b/src/app/components/project/project.component.html
deleted file mode 100644
index 9e3fa69..0000000
--- a/src/app/components/project/project.component.html
+++ /dev/null
@@ -1,6 +0,0 @@
-<h3>
-  <ng-content select=".title"></ng-content>
-</h3>
-<p>
-  <ng-content select=".content"></ng-content>
-</p>
\ No newline at end of file
diff --git a/src/app/components/project/project.component.ts b/src/app/components/project/project.component.ts
deleted file mode 100644
index 85805ac..0000000
--- a/src/app/components/project/project.component.ts
+++ /dev/null
@@ -1,15 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-
-@Component({
-  selector: 'project',
-  templateUrl: './project.component.html',
-  styleUrls: ['./project.component.css']
-})
-export class ProjectComponent implements OnInit {
-
-  constructor() { }
-
-  ngOnInit() {
-  }
-
-}
diff --git a/src/app/components/projects/projects.component.html b/src/app/components/projects/projects.component.html
deleted file mode 100644
index c97a38e..0000000
--- a/src/app/components/projects/projects.component.html
+++ /dev/null
@@ -1,10 +0,0 @@
-<p>These are the projects I have completed, am working on, got tired of... consider this to be a resume of work and hobbies. And also a little notebook for myself, in case I forget the specifics.</p>
-
-<project>
-  <div class="title">
-    The title of the project :)
-  </div>
-  <div class="content">
-    this is inner content of the project
-  </div>
-</project>
\ No newline at end of file
diff --git a/src/app/components/projects/projects.component.ts b/src/app/components/projects/projects.component.ts
deleted file mode 100644
index ddfb6cd..0000000
--- a/src/app/components/projects/projects.component.ts
+++ /dev/null
@@ -1,15 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-
-@Component({
-  selector: 'app-projects',
-  templateUrl: './projects.component.html',
-  styleUrls: ['./projects.component.css']
-})
-export class ProjectsComponent implements OnInit {
-
-  constructor() { }
-
-  ngOnInit() {
-  }
-
-}
diff --git a/src/assets/images/baby-duck.jpg b/src/assets/images/baby-duck.jpg
new file mode 100644
index 0000000..40328ed
Binary files /dev/null and b/src/assets/images/baby-duck.jpg differ
diff --git a/src/assets/posts.json b/src/assets/posts.json
index 35b6c90..a67fc86 100644
--- a/src/assets/posts.json
+++ b/src/assets/posts.json
@@ -1,6 +1,7 @@
 [
     {
-        "title":"First post",
-        "id":1
+        "projects": [
+            "test"
+        ]
     }
 ]
\ No newline at end of file
diff --git a/src/assets/posts/projects/1.html b/src/assets/posts/projects/1.html
new file mode 100644
index 0000000..631c496
--- /dev/null
+++ b/src/assets/posts/projects/1.html
@@ -0,0 +1,3 @@
+<p>This is a project post</p>
+<p>Typically, all these project posts will have a number of paragraphs.</p>
+<p>Even images: <img src="assets/images/baby-duck.jpg"></img></p>
\ No newline at end of file