diff --git a/app/src/components/transactions/transactions.html b/app/src/components/transactions/transactions.html
new file mode 100644
index 0000000..2eb99b8
--- /dev/null
+++ b/app/src/components/transactions/transactions.html
@@ -0,0 +1,3 @@
+<div>
+  Put Transactions here
+</div>
diff --git a/app/src/components/transactions/transactions.module.ts b/app/src/components/transactions/transactions.module.ts
new file mode 100644
index 0000000..d60c200
--- /dev/null
+++ b/app/src/components/transactions/transactions.module.ts
@@ -0,0 +1,16 @@
+import { NgModule } from '@angular/core';
+import { IonicModule } from 'ionic-angular';
+import { TransactionsComponent } from './transactions';
+
+@NgModule({
+  declarations: [
+    TransactionsComponent
+  ],
+  imports: [
+    IonicModule
+  ],
+  exports: [
+    TransactionsComponent
+  ]
+})
+export class TransactionsComponentModule {}
diff --git a/app/src/components/transactions/transactions.scss b/app/src/components/transactions/transactions.scss
new file mode 100644
index 0000000..0912214
--- /dev/null
+++ b/app/src/components/transactions/transactions.scss
@@ -0,0 +1,3 @@
+transactions {
+
+}
diff --git a/app/src/components/transactions/transactions.ts b/app/src/components/transactions/transactions.ts
new file mode 100644
index 0000000..b04dd4c
--- /dev/null
+++ b/app/src/components/transactions/transactions.ts
@@ -0,0 +1,38 @@
+import { Component } from '@angular/core';
+import { Input } from '@angular/core';
+import { Http } from '@angular/http';
+
+/**
+ * Generated class for the TransactionsComponent component.
+ *
+ * See https://angular.io/docs/ts/latest/api/core/index/ComponentMetadata-class.html
+ * for more info on Angular Components.
+ */
+@Component({
+  selector: 'transactions',
+  templateUrl: 'transactions.html'
+})
+export class TransactionsComponent {
+
+  public loading: boolean = true;
+  @Input() private blockHash: string;
+  public transactions: any = [];
+
+  constructor(private http: Http) {
+    let apiPrefix: string = 'http://localhost:3001/insight-api/';
+
+    this.http.get(apiPrefix + 'txs/' + this.blockHash).subscribe(
+      (data) => {
+        console.log('hey, got data');
+        this.transactions = JSON.parse(data['_body']);
+      },
+      (err) => {
+        console.log('err is', err);
+      },
+      () => {
+        this.loading = false;
+      }
+    );
+  }
+
+}
diff --git a/app/src/pages/block-detail/block-detail.html b/app/src/pages/block-detail/block-detail.html
index eab9466..a5410e1 100644
--- a/app/src/pages/block-detail/block-detail.html
+++ b/app/src/pages/block-detail/block-detail.html
@@ -33,6 +33,7 @@
     <p>Next Block <a (click)="goToNextBlock()">{{ block.height + 1 }}</a></p>
 
     <h3>Transactions</h3>
+    <transactions blockHash="block.hash"></transactions>
   </div>
   <div *ngIf="loading">
     <p>Loading...</p>
diff --git a/app/src/pages/block-detail/block-detail.module.ts b/app/src/pages/block-detail/block-detail.module.ts
index 58e5429..1a14b2f 100644
--- a/app/src/pages/block-detail/block-detail.module.ts
+++ b/app/src/pages/block-detail/block-detail.module.ts
@@ -1,10 +1,12 @@
 import { NgModule } from '@angular/core';
 import { IonicPageModule } from 'ionic-angular';
 import { BlockDetailPage } from './block-detail';
+import { TransactionsComponent } from '../../components/transactions/transactions';
 
 @NgModule({
   declarations: [
-    BlockDetailPage
+    BlockDetailPage,
+    TransactionsComponent
   ],
   imports: [
     IonicPageModule.forChild(BlockDetailPage)