diff --git a/Angular/src/app/app.component.html b/Angular/src/app/app.component.html
index 1106ac2..e4d9ca6 100644
--- a/Angular/src/app/app.component.html
+++ b/Angular/src/app/app.component.html
@@ -3,4 +3,5 @@
   <div id="content">
     <router-outlet></router-outlet>
   </div>
-</div>
\ No newline at end of file
+	<translate-bar></translate-bar>
+</div>
diff --git a/Angular/src/app/app.module.ts b/Angular/src/app/app.module.ts
index 94e6065..54bb25f 100644
--- a/Angular/src/app/app.module.ts
+++ b/Angular/src/app/app.module.ts
@@ -4,6 +4,7 @@ import { NgModule } from "@angular/core";
 import { AppRoutingModule } from "./app-routing.module";
 import { AppComponent } from "./app.component";
 import { SidebarComponent } from "./sidebar/sidebar.component";
+import { TranslateBarComponent } from "./translate-bar/translate-bar.component";
 import { LanguageListComponent } from "./language-list/language-list.component";
 import { ParadigmListComponent } from "./paradigm-list/paradigm-list.component";
 import { LanguageAddComponent } from "./language-add/language-add.component";
@@ -27,6 +28,7 @@ import {
   declarations: [
     AppComponent,
     SidebarComponent,
+    TranslateBarComponent,
     LanguageListComponent,
     ParadigmListComponent,
     LanguageAddComponent,
diff --git a/Angular/src/app/data.service.ts b/Angular/src/app/data.service.ts
index 9c47400..c5d4afb 100644
--- a/Angular/src/app/data.service.ts
+++ b/Angular/src/app/data.service.ts
@@ -83,4 +83,44 @@ export class DataService {
     });
   }
 
+  getLanguageListHeader(){
+    return "Language List";
+  }
+  getLanguageListAddLanguage(){
+    return "Add a New Language";
+  }
+  getLanguageAddHeaderWord(){
+    return "Add A Language";
+  }
+  getLanguageAddPlaceholderWord(){
+    return "Language Name";
+  }
+  getParadigmListHeaderWord(){
+    return "Paradigm List";
+  }
+  getParadigmListNewParadigmWord(){
+    return "Add a New Paradigm";
+  }
+  getParadigmAddHeaderWord(){
+    return "Add New Paradigm";
+  }
+  getParadigmAddParadigmNamePlaceholderWord(){
+    return "Paradigm Name";
+  }
+  getParadigmAddInputPlaceholderWord(){
+    return "Slot list separated by commas e.g. slot1,slot2,slot3"
+  }
+  getParadigmEditHeaderOneWord(){
+    return "Root Words";
+  }
+  getParadigmEditHeaderTwoWord(){
+    return "Word Forms";
+  }
+  getParadigmEditHeaderThreeWord(){
+    return "Paradigm Forms";
+  }
+  getParadigmEditAddRootWord(){
+    return "Add a New Root";
+  }
+
 }
