easyCZ
diff --git a/‎.github/workflows/node.js.yml
-3 b/‎.github/workflows/node.js.yml
-3
diff --git a/‎.gitignore
+3-1 b/‎.gitignore
+3-1
diff --git a/‎.gitpod.yml
+2-2 b/‎.gitpod.yml
+2-2
diff --git a/‎app/index.html
+15 b/‎app/index.html
+15
diff --git a/‎app/index.js
+23 b/‎app/index.js
+23
diff --git a/‎app/src/index.tsx ‎app/index.tsx
+5-5 b/‎app/src/index.tsx ‎app/index.tsx
+5-5
@@ -27,8 +27,5 @@ jobs:
         node-version: ${{ matrix.node-version }}
         cache: 'npm'
     - run: npm ci
-      working-directory: ./app
     - run: npm run build --if-present
-      working-directory: ./app
     - run: npm test
-      working-directory: ./app
@@ -14,4 +14,6 @@
 .glide/
 
 .idea
-node_modules
+node_modules
+dist/
+.parcel-cache
@@ -8,5 +8,5 @@ tasks:
     command: go run
 
   - name: NPM deps
-    init: cd app && npm install
-    command: cd app && npm run
+    init: npm install
+    command:  npm run
@@ -0,0 +1,15 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+    <meta name="theme-color" content="#000000">
+    <title>HackerNews with grpc-web</title>
+
+    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.12/semantic.min.css">
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="index.tsx"></script>
+  </body>
+</html>
@@ -0,0 +1,23 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_dom_1 = __importDefault(require("react-dom"));
+var react_redux_1 = require("react-redux");
+require("./src/index.css");
+var store_1 = __importDefault(require("./src/store"));
+var Stories_1 = __importDefault(require("./src/Stories"));
+react_dom_1.default.render((0, jsx_runtime_1.jsx)(react_redux_1.Provider, __assign({ store: store_1.default }, { children: (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(Stories_1.default, {}, void 0) }, void 0) }), void 0), document.getElementById('root'));
@@ -1,9 +1,9 @@
-import * as React from 'react';
-import * as ReactDOM from 'react-dom';
+import React from 'react';
+import ReactDOM from 'react-dom';
 import { Provider } from 'react-redux';
-import './index.css';
-import store from './store';
-import Stories from './Stories';
+import './src/index.css';
+import store from './src/store';
+import Stories from './src/Stories';
 
 ReactDOM.render(
   <Provider store={store}>