diff --git a/src/app/app.module.ts b/src/app/app.module.ts
index 4018e21..98fc89a 100644
--- a/src/app/app.module.ts
+++ b/src/app/app.module.ts
@@ -26,6 +26,7 @@ import { AppRoutingModule } from './app-routing.module';
 import { TestmessengerComponent } from './testmessenger/testmessenger.component';
 import { DeploymentNotificationService } from './services/deployment-notification.service';
 import { SafePipe } from './pipes/safe.pipe';
+import { ConsoleComponent } from './console/console.component';
 
 
 @NgModule({
@@ -39,7 +40,8 @@ import { SafePipe } from './pipes/safe.pipe';
     TerminalComponent,
     DashboardComponent,
     TestmessengerComponent,
-    SafePipe
+    SafePipe,
+    ConsoleComponent
   ],
   imports: [
     BrowserModule,
diff --git a/src/app/config.ts b/src/app/config.ts
index 7869175..3df43bb 100644
--- a/src/app/config.ts
+++ b/src/app/config.ts
@@ -5,6 +5,7 @@ export const config = {
   documentTitle: 'Avatao Tutorials',
   dashboard: {
     route: 'dashboard',
+    terminalOrConsole: 'terminal',
     currentLayout: 'terminal-ide-web',
     enabledLayouts: [
       'terminal-ide-web',
diff --git a/src/app/console/console.component.html b/src/app/console/console.component.html
new file mode 100644
index 0000000..3c90d8f
--- /dev/null
+++ b/src/app/console/console.component.html
@@ -0,0 +1 @@
+<textarea class="tfw-console"></textarea>
diff --git a/src/app/console/console.component.scss b/src/app/console/console.component.scss
new file mode 100644
index 0000000..be7c29f
--- /dev/null
+++ b/src/app/console/console.component.scss
@@ -0,0 +1,9 @@
+.tfw-console {
+  resize: none;
+  height: 100%;
+  width: 100%;
+  background-color: black;
+  border: 1px solid black;
+  color: white;
+  padding: 8px;
+}
diff --git a/src/app/console/console.component.ts b/src/app/console/console.component.ts
new file mode 100644
index 0000000..2320725
--- /dev/null
+++ b/src/app/console/console.component.ts
@@ -0,0 +1,14 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-console',
+  templateUrl: './console.component.html',
+  styleUrls: ['./console.component.scss']
+})
+export class ConsoleComponent implements OnInit {
+
+  constructor() {}
+
+  ngOnInit() {}
+
+}
diff --git a/src/app/dashboard/dashboard.component.html b/src/app/dashboard/dashboard.component.html
index 2a70c87..ba5562e 100644
--- a/src/app/dashboard/dashboard.component.html
+++ b/src/app/dashboard/dashboard.component.html
@@ -21,7 +21,8 @@
       <app-ide></app-ide>
     </div>
     <div class="tfw-terminal">
-      <app-terminal></app-terminal>
+      <app-terminal *ngIf="terminalOrConsole === 'terminal'"></app-terminal>
+      <app-console *ngIf="terminalOrConsole === 'console'"></app-console>
     </div>
     <div class="tfw-sidebar">
       <app-sidebar (layoutChanged)="setLayout($event)" [layout]="layout"></app-sidebar>
diff --git a/src/app/dashboard/dashboard.component.ts b/src/app/dashboard/dashboard.component.ts
index 0b804bd..36372e6 100644
--- a/src/app/dashboard/dashboard.component.ts
+++ b/src/app/dashboard/dashboard.component.ts
@@ -20,6 +20,8 @@ export class DashboardComponent implements OnInit, OnDestroy {
   hide_messages: boolean = config.dashboard.hide_messages;
   iframeUrl: string = config.dashboard.iframeUrl;
   @ViewChild('webiframe') webiframe: ElementRef;
+  terminalOrConsole = config.dashboard.terminalOrConsole;
+
   command_handlers = {'layout':          this.layoutHandler.bind(this),
                       'reload_frontend': this.reloadFrontendHandlder.bind(this)};