diff --git a/Angular/src/app/ga.po b/Angular/src/app/ga.po
new file mode 100644
index 0000000..00a07e2
--- /dev/null
+++ b/Angular/src/app/ga.po
@@ -0,0 +1,47 @@
+# Translation File
+msgid ""
+msgstr ""
+"Project-Id-Version: \n"
+"POT-Creation-Date: \n"
+"PO-Revision-Date: \n"
+"Language-Team: \n"
+"MIME-Version: 1.0\n"
+"Content-Type: text/plain; charset=UTF-8\n"
+"Content-Transfer-Encoding: 8bit\n"
+"X-Generator: Poedit 2.2\n"
+"Last-Translator: \n"
+"Plural-Forms: nplurals=5; plural=(n==1 ? 0 : n==2 ? 1 : n>=3 && n<=6 ? 2 : n>=7 && n<=10 ? 3 : 4);\n"
+"Language: ga\n"
+
+msgid "Language List"
+msgstr "Liosta Teangacha"
+
+msgid "Add a New Language"
+msgstr "Teanga Nua"
+
+msgid "Language Name"
+msgstr "Ainm na Teanga"
+
+msgid "Paradigm List"
+msgstr "Liosta Paraidímí"
+
+msgid "Add a New Paradigm"
+msgstr "Paraidím Nua"
+
+msgid "Paradigm Name"
+msgstr "Ainm na Paraidíme"
+
+msgid "Slot list separated by commas e.g. slot1,slot2,slot3"
+msgstr "Liosta lipéad, scartha ag camóga, m.sh. lipéad1,lipéad2,lipéad3"
+
+msgid "Root Words"
+msgstr "Fréamhfhocail"
+
+msgid "Word Forms"
+msgstr "Foirmeacha"
+
+msgid "Paradigm Forms"
+msgstr "Lipéid"
+
+msgid "Add a New Root"
+msgstr "Fréamhfhocal Nua"
diff --git a/Angular/src/app/language-add/language-add.component.html b/Angular/src/app/language-add/language-add.component.html
index 288a431..d02c83d 100644
--- a/Angular/src/app/language-add/language-add.component.html
+++ b/Angular/src/app/language-add/language-add.component.html
@@ -2,8 +2,8 @@
 	<i class="material-icons">arrow_back</i>
 </button>
 
-<h1> Add A Language </h1>
-<input class ="input-text" [(ngModel)]="languageName" placeholder="Language Name">
+<h1 translate> Add A Language </h1>
+<input class ="input-text" [(ngModel)]="languageName" placeholder={{getPlaceholderWord()}}>
 <a routerLink=".." (click)="addLanguage()" title="Add Language '{{languageName}}'">
 	<i class="material-icons">add_circle_outline</i>
-</a>
\ No newline at end of file
+</a>
diff --git a/Angular/src/app/language-add/language-add.component.ts b/Angular/src/app/language-add/language-add.component.ts
index 886f921..dd421cf 100644
--- a/Angular/src/app/language-add/language-add.component.ts
+++ b/Angular/src/app/language-add/language-add.component.ts
@@ -25,6 +25,13 @@ export class LanguageAddComponent implements OnInit {
     );
   }
 
+  getHeaderWord(){
+    return this.data.getLanguageAddHeaderWord();
+  }
+  getPlaceholderWord(){
+    return this.data.getLanguageAddPlaceholderWord();
+  }
+
   goBack(): void {
     this.location.back();
   }
diff --git a/Angular/src/app/language-list/language-list.component.html b/Angular/src/app/language-list/language-list.component.html
index 704967a..20465c1 100644
--- a/Angular/src/app/language-list/language-list.component.html
+++ b/Angular/src/app/language-list/language-list.component.html
@@ -1,4 +1,4 @@
-<h1>Language List</h1>
+<h1>{{getHeader()}}</h1>
 
 <ul>
   <li *ngFor="let language of languages$ ">
@@ -7,7 +7,7 @@ <h1>Language List</h1>
   <li>
     <a routerLink="/language-add">
     	<i class="material-icons">add_circle_outline</i>
-    	Add a New Language
+    	{{getAddLanguage()}}
 	</a>
   </li>
-</ul>
\ No newline at end of file
+</ul>
diff --git a/Angular/src/app/language-list/language-list.component.ts b/Angular/src/app/language-list/language-list.component.ts
index 6c9c509..8085605 100644
--- a/Angular/src/app/language-list/language-list.component.ts
+++ b/Angular/src/app/language-list/language-list.component.ts
@@ -16,4 +16,11 @@ export class LanguageListComponent implements OnInit {
       data => this.languages$ = data["languages"]
     );
   }
+
+  getHeader(){
+    return this.data.getLanguageListHeader();
+  }
+  getAddLanguage(){
+    return this.data.getLanguageListAddLanguage();
+  }
 }
