diff --git a/html/filesystem.js b/html/filesystem.js
index 8f76556..cb246a1 100644
--- a/html/filesystem.js
+++ b/html/filesystem.js
@@ -1 +1,13 @@
 //Frontend renderer process javascript file for filesystem
+function refreshFiles(){
+  if(files == null){
+    return;
+  }
+  var shown = [];
+  files.foreach((item, index) => {
+    shown[index] = document.createElement('li');
+    $("#files-list").append(shown[index]);
+    shown[index].id = "file-" + index;
+    $("#file-" + index).html(item);
+  });
+}
diff --git a/html/index.html b/html/index.html
index c08a8ee..6f367d1 100644
--- a/html/index.html
+++ b/html/index.html
@@ -78,7 +78,7 @@
     <div id="files-view" class="menu-item hidden">
       <h1 class="title-font">Files</h1>
       <p>Testing file system</p>
-      <ul>
+      <ul id="files-list">
         <li>Test1</li>
         <li>Test2</li>
       </ul>
@@ -175,7 +175,7 @@
   <script src="script.js"></script>
   <script src="onlineChecker.js"></script>
   <script src="filesystem.js"></script>
-  
+
   <script src="node.js"></script>
 
   <script src="keyboard.js"></script>
diff --git a/html/node.js b/html/node.js
index 056834e..7f5e47d 100644
--- a/html/node.js
+++ b/html/node.js
@@ -21,11 +21,17 @@ if(typeof module !== undefined){
   }
   ipcRenderer.send('get-data', 'wifi');
   ipcRenderer.send('get-data', 'wifiQuality');
+  var files = null;
   ipcRenderer.on('listFiles', (event, arg) => {
     console.log(arg);
+    files = arg;
+    refreshFiles();
   })
-  ipcRenderer.send('listFiles', 'C:\\Users\\Dan\\Documents\\GitHub\\console-hub');
+  var loc = window.location.pathname;
+  var dir = loc.substring(0, loc.lastIndexOf('/'));
+  ipcRenderer.send('listFiles', dir);
 } else {
   //no NODE integration, propably browser access
-  $("div:has(#files)").hide();//Disable file system view
+  $("div:has(#files)").hide();//Disable file system preview
+  mainMenuItems.slice("files");
 }