diff --git a/HTML/lib/project.coffee b/HTML/lib/project.coffee
new file mode 100644
index 000000000..47a347cb7
--- /dev/null
+++ b/HTML/lib/project.coffee
@@ -0,0 +1,11 @@
+$ ->
+  dir = OSX.NSFileManager.defaultManager.currentDirectoryPath
+  $('#cwd').text(dir)
+
+  files = Dir.list(dir)
+  files = _.map files, (file) ->
+    listItems = _.map files, (file) ->
+    file = file.replace(dir, "")
+    "<li>#{file}</li>"
+
+  $('#files').append(listItems.join('\n'))
diff --git a/HTML/project.html b/HTML/project.html
index e69de29bb..408782794 100644
--- a/HTML/project.html
+++ b/HTML/project.html
@@ -0,0 +1,26 @@
+<style>
+  ul {
+    margin: 0;
+    padding: 0;
+  }
+
+  li {
+    list-style-type: none;
+  }
+
+  li:hover {
+    background-color: grey;
+  }
+
+</style>
+
+<script src="ace/ace.js" type="text/javascript" charset="utf-8"></script>
+<script src="underscore.js" type="text/javascript" charset="utf-8"></script>
+<script src="jquery.js" type="text/javascript" charset="utf-8"></script>
+<script src="coffee-script.js" type="text/javascript" charset="utf-8"></script>
+<script src="osx.js" type="text/javascript" charset="utf-8"></script>
+
+<script src="project.js" type="text/javascript" charset="utf-8"></script>
+
+<div id='cwd'></div>
+<ul id='files'></ul>