diff --git a/Angular/src/app/paradigm-add/paradigm-add.component.html b/Angular/src/app/paradigm-add/paradigm-add.component.html
index 10d1094..37d68fb 100644
--- a/Angular/src/app/paradigm-add/paradigm-add.component.html
+++ b/Angular/src/app/paradigm-add/paradigm-add.component.html
@@ -3,7 +3,7 @@
 </button>
 
 <h1>
-  Add New Paradigm
+  {{getHeaderWord()}}
 </h1>
 
 
@@ -11,12 +11,12 @@ <h1>
 
   <div class="mat-card-title">
     <mat-form-field>
-      <input matInput placeholder="Paradigm Name" [(ngModel)]="paradigmName">
+      <input matInput placeholder={{getParadigmNamePlaceholderWord()}} [(ngModel)]="paradigmName">
     </mat-form-field>
   </div>
   <div class="mat-card-content">
       <mat-form-field>
-        <input matInput placeholder="Slot list separated by commas e.g. slot1,slot2,slot3" [(ngModel)]="slotRawList">
+        <input matInput placeholder={{getInputPlaceholderWord()}} [(ngModel)]="slotRawList">
       </mat-form-field>
   </div>
 
@@ -26,4 +26,4 @@ <h1>
     </button>
   </div>
 
