diff --git a/querying/CMakeLists.txt b/querying/CMakeLists.txt
index 7414355acccfe1d190855e33f187b7c9f55b4146..0875b06ed2170b9e559d88a8a9fa58cff70c3452 100644
--- a/querying/CMakeLists.txt
+++ b/querying/CMakeLists.txt
@@ -39,6 +39,7 @@ add_subdirectory(lib/SQLiteCpp)
 # Source files
 set(SOURCES
         src/main.cpp
+        src/ui_wt/MainForm.cpp
         src/ui/forms/mainform.cpp
         src/ui/widgets/textedit.cpp
         src/calculation/InvertedIndex.cpp src/calculation/InvertedIndex.h
@@ -66,6 +67,8 @@ set(LIBRARIES
         Qt5::Widgets
         Qt5::Network
         SQLiteCpp
+        wt
+        wthttp
         )
 
 # Generate additional sources with MOC and UIC
diff --git a/querying/resources/background.png b/querying/resources/background.png
new file mode 100644
index 0000000000000000000000000000000000000000..9e1e83f63a9a0ba6e34285603c44b1e9220c9be0
Binary files /dev/null and b/querying/resources/background.png differ
diff --git a/querying/resources/style.css b/querying/resources/style.css
new file mode 100644
index 0000000000000000000000000000000000000000..3349ef74e0a24e851165c0f119136aad5d30acd6
--- /dev/null
+++ b/querying/resources/style.css
@@ -0,0 +1,34 @@
+body {
+  background-image: url("background.png");
+  font-family: 'Open Sans', sans-serif;
+  color: #19222a;
+  text-align: center;
+  margin: 0;
+}
+
+h1 {
+  margin-bottom: 0;
+}
+
+hr {
+  color: #19222a;
+  width: 800px;
+}
+
+.navigation {
+  width: 700px;
+  list-style: none;
+  padding: 0;
+  margin: 0 auto;
+}
+
+.navigation a {
+  display: block;
+  background-color: #D3D3D3;
+  text-decoration: none;
+  padding: 10px;
+}
+
+.navigation a:hover {
+  background-color: #A9A9A9;
+}
diff --git a/querying/run.sh b/querying/run.sh
new file mode 100755
index 0000000000000000000000000000000000000000..ac5abf0c0abbb184b6b86323c6470b2a608b3bbf
--- /dev/null
+++ b/querying/run.sh
@@ -0,0 +1,16 @@
+#!/bin/bash
+
+# Exit on first error
+set -e
+
+# Create dir build
+mkdir -p build
+cd build
+
+cmake -DCMAKE_BUILD_TYPE=Debug ..
+
+# Build
+cmake --build .
+
+# Launch
+./Querying --docroot ./../resources --http-address 0.0.0.0 --http-port 3999
diff --git a/querying/src/main.cpp b/querying/src/main.cpp
index 67ce7fdda5cc4f7882b2ec08f03f711301b4a487..6c472ced7fd68c7fe677dc7f31852b2115cf49ac 100644
--- a/querying/src/main.cpp
+++ b/querying/src/main.cpp
@@ -1,7 +1,7 @@
 #include <iostream>
 #include <map>
 
-#include <QApplication>
+//#include <QApplication>
 #include <src/util/ArgumentParser.h>
 
 #include "calculation/Query.h"
@@ -9,15 +9,28 @@
 #include "calculation/Computor.h"
 #include "util/QueryJSONParser.h"
 #include "util/InvertedIndexJSONParser.h"
-#include "src/ui/forms/mainform.h"
+//#include "src/ui/forms/mainform.h"
+#include "src/ui_wt/MainForm.h"
 #include "src/database/DocumentCollection.h"
 #include "src/database/Document.h"
 
 using namespace std;
 using namespace cxxopts;
 
+std::unique_ptr<Wt::WApplication> createApplication(const Wt::WEnvironment& env)
+{
+  auto app = Wt::cpp14::make_unique<MainForm>(env);
+  app->setTitle("Querying: Vector model of information retrieval");
+  app->useStyleSheet("https://fonts.googleapis.com/css?family=Open+Sans&display=swap");
+  app->useStyleSheet("style.css");
+
+  return std::move(app);
+}
+
 int main(int argc, char *argv[]) {
 
+    return Wt::WRun(argc, argv, &createApplication);
+    /*
     ArgumentParser argumentParser;
     switch (argumentParser.parse(argc, argv)) {
         case ArgumentParser::HELP: {
@@ -47,6 +60,7 @@ int main(int argc, char *argv[]) {
     mainForm.show();
 
     return QApplication::exec();
+    */
 }
 
 /*
diff --git a/querying/src/ui_wt/MainForm.cpp b/querying/src/ui_wt/MainForm.cpp
new file mode 100644
index 0000000000000000000000000000000000000000..01c45191172f383da48394ff9872d974efbd2c4e
--- /dev/null
+++ b/querying/src/ui_wt/MainForm.cpp
@@ -0,0 +1,88 @@
+#include <Wt/WContainerWidget.h>
+#include <Wt/WText.h>
+#include <Wt/WMenu.h>
+#include <Wt/WStackedWidget.h>
+
+#include <fstream>
+#include <vector>
+
+#include "./../util/ArgumentParser.h"
+#include "./../calculation/Query.h"
+#include "./../calculation/Space.h"
+#include "./../calculation/Computor.h"
+#include "./../util/QueryJSONParser.h"
+#include "./../util/InvertedIndexJSONParser.h"
+#include "./../database/DocumentCollection.h"
+#include "./../database/Document.h"
+
+#include "MainForm.h"
+
+MainForm::MainForm(const Wt::WEnvironment& env)
+    : Wt::WApplication(env)
+{
+  Space space(InvertedIndexJSONParser("./../../data/persistence/invertedList.json").parse());
+  DocumentCollection collection("./../../data/persistence/docs_and_terms.db");
+  auto availableDocuments = collection.fetchCollection();
+
+  auto container = root()->addWidget(Wt::cpp14::make_unique<Wt::WContainerWidget>());
+  container->addNew<Wt::WText>("<h1>Choose document to display</h1><hr/>");
+
+  auto contents = Wt::cpp14::make_unique<Wt::WStackedWidget>();
+
+  Wt::WMenu *menu = container->addNew<Wt::WMenu>(contents.get());
+  menu->setStyleClass("navigation");
+
+  for (int i = 0; i < 10; i++)
+  {
+    std::string path = availableDocuments.at(i).name;
+    menu->addItem(getName(path), Wt::cpp14::make_unique<Wt::WText>(getDocument(path)));
+  }
+
+  container->addWidget(std::move(contents));
+}
+
+std::string MainForm::getName(const std::string & path)
+{
+  std::string name = path;
+  name = name.substr(name.find_last_of('/') + 1);
+  name = name.substr(0, name.find_last_of('.'));
+  name.replace(name.find("___"), 3, ": ");
+
+  return name;
+}
+
+std::string MainForm::getDocument(const std::string & path)
+{
+  std::string content;
+
+  std::ifstream file(path);
+  content.assign((std::istreambuf_iterator<char>(file)),
+                 (std::istreambuf_iterator<char>()   ));
+  file.close();
+
+  encode(content);
+
+  size_t start_pos = 0;
+  while((start_pos = content.find('\n', start_pos)) != std::string::npos) {
+    content.replace(start_pos, 1, "<br/>");
+    start_pos += 5;
+  }
+
+  return content;
+}
+
+void MainForm::encode(std::string & data) {
+    std::string buffer;
+    buffer.reserve(data.size());
+    for(size_t pos = 0; pos != data.size(); ++pos) {
+        switch(data[pos]) {
+            case '&':  buffer.append("&amp;");       break;
+            case '\"': buffer.append("&quot;");      break;
+            case '\'': buffer.append("&apos;");      break;
+            case '<':  buffer.append("&lt;");        break;
+            case '>':  buffer.append("&gt;");        break;
+            default:   buffer.append(&data[pos], 1); break;
+        }
+    }
+    data.swap(buffer);
+}
diff --git a/querying/src/ui_wt/MainForm.h b/querying/src/ui_wt/MainForm.h
new file mode 100644
index 0000000000000000000000000000000000000000..7d36b9a7e60505b9038be937b8944225cc591921
--- /dev/null
+++ b/querying/src/ui_wt/MainForm.h
@@ -0,0 +1,15 @@
+#pragma once
+
+#include <Wt/WApplication.h>
+#include <string>
+
+class MainForm : public Wt::WApplication
+{
+public:
+    MainForm(const Wt::WEnvironment& env);
+
+private:
+    std::string getName(const std::string & path);
+    std::string getDocument(const std::string & path);
+    void encode(std::string & content);
+};