diff --git a/index-dev.html b/index-dev.html
index 7585e470..6bb192ca 100644
--- a/index-dev.html
+++ b/index-dev.html
@@ -34,11 +34,11 @@
     <script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>
     <script crossorigin src="https://unpkg.com/@babel/standalone/babel.min.js"></script>
     <!-- core tinode library -->
-    <script src="tinode.js"></script>
+    <script src="src/tinode.js"></script>
   </head>
   <body>
     <div id="mountPoint"></div>
     <!-- the application -->
-    <script type="text/babel" src="index.js"></script>
+    <script type="text/babel" src="src/webapp.js"></script>
   </body>
 </html>
diff --git a/index.js b/index.js
deleted file mode 100644
index ca41b36d..00000000
--- a/index.js
+++ /dev/null
@@ -1,2 +0,0 @@
-require('tinode.js')
-require('webapp.js')
diff --git a/src/index.js b/src/index.js
new file mode 100644
index 00000000..745b2bbb
--- /dev/null
+++ b/src/index.js
@@ -0,0 +1,10 @@
+var React = require('react');
+var ReactDOM = require('react-dom');
+var Tinode = require('tinode-sdk');
+var Drafty = Tinode.Drafty;
+var TinodeWeb = require('webapp.js')
+
+ReactDOM.render(
+  <TinodeWeb />,
+  document.getElementById('mountPoint')
+);
diff --git a/webapp.js b/src/webapp.js
similarity index 100%
rename from webapp.js
rename to src/webapp.js