-</div>
\ No newline at end of file
+</div>
diff --git a/Angular/src/app/paradigm-add/paradigm-add.component.ts b/Angular/src/app/paradigm-add/paradigm-add.component.ts
index 9f9532d..6fde23b 100644
--- a/Angular/src/app/paradigm-add/paradigm-add.component.ts
+++ b/Angular/src/app/paradigm-add/paradigm-add.component.ts
@@ -13,8 +13,8 @@ export class ParadigmAddComponent implements OnInit {
   paradigmName: string;
   slotRawList: string;
   constructor(
-    private data: DataService, 
-    private router: Router, 
+    private data: DataService,
+    private router: Router,
     private location: Location
     ) {}
 
@@ -30,4 +30,14 @@ export class ParadigmAddComponent implements OnInit {
   goBack(): void {
     this.location.back();
   }
+
+  getHeaderWord(){
+    return this.data.getParadigmAddHeaderWord();
+  }
+  getParadigmNamePlaceholderWord(){
+    return this.data.getParadigmAddParadigmNamePlaceholderWord();
+  }
+  getInputPlaceholderWord(){
+    return this.data.getParadigmAddInputPlaceholderWord();
+  }
 }
diff --git a/Angular/src/app/paradigm-edit/paradigm-edit.component.html b/Angular/src/app/paradigm-edit/paradigm-edit.component.html
index 1de64ff..6f1d0d4 100644
--- a/Angular/src/app/paradigm-edit/paradigm-edit.component.html
+++ b/Angular/src/app/paradigm-edit/paradigm-edit.component.html
@@ -16,13 +16,13 @@ <h1>
 </h1>
 
 <div class="column-container">
-	<div class="root-column"> 
-		<h2> Root Words </h2> 
+	<div class="root-column">
+		<h2> {{getHeaderOneWord()}} </h2>
 		<ul>
 		  <li *ngFor="let root of roots$; let index = index" class="root-item-container">
 		    <div (click)="onSelect(index)" class="root-item clickable-cursor">
-		    	<a>{{ root }}</a> 
-		    </div> 
+		    	<a>{{ root }}</a>
+		    </div>
 		    <div (click)="deleteWord(index)" class="root-delete">
 		    	<a>
 		    		<i class="material-icons">delete</i>
@@ -31,17 +31,17 @@ <h2> Root Words </h2>
 		  </li>
 		  <li>
 		  	<a (click)="onSelectNew()" class="clickable-cursor">
-		  		<i class="material-icons">add_circle_outline</i> 
-		  		Add a New Root 
+		  		<i class="material-icons">add_circle_outline</i>
+		  		{{getAddRootWord()}}
 		  	</a>
 		  </li>
 		</ul>
 	</div>
-	<div class="forms-column"> 
+	<div class="forms-column">
 		<div class="column-container">
-				<div class="word-column"><h2> Word Forms </h2></div> 
+				<div class="word-column"><h2> {{getHeaderTwoWord()}} </h2></div>
 				<div class="paradigm-column column-container">
-					<h2 class = "two-column"> Paradigm Forms </h2>
+					<h2 class = "two-column"> {{getHeaderThreeWord()}} </h2>
 					<div class="right-align">
 						<button (click)="onSave()" class="button" title="Save Word">
 							<i class="material-icons">save</i>
@@ -52,11 +52,10 @@ <h2 class = "two-column"> Paradigm Forms </h2>
 		<div>
 			<ul>
 		  		<li *ngFor="let slot of slots$; let index = index" class="column-container">
-		    		<input class ="input-text word-column" [(ngModel)]="forms$[slot]" placeholder="{{forms$[slot]}}"> 
+		    		<input class ="input-text word-column" [(ngModel)]="forms$[slot]" placeholder="{{forms$[slot]}}">
 		    		<a class="paradigm-column">{{ slot }}</a>
 				</li>
 			</ul>
 		</div>
 	</div>
 </div>
-
diff --git a/Angular/src/app/paradigm-edit/paradigm-edit.component.ts b/Angular/src/app/paradigm-edit/paradigm-edit.component.ts
index ddc911e..3ea0ec9 100644
--- a/Angular/src/app/paradigm-edit/paradigm-edit.component.ts
+++ b/Angular/src/app/paradigm-edit/paradigm-edit.component.ts
@@ -30,7 +30,7 @@ export class ParadigmEditComponent implements OnInit {
   	this.forms$ = [];
   	this.roots$ = [];
   }
-  
+
   getParadigmSlots(): void{
   	this.data.getParadigmSlots(this.paradigm_name).subscribe(
   		data => this.slots$ = data["paradigm_slots"]);
@@ -93,4 +93,17 @@ export class ParadigmEditComponent implements OnInit {
       this.data.deleteParadigm(this.paradigm_name).subscribe();
     }
   }
+
+  getHeaderOneWord(){
+    return this.data.getParadigmEditHeaderOneWord();
+  }
+  getHeaderTwoWord(){
+    return this.data.getParadigmEditHeaderTwoWord();
+  }
+  getHeaderThreeWord(){
+    return this.data.getParadigmEditHeaderThreeWord();
+  }
+  getAddRootWord(){
+    return this.data.getParadigmEditAddRootWord();
+  }
 }
diff --git a/Angular/src/app/paradigm-list/paradigm-list.component.html b/Angular/src/app/paradigm-list/paradigm-list.component.html
index f89c2a9..3cf25b0 100644
--- a/Angular/src/app/paradigm-list/paradigm-list.component.html
+++ b/Angular/src/app/paradigm-list/paradigm-list.component.html
@@ -19,7 +19,7 @@
 	</div>
 </div>
 
-<h1> {{language_name}}: Paradigm List </h1>
+<h1> {{language_name}}: {{getHeaderWord()}} </h1>
 
 <ul>
   <li *ngFor="let paradigm of paradigms$">
@@ -28,7 +28,7 @@ <h1> {{language_name}}: Paradigm List </h1>
   <li>
     <a routerLink="./paradigm-add">
     	<i class="material-icons">add_circle_outline</i>
-    	Add a New Paradigm
+    	{{getNewParadigmWord()}}
     </a>
   </li>
 </ul>
diff --git a/Angular/src/app/paradigm-list/paradigm-list.component.ts b/Angular/src/app/paradigm-list/paradigm-list.component.ts
index 9fade7f..78488b1 100644
--- a/Angular/src/app/paradigm-list/paradigm-list.component.ts
+++ b/Angular/src/app/paradigm-list/paradigm-list.component.ts
@@ -31,6 +31,13 @@ export class ParadigmListComponent implements OnInit {
     this.location.back();
   }
 
