Add react

static/app.js

@@ -0,0 +1,48 @@
+var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
+
+import React from 'react';
+
+var Verification = function (_React$Component) {
+    _inherits(Verification, _React$Component);
+
+    function Verification(props) {
+        _classCallCheck(this, Verification);
+
+        return _possibleConstructorReturn(this, (Verification.__proto__ || Object.getPrototypeOf(Verification)).call(this, props));
+    }
+
+    _createClass(Verification, [{
+        key: 'componentDidMount',
+        value: function componentDidMount() {
+            var apiUrl = 'https://thanos.nightmare.haus/api/verifications';
+            fetch(apiUrl).then(function (response) {
+                return response.json();
+            }).then(function (data) {
+                return console.log('The data from the call: ', data);
+            });
+        }
+    }, {
+        key: 'render',
+        value: function render() {
+            return React.createElement(
+                'div',
+                null,
+                React.createElement(
+                    'h1',
+                    null,
+                    'Verifications have loaded. See logs.'
+                )
+            );
+        }
+    }]);
+
+    return Verification;
+}(React.Component);
+
+ReactDOM.render(React.createElement(Verification, null), document.getElementById('react_app'));

static/header.tpl

@@ -9,6 +9,7 @@
   <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
   <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
   <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"></script>
+  <script src="/static/app.js"></script>
 
 <!-- Navigation -->
 <nav class="navbar navbar-expand-lg navbar-dark bg-dark static-top">

static/home.tpl

@@ -1,15 +1,17 @@
 <br><br>
 <div class="container h-100 d-flex justify-content-center align-items-center">
+    <div id="react_app"></div>
 
-
-<div class="container h-100 d-flex justify-content-center align-items-center">
-
-<div class="card" style="width: 50rem;">
-<div class="card-body col">
-<h2 class="card-title">Cookie Policy</h1>
-<p class="card-text">What website doesn't use cookies nowadays?</p>
-<p class="card-text">This website does not use any 3rd party cookies. All cookies are encrypted and only used by this website. </p>
-<p class="card-text">If you are actually reading this, chances are your data isn't valuable enough for me to care about tracking you.</p>
-</div>
-</div>
-</div>
+    <div class="container h-100 d-flex justify-content-center align-items-center">
+        <div class="card" style="width: 50rem;">
+            <div class="card-body col">
+                <h2 class="card-title">Cookie Policy</h1>
+                    <p class="card-text">What website doesn't use cookies nowadays?</p>
+                    <p class="card-text">This website does not use any 3rd party cookies. All cookies are encrypted and
+                        only used by this website. </p>
+                    <p class="card-text">If you are actually reading this, chances are your data isn't valuable enough
+                        for me to care about tracking you.</p>
+            </div>
+        </div>
+        
+    </div>