+  getHeaderWord(){
+    return this.data.getParadigmListHeaderWord();
+  }
+  getNewParadigmWord(){
+    return this.data.getParadigmListNewParadigmWord();
+  }
+
   deleteLanguage(){
     if (confirm("Are you sure you want to delete language: " + this.language_name + "?")){
       this.data.deleteLanguage(this.language_name).subscribe();
@@ -45,7 +52,7 @@ export class ParadigmListComponent implements OnInit {
       var fileContents= data;
       this.saveTextAsFile(fileContents, this.language_name + ".aff");
       x.style.display = "none";
-      });  
+      });
   }
 
   // code adapted from https://codepen.io/sandeep821/pen/JKaYZq
diff --git a/Angular/src/app/tmplt.pot b/Angular/src/app/tmplt.pot
new file mode 100644
index 0000000..6a1d5cc
--- /dev/null
+++ b/Angular/src/app/tmplt.pot
@@ -0,0 +1,37 @@
+# Translation File
+msgid ""
+msgstr ""
+
+
+msgid "Language List"
+msgstr ""
+
+msgid "Add a New Language"
+msgstr ""
+
+msgid "Language Name"
+msgstr ""
+
+msgid "Paradigm List"
+msgstr ""
+
+msgid "Add a New Paradigm"
+msgstr ""
+
+msgid "Paradigm Name"
+msgstr ""
+
+msgid "Slot list separated by commas e.g. slot1,slot2,slot3"
+msgstr ""
+
+msgid "Root Words"
+msgstr ""
+
+msgid "Word Forms"
+msgstr ""
+
+msgid "Paradigm Forms"
+msgstr ""
+
+msgid "Add a New Root"
+msgstr ""
diff --git a/Angular/src/app/translate-bar/translate-bar.component.html b/Angular/src/app/translate-bar/translate-bar.component.html
new file mode 100644
index 0000000..79e7fb3
--- /dev/null
+++ b/Angular/src/app/translate-bar/translate-bar.component.html
@@ -0,0 +1,10 @@
+<nav>
+  <ul>
+    <li (click)="setLanguage()" class="button">
+      English
+    </li>
+    <li (click)="setLanguage()" class="button">
+      Irish
+    </li>
+  </ul>
+</nav>
diff --git a/Angular/src/app/translate-bar/translate-bar.component.scss b/Angular/src/app/translate-bar/translate-bar.component.scss
new file mode 100644
index 0000000..c66fdff
--- /dev/null
+++ b/Angular/src/app/translate-bar/translate-bar.component.scss
@@ -0,0 +1,11 @@
+nav{
+  position: fixed;
+  background-color: #ffffff;
+  bottom: 0;
+  text-align: center;
+  ul{
+    list-style-type: none;
+    padding: 0;
+    margin: 0;
+  }
+}
diff --git a/Angular/src/app/translate-bar/translate-bar.component.spec.ts b/Angular/src/app/translate-bar/translate-bar.component.spec.ts
new file mode 100644
index 0000000..e69de29
diff --git a/Angular/src/app/translate-bar/translate-bar.component.ts b/Angular/src/app/translate-bar/translate-bar.component.ts
new file mode 100644
index 0000000..68626cb
--- /dev/null
+++ b/Angular/src/app/translate-bar/translate-bar.component.ts
@@ -0,0 +1,21 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'translate-bar',
+  templateUrl: './translate-bar.component.html',
+  styleUrls: ['./translate-bar.component.scss']
+})
+
+export class TranslateBarComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit() {
+  }
+
+  setLanguage(){
+    angular.module('myApp').run(function (gettextCatalog){
+      gettextCatalog.setCurrentLanguage('ga');
+    })
+  }
+}