From 647c5c08066e4d7554a39f5ce3a1d3e441797638 Mon Sep 17 00:00:00 2001
From: William Petit <wpetit@cadoles.com>
Date: Thu, 30 Apr 2020 13:02:56 +0200
Subject: [PATCH] Migration du client sur Typescript

---
 client/.babelrc                               |  10 -
 client/package-lock.json                      | 376 ++++++++++++------
 client/package.json                           |  11 +-
 client/src/components/{App.jsx => App.tsx}    |   0
 .../{BoardPage.jsx => BoardPage.tsx}          |   0
 .../{EditBoardPage.jsx => EditBoardPage.tsx}  |  63 +--
 .../{IssueCard.jsx => IssueCard.tsx}          |   2 -
 .../HomePage/{BoardCard.jsx => BoardCard.tsx} |   6 +-
 .../HomePage/{HomePage.jsx => HomePage.tsx}   |  15 +-
 .../src/components/{Loader.jsx => Loader.tsx} |   0
 .../src/components/{Modal.jsx => Modal.tsx}   |  10 +-
 .../src/components/{Navbar.jsx => Navbar.tsx} |   0
 client/src/components/{Page.jsx => Page.tsx}  |   6 +-
 client/src/custom.d.ts                        |   4 +
 client/src/{index.js => index.tsx}            |   0
 .../store/actions/{boards.js => boards.ts}    |   4 +-
 .../store/actions/{issues.js => issues.ts}    |   8 +-
 .../actions/{kanboards.js => kanboards.ts}    |   4 +-
 .../store/actions/{logout.js => logout.ts}    |   0
 .../actions/{projects.js => projects.ts}      |   0
 .../store/reducers/{boards.js => boards.ts}   |   8 +-
 .../src/store/reducers/{flags.js => flags.ts} |   2 +-
 .../store/reducers/{issues.js => issues.ts}   |   6 +-
 .../reducers/{kanboards.js => kanboards.ts}   |   6 +-
 .../reducers/{projects.js => projects.ts}     |   6 +-
 .../src/store/reducers/{root.js => root.ts}   |   0
 .../src/store/sagas/{boards.js => boards.ts}  |  12 +-
 .../store/sagas/{failure.js => failure.ts}    |   0
 .../src/store/sagas/{issues.js => issues.ts}  |  21 +-
 .../sagas/{kanboards.js => kanboards.ts}      |  23 +-
 .../src/store/sagas/{logout.js => logout.ts}  |   0
 .../store/sagas/{projects.js => projects.ts}  |   0
 client/src/store/sagas/{root.js => root.ts}   |   4 +-
 .../store/selectors/{boards.js => boards.ts}  |   6 +-
 .../store/selectors/{flags.js => flags.ts}    |   2 +-
 client/src/store/{store.js => store.ts}       |   0
 client/src/util/{api.js => api.ts}            |   0
 client/src/util/{gitea.js => gitea.ts}        |  17 +-
 client/tsconfig.json                          |  16 +
 client/webpack.config.js                      |  12 +-
 modd.conf                                     |   2 +
 41 files changed, 428 insertions(+), 234 deletions(-)
 delete mode 100644 client/.babelrc
 rename client/src/components/{App.jsx => App.tsx} (100%)
 rename client/src/components/BoardPage/{BoardPage.jsx => BoardPage.tsx} (100%)
 rename client/src/components/BoardPage/{EditBoardPage.jsx => EditBoardPage.tsx} (85%)
 rename client/src/components/BoardPage/{IssueCard.jsx => IssueCard.tsx} (97%)
 rename client/src/components/HomePage/{BoardCard.jsx => BoardCard.tsx} (89%)
 rename client/src/components/HomePage/{HomePage.jsx => HomePage.tsx} (84%)
 rename client/src/components/{Loader.jsx => Loader.tsx} (100%)
 rename client/src/components/{Modal.jsx => Modal.tsx} (62%)
 rename client/src/components/{Navbar.jsx => Navbar.tsx} (100%)
 rename client/src/components/{Page.jsx => Page.tsx} (79%)
 create mode 100644 client/src/custom.d.ts
 rename client/src/{index.js => index.tsx} (100%)
 rename client/src/store/actions/{boards.js => boards.ts} (89%)
 rename client/src/store/actions/{issues.js => issues.ts} (77%)
 rename client/src/store/actions/{kanboards.js => kanboards.ts} (69%)
 rename client/src/store/actions/{logout.js => logout.ts} (100%)
 rename client/src/store/actions/{projects.js => projects.ts} (100%)
 rename client/src/store/reducers/{boards.js => boards.ts} (70%)
 rename client/src/store/reducers/{flags.js => flags.ts} (83%)
 rename client/src/store/reducers/{issues.js => issues.ts} (78%)
 rename client/src/store/reducers/{kanboards.js => kanboards.ts} (88%)
 rename client/src/store/reducers/{projects.js => projects.ts} (65%)
 rename client/src/store/reducers/{root.js => root.ts} (100%)
 rename client/src/store/sagas/{boards.js => boards.ts} (70%)
 rename client/src/store/sagas/{failure.js => failure.ts} (100%)
 rename client/src/store/sagas/{issues.js => issues.ts} (78%)
 rename client/src/store/sagas/{kanboards.js => kanboards.ts} (73%)
 rename client/src/store/sagas/{logout.js => logout.ts} (100%)
 rename client/src/store/sagas/{projects.js => projects.ts} (100%)
 rename client/src/store/sagas/{root.js => root.ts} (95%)
 rename client/src/store/selectors/{boards.js => boards.ts} (54%)
 rename client/src/store/selectors/{flags.js => flags.ts} (72%)
 rename client/src/store/{store.js => store.ts} (100%)
 rename client/src/util/{api.js => api.ts} (100%)
 rename client/src/util/{gitea.js => gitea.ts} (80%)
 create mode 100644 client/tsconfig.json

diff --git a/client/.babelrc b/client/.babelrc
deleted file mode 100644
index 90565b8..0000000
--- a/client/.babelrc
+++ /dev/null
@@ -1,10 +0,0 @@
-{
-    "presets": [
-      "@babel/preset-env",
-      "@babel/preset-react"
-    ],
-    "plugins": [
-      [ "@babel/transform-runtime" ],
-      [ "@babel/plugin-proposal-class-properties" ]
-    ]
-  }
\ No newline at end of file
diff --git a/client/package-lock.json b/client/package-lock.json
index a15d158..3cd363d 100644
--- a/client/package-lock.json
+++ b/client/package-lock.json
@@ -1313,6 +1313,84 @@
       "resolved": "https://registry.npmjs.org/@redux-saga/types/-/types-1.1.0.tgz",
       "integrity": "sha512-afmTuJrylUU/0OtqzaRkbyYFFNgCF73Bvel/sw90pvGrWIZ+vyoIJqA6eMSoA6+nb443kTmulmBtC9NerXboNg=="
     },
+    "@types/history": {
+      "version": "4.7.5",
+      "resolved": "https://registry.npmjs.org/@types/history/-/history-4.7.5.tgz",
+      "integrity": "sha512-wLD/Aq2VggCJXSjxEwrMafIP51Z+13H78nXIX0ABEuIGhmB5sNGbR113MOKo+yfw+RDo1ZU3DM6yfnnRF/+ouw=="
+    },
+    "@types/hoist-non-react-statics": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/@types/hoist-non-react-statics/-/hoist-non-react-statics-3.3.1.tgz",
+      "integrity": "sha512-iMIqiko6ooLrTh1joXodJK5X9xeEALT1kM5G3ZLhD3hszxBdIEd5C75U834D9mLcINgD4OyZf5uQXjkuYydWvA==",
+      "dev": true,
+      "requires": {
+        "@types/react": "*",
+        "hoist-non-react-statics": "^3.3.0"
+      }
+    },
+    "@types/node": {
+      "version": "13.13.4",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-13.13.4.tgz",
+      "integrity": "sha512-x26ur3dSXgv5AwKS0lNfbjpCakGIduWU1DU91Zz58ONRWrIKGunmZBNv4P7N+e27sJkiGDsw/3fT4AtsqQBrBA=="
+    },
+    "@types/prop-types": {
+      "version": "15.7.3",
+      "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.3.tgz",
+      "integrity": "sha512-KfRL3PuHmqQLOG+2tGpRO26Ctg+Cq1E01D2DMriKEATHgWLfeNDmq9e29Q9WIky0dQ3NPkd1mzYH8Lm936Z9qw=="
+    },
+    "@types/react": {
+      "version": "16.9.34",
+      "resolved": "https://registry.npmjs.org/@types/react/-/react-16.9.34.tgz",
+      "integrity": "sha512-8AJlYMOfPe1KGLKyHpflCg5z46n0b5DbRfqDksxBLBTUpB75ypDBAO9eCUcjNwE6LCUslwTz00yyG/X9gaVtow==",
+      "requires": {
+        "@types/prop-types": "*",
+        "csstype": "^2.2.0"
+      }
+    },
+    "@types/react-dom": {
+      "version": "16.9.7",
+      "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-16.9.7.tgz",
+      "integrity": "sha512-GHTYhM8/OwUCf254WO5xqR/aqD3gC9kSTLpopWGpQLpnw23jk44RvMHsyUSEplvRJZdHxhJGMMLF0kCPYHPhQA==",
+      "requires": {
+        "@types/react": "*"
+      }
+    },
+    "@types/react-redux": {
+      "version": "7.1.7",
+      "resolved": "https://registry.npmjs.org/@types/react-redux/-/react-redux-7.1.7.tgz",
+      "integrity": "sha512-U+WrzeFfI83+evZE2dkZ/oF/1vjIYgqrb5dGgedkqVV8HEfDFujNgWCwHL89TDuWKb47U0nTBT6PLGq4IIogWg==",
+      "dev": true,
+      "requires": {
+        "@types/hoist-non-react-statics": "^3.3.0",
+        "@types/react": "*",
+        "hoist-non-react-statics": "^3.3.0",
+        "redux": "^4.0.0"
+      }
+    },
+    "@types/react-router": {
+      "version": "5.1.7",
+      "resolved": "https://registry.npmjs.org/@types/react-router/-/react-router-5.1.7.tgz",
+      "integrity": "sha512-2ouP76VQafKjtuc0ShpwUebhHwJo0G6rhahW9Pb8au3tQTjYXd2jta4wv6U2tGLR/I42yuG00+UXjNYY0dTzbg==",
+      "requires": {
+        "@types/history": "*",
+        "@types/react": "*"
+      }
+    },
+    "@types/react-router-dom": {
+      "version": "5.1.5",
+      "resolved": "https://registry.npmjs.org/@types/react-router-dom/-/react-router-dom-5.1.5.tgz",
+      "integrity": "sha512-ArBM4B1g3BWLGbaGvwBGO75GNFbLDUthrDojV2vHLih/Tq8M+tgvY1DSwkuNrPSwdp/GUL93WSEpTZs8nVyJLw==",
+      "requires": {
+        "@types/history": "*",
+        "@types/react": "*",
+        "@types/react-router": "*"
+      }
+    },
+    "@types/uuid": {
+      "version": "7.0.3",
+      "resolved": "https://registry.npmjs.org/@types/uuid/-/uuid-7.0.3.tgz",
+      "integrity": "sha512-PUdqTZVrNYTNcIhLHkiaYzoOIaUi5LFg/XLerAdgvwQrUCx+oSbtoBze1AMyvYbcwzUSNC+Isl58SM4Sm/6COw=="
+    },
     "@webassemblyjs/ast": {
       "version": "1.8.5",
       "resolved": "https://registry.npmjs.org/@webassemblyjs/ast/-/ast-1.8.5.tgz",
@@ -1508,9 +1586,9 @@
       "dev": true
     },
     "acorn": {
-      "version": "6.3.0",
-      "resolved": "https://registry.npmjs.org/acorn/-/acorn-6.3.0.tgz",
-      "integrity": "sha512-/czfa8BwS88b9gWQVhc8eknunSA2DoJpJyTQkhheIf5E48u1N0R4q/YxxsAeqRrmK9TQ/uYfgLDfZo91UlANIA==",
+      "version": "6.4.1",
+      "resolved": "https://registry.npmjs.org/acorn/-/acorn-6.4.1.tgz",
+      "integrity": "sha512-ZVA9k326Nwrj3Cj9jlh3wGFutC2ZornPNARZwsNYqQYgN0EsV2d53w5RN/co65Ohn4sUAUtb1rSUAOD6XN9idA==",
       "dev": true
     },
     "adjust-sourcemap-loader": {
@@ -1727,9 +1805,9 @@
       "dev": true
     },
     "aws4": {
-      "version": "1.8.0",
-      "resolved": "https://registry.npmjs.org/aws4/-/aws4-1.8.0.tgz",
-      "integrity": "sha512-ReZxvNHIOv88FlT7rxcXIIC0fPt4KZqZbOlivyWtXLt8ESx84zd3kMC6iK5jVeS2qt+g7ftS7ye4fi06X5rtRQ==",
+      "version": "1.9.1",
+      "resolved": "https://registry.npmjs.org/aws4/-/aws4-1.9.1.tgz",
+      "integrity": "sha512-wMHVg2EOHaMRxbzgFJ9gtjOOCrI80OHLG14rxi28XwOW8ux6IiEbRCGGGqCtdAIg4FQCbW20k9RsT4y3gJlFug==",
       "dev": true
     },
     "babel-code-frame": {
@@ -1885,8 +1963,7 @@
     "big.js": {
       "version": "5.2.2",
       "resolved": "https://registry.npmjs.org/big.js/-/big.js-5.2.2.tgz",
-      "integrity": "sha512-vyL2OymJxmarO8gxMr0mhChsO9QGwhynfuu4+MHTAW6czfq9humCB7rKpUjDd9YUiDPU4mzpyupFSvOClAwbmQ==",
-      "dev": true
+      "integrity": "sha512-vyL2OymJxmarO8gxMr0mhChsO9QGwhynfuu4+MHTAW6czfq9humCB7rKpUjDd9YUiDPU4mzpyupFSvOClAwbmQ=="
     },
     "binary-extensions": {
       "version": "1.13.1",
@@ -2462,8 +2539,7 @@
     "core-util-is": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/core-util-is/-/core-util-is-1.0.2.tgz",
-      "integrity": "sha1-tf1UIgqivFq1eqtxQMlAdUUDwac=",
-      "dev": true
+      "integrity": "sha1-tf1UIgqivFq1eqtxQMlAdUUDwac="
     },
     "create-ecdh": {
       "version": "4.0.3",
@@ -2621,6 +2697,11 @@
       "integrity": "sha1-yBSQPkViM3GgR3tAEJqq++6t27Q=",
       "dev": true
     },
+    "csstype": {
+      "version": "2.6.10",
+      "resolved": "https://registry.npmjs.org/csstype/-/csstype-2.6.10.tgz",
+      "integrity": "sha512-D34BqZU4cIlMCY93rZHbrq9pjTAQJ3U8S8rfBqjwHxkGPThWFjzZDQpgMJY0QViLxth6ZKYiwFBo14RdN44U/w=="
+    },
     "currently-unhandled": {
       "version": "0.4.1",
       "resolved": "https://registry.npmjs.org/currently-unhandled/-/currently-unhandled-0.4.1.tgz",
@@ -2881,8 +2962,7 @@
     "emojis-list": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/emojis-list/-/emojis-list-2.1.0.tgz",
-      "integrity": "sha1-TapNnbAPmBmIDHn6RXrlsJof04k=",
-      "dev": true
+      "integrity": "sha1-TapNnbAPmBmIDHn6RXrlsJof04k="
     },
     "end-of-stream": {
       "version": "1.4.4",
@@ -2897,7 +2977,6 @@
       "version": "4.1.1",
       "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-4.1.1.tgz",
       "integrity": "sha512-98p2zE+rL7/g/DzMHMTF4zZlCgeVdJ7yr6xzEpJRYwFYrGi9ANdn5DnJURg6RpBkyk60XYDnWIv51VfIhfNGuA==",
-      "dev": true,
       "requires": {
         "graceful-fs": "^4.1.2",
         "memory-fs": "^0.5.0",
@@ -2914,7 +2993,6 @@
       "version": "0.1.7",
       "resolved": "https://registry.npmjs.org/errno/-/errno-0.1.7.tgz",
       "integrity": "sha512-MfrRBDWzIWifgq6tJj60gkAwtLNb6sQPlcFrSOflcP1aFmmruKQ2wRnze/8V6kgyz7H3FF8Npzv78mZ7XLLflg==",
-      "dev": true,
       "requires": {
         "prr": "~1.0.1"
       }
@@ -4122,21 +4200,20 @@
       "dev": true
     },
     "globule": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/globule/-/globule-1.2.1.tgz",
-      "integrity": "sha512-g7QtgWF4uYSL5/dn71WxubOrS7JVGCnFPEnoeChJmBnyR9Mw8nGoEwOgJL/RC2Te0WhbsEUCejfH8SZNJ+adYQ==",
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/globule/-/globule-1.3.1.tgz",
+      "integrity": "sha512-OVyWOHgw29yosRHCHo7NncwR1hW5ew0W/UrvtwvjefVJeQ26q4/8r8FmPsSF1hJ93IgWkyv16pCTz6WblMzm/g==",
       "dev": true,
       "requires": {
         "glob": "~7.1.1",
-        "lodash": "~4.17.10",
+        "lodash": "~4.17.12",
         "minimatch": "~3.0.2"
       }
     },
     "graceful-fs": {
       "version": "4.2.3",
       "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.3.tgz",
-      "integrity": "sha512-a30VEBm4PEdx1dRB7MFK7BejejvCvBronbLjht+sHuGYj8PHs7M/5Z+rt5lw551vZ7yfTCj4Vuyy3mSJytDWRQ==",
-      "dev": true
+      "integrity": "sha512-a30VEBm4PEdx1dRB7MFK7BejejvCvBronbLjht+sHuGYj8PHs7M/5Z+rt5lw551vZ7yfTCj4Vuyy3mSJytDWRQ=="
     },
     "gud": {
       "version": "1.0.0",
@@ -4294,9 +4371,9 @@
       }
     },
     "hosted-git-info": {
-      "version": "2.8.5",
-      "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-2.8.5.tgz",
-      "integrity": "sha512-kssjab8CvdXfcXMXVcvsXum4Hwdq9XGtRD3TteMEvEbq0LXyiNQr6AprqKqfeaDXze7SxWvRxdpwE6ku7ikLkg==",
+      "version": "2.8.8",
+      "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-2.8.8.tgz",
+      "integrity": "sha512-f/wzC2QaWBs7t9IYqB4T3sR1xviIViXJRJTWBlx2Gf3g0Xi5vI7Yy4koXQ1c9OYDGHN9sBy1DQ2AB8fqZBWhUg==",
       "dev": true
     },
     "html-loader": {
@@ -4462,9 +4539,9 @@
       "dev": true
     },
     "in-publish": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/in-publish/-/in-publish-2.0.0.tgz",
-      "integrity": "sha1-4g/146KvwmkDILbcVSaCqcf631E=",
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/in-publish/-/in-publish-2.0.1.tgz",
+      "integrity": "sha512-oDM0kUSNFC31ShNxHKUyfZKy8ZeXZBWMjMdZHKLOk13uvT27VTL/QzRGfRUcevJhpkZAvlhPYuXkF7eNWrtyxQ==",
       "dev": true
     },
     "indent-string": {
@@ -4495,8 +4572,7 @@
     "inherits": {
       "version": "2.0.4",
       "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
-      "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
-      "dev": true
+      "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ=="
     },
     "ini": {
       "version": "1.3.5",
@@ -4629,13 +4705,10 @@
       "dev": true
     },
     "is-finite": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/is-finite/-/is-finite-1.0.2.tgz",
-      "integrity": "sha1-zGZ3aVYCvlUO8R6LSqYwU0K20Ko=",
-      "dev": true,
-      "requires": {
-        "number-is-nan": "^1.0.0"
-      }
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/is-finite/-/is-finite-1.1.0.tgz",
+      "integrity": "sha512-cdyMtqX/BOqqNBBiKlIVkytNHm49MtMlYyn1zxzvJKWmFMlGzm+ry5BBfYyeY9YmNKbRSo/o7OX9w9ale0wg3w==",
+      "dev": true
     },
     "is-fullwidth-code-point": {
       "version": "1.0.0",
@@ -4740,8 +4813,7 @@
     "isarray": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz",
-      "integrity": "sha1-u5NdSFgsuhaMBoNJV6VKPgcSTxE=",
-      "dev": true
+      "integrity": "sha1-u5NdSFgsuhaMBoNJV6VKPgcSTxE="
     },
     "isexe": {
       "version": "2.0.0",
@@ -4762,9 +4834,9 @@
       "dev": true
     },
     "js-base64": {
-      "version": "2.5.1",
-      "resolved": "https://registry.npmjs.org/js-base64/-/js-base64-2.5.1.tgz",
-      "integrity": "sha512-M7kLczedRMYX4L8Mdh4MzyAMM9O5osx+4FcOQuTvr3A9F2D9S5JXheN0ewNbrvK2UatkTRhL5ejGmGSjNMiZuw==",
+      "version": "2.5.2",
+      "resolved": "https://registry.npmjs.org/js-base64/-/js-base64-2.5.2.tgz",
+      "integrity": "sha512-Vg8czh0Q7sFBSUMWWArX/miJeBWYBPpdU/3M/DKSaekLMqrqVPaedp+5mZhie/r0lgrcaYBfwXatEew6gwgiQQ==",
       "dev": true
     },
     "js-levenshtein": {
@@ -4818,7 +4890,6 @@
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/json5/-/json5-1.0.1.tgz",
       "integrity": "sha512-aKS4WQjPenRxiQsC93MNfjx+nbF4PAdYzmd/1JIj8HYzqfbu86beTuNgXDzPknWk0n0uARlyewZo4s++ES36Ow==",
-      "dev": true,
       "requires": {
         "minimist": "^1.2.0"
       }
@@ -4836,9 +4907,9 @@
       }
     },
     "kind-of": {
-      "version": "6.0.2",
-      "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.2.tgz",
-      "integrity": "sha512-s5kLOcnH0XqDO+FvuaLX8DDjZ18CGFk7VygH40QoKPUQhW4e2rvM0rwUq0t8IQDOwYSeLK01U90OjzBTme2QqA==",
+      "version": "6.0.3",
+      "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz",
+      "integrity": "sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==",
       "dev": true
     },
     "lcid": {
@@ -4873,7 +4944,6 @@
       "version": "1.2.3",
       "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-1.2.3.tgz",
       "integrity": "sha512-fkpz8ejdnEMG3s37wGL07iSBDg99O9D5yflE9RGNH3hRdx9SOwYfnGYdZOUIZitN8E+E2vkq3MUMYMvPYl5ZZA==",
-      "dev": true,
       "requires": {
         "big.js": "^5.2.2",
         "emojis-list": "^2.0.0",
@@ -5028,7 +5098,6 @@
       "version": "0.5.0",
       "resolved": "https://registry.npmjs.org/memory-fs/-/memory-fs-0.5.0.tgz",
       "integrity": "sha512-jA0rdU5KoQMC0e6ppoNRtpp6vjFq6+NY7r8hywnC7V+1Xj/MtHwGIbB1QaK/dunyjWteJzmkpd7ooeWg10T7GA==",
-      "dev": true,
       "requires": {
         "errno": "^0.1.3",
         "readable-stream": "^2.0.1"
@@ -5092,18 +5161,18 @@
       }
     },
     "mime-db": {
-      "version": "1.42.0",
-      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.42.0.tgz",
-      "integrity": "sha512-UbfJCR4UAVRNgMpfImz05smAXK7+c+ZntjaA26ANtkXLlOe947Aag5zdIcKQULAiF9Cq4WxBi9jUs5zkA84bYQ==",
+      "version": "1.44.0",
+      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.44.0.tgz",
+      "integrity": "sha512-/NOTfLrsPBVeH7YtFPgsVWveuL+4SjjYxaQ1xtM1KMFj7HdxlBlxeyNLzhyJVx7r4rZGJAZ/6lkKCitSc/Nmpg==",
       "dev": true
     },
     "mime-types": {
-      "version": "2.1.25",
-      "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.25.tgz",
-      "integrity": "sha512-5KhStqB5xpTAeGqKBAMgwaYMnQik7teQN4IAzC7npDv6kzeU6prfkR67bc87J1kWMPGkoaZSq1npmexMgkmEVg==",
+      "version": "2.1.27",
+      "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.27.tgz",
+      "integrity": "sha512-JIhqnCasI9yD+SsmkquHBxTSEuZdQX5BuQnS2Vc7puQQQ+8yiP5AY5uWhpdv4YL4VM5c6iliiYWPgJ/nJQLp7w==",
       "dev": true,
       "requires": {
-        "mime-db": "1.42.0"
+        "mime-db": "1.44.0"
       }
     },
     "mimic-fn": {
@@ -5155,10 +5224,9 @@
       }
     },
     "minimist": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.0.tgz",
-      "integrity": "sha1-o1AIsg9BOD7sH7kU9M1d95omQoQ=",
-      "dev": true
+      "version": "1.2.5",
+      "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.5.tgz",
+      "integrity": "sha512-FM9nNUYrRBAELZQT3xeZQ7fmMOBg6nWNmJKTcgsJeaLstP/UODVpGsr5OhXhhXg6f+qtJ8uiZ+PUxkDWcgIXLw=="
     },
     "mississippi": {
       "version": "3.0.0",
@@ -5200,20 +5268,12 @@
       }
     },
     "mkdirp": {
-      "version": "0.5.1",
-      "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.1.tgz",
-      "integrity": "sha1-MAV0OOrGz3+MR2fzhkjWaX11yQM=",
+      "version": "0.5.5",
+      "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.5.tgz",
+      "integrity": "sha512-NKmAlESf6jMGym1++R0Ra7wvhV+wFW63FaSOFPwRahvea0gMUcGUhVeAg/0BC0wiv9ih5NYPB1Wn1UEI1/L+xQ==",
       "dev": true,
       "requires": {
-        "minimist": "0.0.8"
-      },
-      "dependencies": {
-        "minimist": {
-          "version": "0.0.8",
-          "resolved": "https://registry.npmjs.org/minimist/-/minimist-0.0.8.tgz",
-          "integrity": "sha1-hX/Kv8M5fSYluCKCYuhqp6ARsF0=",
-          "dev": true
-        }
+        "minimist": "^1.2.5"
       }
     },
     "move-concurrently": {
@@ -5388,9 +5448,9 @@
       }
     },
     "node-sass": {
-      "version": "4.13.0",
-      "resolved": "https://registry.npmjs.org/node-sass/-/node-sass-4.13.0.tgz",
-      "integrity": "sha512-W1XBrvoJ1dy7VsvTAS5q1V45lREbTlZQqFbiHb3R3OTTCma0XBtuG6xZ6Z4506nR4lmHPTqVRwxT6KgtWC97CA==",
+      "version": "4.14.0",
+      "resolved": "https://registry.npmjs.org/node-sass/-/node-sass-4.14.0.tgz",
+      "integrity": "sha512-AxqU+DFpk0lEz95sI6jO0hU0Rwyw7BXVEv6o9OItoXLyeygPeaSpiV4rwQb10JiTghHaa0gZeD21sz+OsQluaw==",
       "dev": true,
       "requires": {
         "async-foreach": "^0.1.3",
@@ -5808,6 +5868,11 @@
       "integrity": "sha1-Ywn04OX6kT7BxpMHrjZLSzd8nns=",
       "dev": true
     },
+    "picomatch": {
+      "version": "2.2.2",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.2.2.tgz",
+      "integrity": "sha512-q0M/9eZHzmr0AulXyPwNfZjtwZ/RBZlbN3K3CErVrk50T2ASYI7Bye0EvekFY3IP1Nt2DHu0re+V2ZHIpMkuWg=="
+    },
     "pify": {
       "version": "2.3.0",
       "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
@@ -5966,8 +6031,7 @@
     "process-nextick-args": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/process-nextick-args/-/process-nextick-args-2.0.1.tgz",
-      "integrity": "sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag==",
-      "dev": true
+      "integrity": "sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag=="
     },
     "promise-inflight": {
       "version": "1.0.1",
@@ -5988,8 +6052,7 @@
     "prr": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/prr/-/prr-1.0.1.tgz",
-      "integrity": "sha1-0/wRS6BplaRexok/SEzrHXj19HY=",
-      "dev": true
+      "integrity": "sha1-0/wRS6BplaRexok/SEzrHXj19HY="
     },
     "pseudomap": {
       "version": "1.0.2",
@@ -5998,9 +6061,9 @@
       "dev": true
     },
     "psl": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/psl/-/psl-1.4.0.tgz",
-      "integrity": "sha512-HZzqCGPecFLyoRj5HLfuDSKYTJkAfB5thKBIkRHtGjWwY7p1dAyveIbXIq4tO0KYfDF2tHqPUgY9SDnGm00uFw==",
+      "version": "1.8.0",
+      "resolved": "https://registry.npmjs.org/psl/-/psl-1.8.0.tgz",
+      "integrity": "sha512-RIdOzyoavK+hA18OGGWDqUTsCLhtA7IcZ/6NCs4fFJaHBDab+pDDmDIByWFRQJq2Cd7r1OoQxBGKOaztq+hjIQ==",
       "dev": true
     },
     "public-encrypt": {
@@ -6208,7 +6271,6 @@
       "version": "2.3.6",
       "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.6.tgz",
       "integrity": "sha512-tQtKA9WIAhBF3+VLAseyMqZeBjW0AHJoxOtYqSUZNJxauErmLbVm2FW1y+J/YA9dUrAC39ITejlZWhVIwawkKw==",
-      "dev": true,
       "requires": {
         "core-util-is": "~1.0.0",
         "inherits": "~2.0.3",
@@ -6411,9 +6473,9 @@
       }
     },
     "request": {
-      "version": "2.88.0",
-      "resolved": "https://registry.npmjs.org/request/-/request-2.88.0.tgz",
-      "integrity": "sha512-NAqBSrijGLZdM0WZNsInLJpkJokL72XYjUpnB0iwsRgxh7dB6COrHnTBNwN0E+lHDAJzu7kLAkDeY08z2/A0hg==",
+      "version": "2.88.2",
+      "resolved": "https://registry.npmjs.org/request/-/request-2.88.2.tgz",
+      "integrity": "sha512-MsvtOrfG9ZcrOwAW+Qi+F6HbD0CWXEh9ou77uOb7FM2WPhwT7smM833PzanhJLsgXjN89Ir6V2PczXNnMpwKhw==",
       "dev": true,
       "requires": {
         "aws-sign2": "~0.7.0",
@@ -6423,7 +6485,7 @@
         "extend": "~3.0.2",
         "forever-agent": "~0.6.1",
         "form-data": "~2.3.2",
-        "har-validator": "~5.1.0",
+        "har-validator": "~5.1.3",
         "http-signature": "~1.2.0",
         "is-typedarray": "~1.0.0",
         "isstream": "~0.1.2",
@@ -6433,7 +6495,7 @@
         "performance-now": "^2.1.0",
         "qs": "~6.5.2",
         "safe-buffer": "^5.1.2",
-        "tough-cookie": "~2.4.3",
+        "tough-cookie": "~2.5.0",
         "tunnel-agent": "^0.6.0",
         "uuid": "^3.3.2"
       }
@@ -6646,8 +6708,7 @@
     "safe-buffer": {
       "version": "5.1.2",
       "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
-      "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==",
-      "dev": true
+      "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g=="
     },
     "safe-regex": {
       "version": "1.1.0",
@@ -6750,12 +6811,6 @@
       "integrity": "sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==",
       "dev": true
     },
-    "serialize-javascript": {
-      "version": "1.9.1",
-      "resolved": "https://registry.npmjs.org/serialize-javascript/-/serialize-javascript-1.9.1.tgz",
-      "integrity": "sha512-0Vb/54WJ6k5v8sSWN09S0ora+Hnr+cX40r9F170nT+mSkaxltoE/7R3OrIdBSUv1OoiobH1QoWQbCnAO+e8J1A==",
-      "dev": true
-    },
     "set-blocking": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/set-blocking/-/set-blocking-2.0.0.tgz",
@@ -6996,9 +7051,9 @@
       }
     },
     "spdx-exceptions": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/spdx-exceptions/-/spdx-exceptions-2.2.0.tgz",
-      "integrity": "sha512-2XQACfElKi9SlVb1CYadKDXvoajPgBVPn/gOQLrTvHdElaVhr7ZEbqJaRnJLVNeaI4cMEAgVCeBMKF6MWRDCRA==",
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/spdx-exceptions/-/spdx-exceptions-2.3.0.tgz",
+      "integrity": "sha512-/tTrYOC7PPI1nUAgx34hUpqXuyJG+DTHJTnIULG4rDygi4xu/tfgmq1e1cIRwRzwZgo4NLySi+ricLkZkw4i5A==",
       "dev": true
     },
     "spdx-expression-parse": {
@@ -7156,7 +7211,6 @@
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz",
       "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==",
-      "dev": true,
       "requires": {
         "safe-buffer": "~5.1.0"
       }
@@ -7258,8 +7312,7 @@
     "tapable": {
       "version": "1.1.3",
       "resolved": "https://registry.npmjs.org/tapable/-/tapable-1.1.3.tgz",
-      "integrity": "sha512-4WK/bYZmj8xLr+HUCODHGF1ZFzsYffasLUgEiMBY4fgtltdO6B4WJtlSbPaDTLpYTcGVwM2qLnFTICEcNxs3kA==",
-      "dev": true
+      "integrity": "sha512-4WK/bYZmj8xLr+HUCODHGF1ZFzsYffasLUgEiMBY4fgtltdO6B4WJtlSbPaDTLpYTcGVwM2qLnFTICEcNxs3kA=="
     },
     "tar": {
       "version": "2.2.2",
@@ -7292,20 +7345,28 @@
       }
     },
     "terser-webpack-plugin": {
-      "version": "1.4.1",
-      "resolved": "https://registry.npmjs.org/terser-webpack-plugin/-/terser-webpack-plugin-1.4.1.tgz",
-      "integrity": "sha512-ZXmmfiwtCLfz8WKZyYUuuHf3dMYEjg8NrjHMb0JqHVHVOSkzp3cW2/XG1fP3tRhqEqSzMwzzRQGtAPbs4Cncxg==",
+      "version": "1.4.3",
+      "resolved": "https://registry.npmjs.org/terser-webpack-plugin/-/terser-webpack-plugin-1.4.3.tgz",
+      "integrity": "sha512-QMxecFz/gHQwteWwSo5nTc6UaICqN1bMedC5sMtUc7y3Ha3Q8y6ZO0iCR8pq4RJC8Hjf0FEPEHZqcMB/+DFCrA==",
       "dev": true,
       "requires": {
         "cacache": "^12.0.2",
         "find-cache-dir": "^2.1.0",
         "is-wsl": "^1.1.0",
         "schema-utils": "^1.0.0",
-        "serialize-javascript": "^1.7.0",
+        "serialize-javascript": "^2.1.2",
         "source-map": "^0.6.1",
         "terser": "^4.1.2",
         "webpack-sources": "^1.4.0",
         "worker-farm": "^1.7.0"
+      },
+      "dependencies": {
+        "serialize-javascript": {
+          "version": "2.1.2",
+          "resolved": "https://registry.npmjs.org/serialize-javascript/-/serialize-javascript-2.1.2.tgz",
+          "integrity": "sha512-rs9OggEUF0V4jUSecXazOYsLfu7OGK2qIn3c7IPBiffz32XniEp/TX9Xmc9LQfK2nQ2QKHvZ2oygKUGU0lG4jQ==",
+          "dev": true
+        }
       }
     },
     "through": {
@@ -7403,21 +7464,13 @@
       "dev": true
     },
     "tough-cookie": {
-      "version": "2.4.3",
-      "resolved": "https://registry.npmjs.org/tough-cookie/-/tough-cookie-2.4.3.tgz",
-      "integrity": "sha512-Q5srk/4vDM54WJsJio3XNn6K2sCG+CQ8G5Wz6bZhRZoAe/+TxjWB/GlFAnYEbkYVlON9FMk/fE3h2RLpPXo4lQ==",
+      "version": "2.5.0",
+      "resolved": "https://registry.npmjs.org/tough-cookie/-/tough-cookie-2.5.0.tgz",
+      "integrity": "sha512-nlLsUzgm1kfLXSXfRZMc1KLAugd4hqJHDTvc2hDIwS3mZAfMEuMbc03SujMF+GEcpaX/qboeycw6iO8JwVv2+g==",
       "dev": true,
       "requires": {
-        "psl": "^1.1.24",
-        "punycode": "^1.4.1"
-      },
-      "dependencies": {
-        "punycode": {
-          "version": "1.4.1",
-          "resolved": "https://registry.npmjs.org/punycode/-/punycode-1.4.1.tgz",
-          "integrity": "sha1-wNWmOycYgArY4esPpSachN1BhF4=",
-          "dev": true
-        }
+        "psl": "^1.1.28",
+        "punycode": "^2.1.1"
       }
     },
     "trim-newlines": {
@@ -7435,6 +7488,89 @@
         "glob": "^7.1.2"
       }
     },
+    "ts-loader": {
+      "version": "7.0.2",
+      "resolved": "https://registry.npmjs.org/ts-loader/-/ts-loader-7.0.2.tgz",
+      "integrity": "sha512-DwpZFB67RoILQHx42dMjSgv2STpacsQu5X+GD/H9ocd8IhU0m8p3b/ZrIln2KmcucC6xep2PdEMEblpWT71euA==",
+      "requires": {
+        "chalk": "^2.3.0",
+        "enhanced-resolve": "^4.0.0",
+        "loader-utils": "^1.0.2",
+        "micromatch": "^4.0.0",
+        "semver": "^6.0.0"
+      },
+      "dependencies": {
+        "ansi-styles": {
+          "version": "3.2.1",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
+          "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
+          "requires": {
+            "color-convert": "^1.9.0"
+          }
+        },
+        "braces": {
+          "version": "3.0.2",
+          "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz",
+          "integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==",
+          "requires": {
+            "fill-range": "^7.0.1"
+          }
+        },
+        "chalk": {
+          "version": "2.4.2",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
+          "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
+          "requires": {
+            "ansi-styles": "^3.2.1",
+            "escape-string-regexp": "^1.0.5",
+            "supports-color": "^5.3.0"
+          }
+        },
+        "fill-range": {
+          "version": "7.0.1",
+          "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz",
+          "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==",
+          "requires": {
+            "to-regex-range": "^5.0.1"
+          }
+        },
+        "is-number": {
+          "version": "7.0.0",
+          "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
+          "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng=="
+        },
+        "micromatch": {
+          "version": "4.0.2",
+          "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.2.tgz",
+          "integrity": "sha512-y7FpHSbMUMoyPbYUSzO6PaZ6FyRnQOpHuKwbo1G+Knck95XVU4QAiKdGEnj5wwoS7PlOgthX/09u5iFJ+aYf5Q==",
+          "requires": {
+            "braces": "^3.0.1",
+            "picomatch": "^2.0.5"
+          }
+        },
+        "semver": {
+          "version": "6.3.0",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
+          "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw=="
+        },
+        "supports-color": {
+          "version": "5.5.0",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
+          "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
+          "requires": {
+            "has-flag": "^3.0.0"
+          }
+        },
+        "to-regex-range": {
+          "version": "5.0.1",
+          "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
+          "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
+          "requires": {
+            "is-number": "^7.0.0"
+          }
+        }
+      }
+    },
     "tslib": {
       "version": "1.10.0",
       "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.10.0.tgz",
@@ -7474,6 +7610,11 @@
       "integrity": "sha1-hnrHTjhkGHsdPUfZlqeOxciDB3c=",
       "dev": true
     },
+    "typescript": {
+      "version": "3.8.3",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-3.8.3.tgz",
+      "integrity": "sha512-MYlEfn5VrLNsgudQTVJeNaQFUAI7DkhnOjdpAp4T+ku1TfQClewlbSuTVHiA+8skNBgaf02TL/kLOvig4y3G8w=="
+    },
     "typescript-compare": {
       "version": "0.0.2",
       "resolved": "https://registry.npmjs.org/typescript-compare/-/typescript-compare-0.0.2.tgz",
@@ -7687,8 +7828,7 @@
     "util-deprecate": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
-      "integrity": "sha1-RQ1Nyfpw3nMnYvvS1KKJgUGaDM8=",
-      "dev": true
+      "integrity": "sha1-RQ1Nyfpw3nMnYvvS1KKJgUGaDM8="
     },
     "util.promisify": {
       "version": "1.0.0",
diff --git a/client/package.json b/client/package.json
index 74dc836..c2a3967 100644
--- a/client/package.json
+++ b/client/package.json
@@ -25,6 +25,11 @@
     "@babel/preset-env": "^7.7.1",
     "@babel/preset-react": "^7.7.4",
     "@fortawesome/fontawesome-free": "^5.11.2",
+    "@types/node": "^13.13.4",
+    "@types/react-dom": "^16.9.7",
+    "@types/react-router-dom": "^5.1.5",
+    "@types/uuid": "^7.0.3",
+    "@types/react-redux": "^7.1.7",
     "babel-loader": "^8.0.6",
     "css-loader": "^1.0.1",
     "extract-loader": "^3.1.0",
@@ -32,14 +37,15 @@
     "html-loader": "^0.5.5",
     "html-webpack-plugin": "^3.2.0",
     "mini-css-extract-plugin": "^0.4.4",
-    "node-sass": "^4.10.0",
+    "node-sass": "^4.14.0",
     "redux-logger": "^3.0.6",
     "resolve-url-loader": "^3.0.0",
     "sass-loader": "^7.1.0",
     "style-loader": "^0.23.1",
     "webpack": "^4.25.0",
     "webpack-cleanup-plugin": "^0.5.1",
-    "webpack-cli": "^3.1.2"
+    "webpack-cli": "^3.1.2",
+    "ts-loader": "^7.0.2"
   },
   "dependencies": {
     "@lourenci/react-kanban": "^0.15.0",
@@ -52,6 +58,7 @@
     "redux": "^4.0.4",
     "redux-saga": "^1.1.3",
     "styled-components": "^4.4.1",
+    "typescript": "^3.8.3",
     "uuid": "^3.3.3"
   }
 }
diff --git a/client/src/components/App.jsx b/client/src/components/App.tsx
similarity index 100%
rename from client/src/components/App.jsx
rename to client/src/components/App.tsx
diff --git a/client/src/components/BoardPage/BoardPage.jsx b/client/src/components/BoardPage/BoardPage.tsx
similarity index 100%
rename from client/src/components/BoardPage/BoardPage.jsx
rename to client/src/components/BoardPage/BoardPage.tsx
diff --git a/client/src/components/BoardPage/EditBoardPage.jsx b/client/src/components/BoardPage/EditBoardPage.tsx
similarity index 85%
rename from client/src/components/BoardPage/EditBoardPage.jsx
rename to client/src/components/BoardPage/EditBoardPage.tsx
index 89ecc6f..2f35ce4 100644
--- a/client/src/components/BoardPage/EditBoardPage.jsx
+++ b/client/src/components/BoardPage/EditBoardPage.tsx
@@ -1,13 +1,19 @@
 import React from 'react';
 import { Page } from '../Page';
-import { connect } from 'react-redux';
+import { connect, DispatchProp } from 'react-redux';
 import { selectFlagsIsLoading } from '../../store/selectors/flags';
 import { fetchBoards, saveBoard, deleteBoard } from '../../store/actions/boards';
 import { fetchProjects } from '../../store/actions/projects';
 import uuidv4 from 'uuid/v4';
 import { Loader } from '../Loader';
+import { RouteComponentProps } from 'react-router';
 
-export class EditBoardPage extends React.Component {
+export interface EditorBoardPageProps extends DispatchProp, RouteComponentProps {
+  isLoading: boolean
+  projects: any
+}
+
+export class EditBoardPage extends React.Component<EditorBoardPageProps> {
 
   state = {
     edited: false,
@@ -20,7 +26,12 @@ export class EditBoardPage extends React.Component {
     },
   }
 
-  static getDerivedStateFromProps(props, state) {
+  onBoardTitleChange: (evt: any) => void;
+  onBoardDescriptionChange: (evt: any) => void;
+  onBoardLaneTitleChange: (laneIndex: any, evt: any) => void;
+  onBoardLaneIssueLabelChange: (laneIndex: any, evt: any) => void;
+
+  static getDerivedStateFromProps(props: any, state: any) {
     const { board, isLoading } = props;
 
     if (isLoading || !board || state.edited) return state;
@@ -32,12 +43,12 @@ export class EditBoardPage extends React.Component {
         title: board.title,
         description: board.description,
         projects: [ ...board.projects ],
-        lanes: [ ...board.lanes.map(l => ({ ...l })) ]
+        lanes: [ ...board.lanes.map((l: any) => ({ ...l })) ]
       }
     };
   } 
 
-  constructor(props) {
+  constructor(props: any) {
     super(props);
     this.onBoardTitleChange = this.onBoardAttrChange.bind(this, 'title');
     this.onBoardDescriptionChange = this.onBoardAttrChange.bind(this, 'description');
@@ -129,15 +140,15 @@ export class EditBoardPage extends React.Component {
     const { projects } = this.props;
     const { board } = this.state;
 
-    const  projectSelectField = (projectIndex, value, withDeleteAddon) => {
+    const  projectSelectField = (projectIndex: number, value: any, withDeleteAddon: boolean) => {
       return (
         <div key={`project-${projectIndex}`} className="field has-addons">
           <div className="control is-expanded">
             <div className="select is-fullwidth">
               <select value={value} onChange={this.onBoardProjectChange.bind(this, projectIndex)}>
-                <option value></option>
+                <option value=""></option>
                 {
-                  projects.map(p => {
+                  projects.map((p: any) => {
                     return <option key={`project-${p}`} value={p}>{p}</option>;
                   })
                 }
@@ -179,7 +190,7 @@ export class EditBoardPage extends React.Component {
 
     const { board } = this.state;
  
-    const laneSection = (laneIndex, lane) => {
+    const laneSection = (laneIndex: number, lane: any) => {
       return (
         <React.Fragment key={`board-lane-${laneIndex}`}>
           <div className="columns">
@@ -266,7 +277,7 @@ export class EditBoardPage extends React.Component {
   }
 
   onBoardLaneAdd() {
-    this.setState(state => {
+    this.setState((state: any) => {
       const lanes = [ 
         ...state.board.lanes, 
         { id: uuidv4(), title: "", issueLabel: "" }
@@ -282,8 +293,8 @@ export class EditBoardPage extends React.Component {
     });
   }
 
-  onBoardProjectDelete(projectIndex) {
-    this.setState(state => {
+  onBoardProjectDelete(projectIndex: number) {
+    this.setState((state: any) => {
       const projects = [ ...state.board.projects ]
       projects.splice(projectIndex, 1); 
       return {
@@ -297,8 +308,8 @@ export class EditBoardPage extends React.Component {
     });
   }
 
-  onBoardLaneMove(laneIndex, direction) {
-    this.setState(state => {
+  onBoardLaneMove(laneIndex: number, direction: number) {
+    this.setState((state: any) => {
       const lanes = [ ...state.board.lanes ];
 
       const nextLaneIndex = laneIndex+direction;
@@ -321,8 +332,8 @@ export class EditBoardPage extends React.Component {
     });
   }
 
-  onBoardLaneDelete(laneIndex) {
-    this.setState(state => {
+  onBoardLaneDelete(laneIndex: number) {
+    this.setState((state: any) => {
       const lanes = [ ...state.board.lanes ]
       lanes.splice(laneIndex, 1); 
       return {
@@ -336,9 +347,9 @@ export class EditBoardPage extends React.Component {
     });
   }
 
-  onBoardProjectChange(projectIndex, evt) {
-    const value = evt.target.value;
-    this.setState(state => {
+  onBoardProjectChange(projectIndex: number, evt: React.ChangeEvent) {
+    const value = (evt.target as HTMLInputElement).value ;
+    this.setState((state: any) => {
       const projects = [ ...state.board.projects ]; 
       projects[projectIndex] = value;
       return {
@@ -352,9 +363,9 @@ export class EditBoardPage extends React.Component {
     });
   }
 
-  onBoardAttrChange(attrName, evt) {
-    const value = evt.target.value;
-    this.setState(state => {
+  onBoardAttrChange(attrName: string, evt: React.ChangeEvent) {
+    const value = (evt.target as HTMLInputElement).value;
+    this.setState((state: any) => {
       return {
         ...state,
         edited: true,
@@ -366,9 +377,9 @@ export class EditBoardPage extends React.Component {
     });
   }
 
-  onBoardLaneAttrChange(attrName, laneIndex, evt) {
-    const value = evt.target.value;
-    this.setState(state => {
+  onBoardLaneAttrChange(attrName: string, laneIndex: number, evt: React.ChangeEvent) {
+    const value = (evt.target as HTMLInputElement).value;
+    this.setState((state: any) => {
       const lanes = [ ...state.board.lanes ];
       lanes[laneIndex] = {
         ...state.board.lanes[laneIndex],
@@ -406,7 +417,7 @@ export class EditBoardPage extends React.Component {
 
 }
 
-export const ConnectedEditBoardPage = connect(function(state, props) {
+export const ConnectedEditBoardPage = connect(function(state: any, props: any) {
   const boardID = props.match.params.id;
   const board = boardID ? state.boards.byID[boardID] : null;
 
diff --git a/client/src/components/BoardPage/IssueCard.jsx b/client/src/components/BoardPage/IssueCard.tsx
similarity index 97%
rename from client/src/components/BoardPage/IssueCard.jsx
rename to client/src/components/BoardPage/IssueCard.tsx
index a193ed8..cea893d 100644
--- a/client/src/components/BoardPage/IssueCard.jsx
+++ b/client/src/components/BoardPage/IssueCard.tsx
@@ -1,7 +1,5 @@
 import React from 'react';
 
-const issueURLPattern = /(^https?:\/\/([^\/]))$/i;
-
 export class IssueCard extends React.PureComponent {
   render() {
     const { card } = this.props;
diff --git a/client/src/components/HomePage/BoardCard.jsx b/client/src/components/HomePage/BoardCard.tsx
similarity index 89%
rename from client/src/components/HomePage/BoardCard.jsx
rename to client/src/components/HomePage/BoardCard.tsx
index 461a1bb..e728c47 100644
--- a/client/src/components/HomePage/BoardCard.jsx
+++ b/client/src/components/HomePage/BoardCard.tsx
@@ -1,6 +1,10 @@
 import React from 'react';
 
-export class BoardCard extends React.PureComponent {
+export interface BoardProps {
+  board: any
+}
+
+export class BoardCard extends React.PureComponent<BoardProps> {
   render() {
     const { board } = this.props;
     return (
diff --git a/client/src/components/HomePage/HomePage.jsx b/client/src/components/HomePage/HomePage.tsx
similarity index 84%
rename from client/src/components/HomePage/HomePage.jsx
rename to client/src/components/HomePage/HomePage.tsx
index 112bb26..6bc5ce6 100644
--- a/client/src/components/HomePage/HomePage.jsx
+++ b/client/src/components/HomePage/HomePage.tsx
@@ -1,12 +1,17 @@
 import React from 'react';
 import { Page } from '../Page';
 import { BoardCard } from './BoardCard';
-import { connect } from 'react-redux';
+import { connect, DispatchProp } from 'react-redux';
 import { fetchBoards } from '../../store/actions/boards';
 import { fetchProjects } from '../../store/actions/projects';
 import { selectBoardByUserProjects } from '../../store/selectors/boards';
 
-export class HomePage extends React.Component {
+export interface HomePageProps extends DispatchProp {
+  boards: any[]
+}
+
+
+export class HomePage extends React.Component<HomePageProps> {
   render() {
     return (
       <Page title="GenGitKan - Accueil">
@@ -40,8 +45,8 @@ export class HomePage extends React.Component {
         boardRows[boardRows.length-1].push(board);
         return boardRows;
       }, [])
-      .map((row, rowIndex) => {
-        const tiles = row.map((board) => {
+      .map((row: any, rowIndex: number) => {
+        const tiles = row.map((board: any) => {
           return (
             <div key={`board-${board.id}`} className={`tile is-parent is-4`}>
               <div className="tile is-child">
@@ -72,7 +77,7 @@ export class HomePage extends React.Component {
 
 }
 
-export const ConnectedHomePage = connect(function(state) {
+export const ConnectedHomePage = connect(function(state: any) {
   return {
     boards: selectBoardByUserProjects(state.boards.byID, state.projects.byName)
   };
diff --git a/client/src/components/Loader.jsx b/client/src/components/Loader.tsx
similarity index 100%
rename from client/src/components/Loader.jsx
rename to client/src/components/Loader.tsx
diff --git a/client/src/components/Modal.jsx b/client/src/components/Modal.tsx
similarity index 62%
rename from client/src/components/Modal.jsx
rename to client/src/components/Modal.tsx
index fee86d6..48628e7 100644
--- a/client/src/components/Modal.jsx
+++ b/client/src/components/Modal.tsx
@@ -1,6 +1,12 @@
-import React from 'react';
+import React, { PropsWithChildren } from 'react';
 
-export class Modal extends React.PureComponent {
+export interface ModalProps {
+  active: boolean
+  showCloseButton: boolean
+  onClose: (evt: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void
+}
+
+export class Modal extends React.PureComponent<PropsWithChildren<ModalProps>> {
   render() {
     const { children, active, showCloseButton, onClose } = this.props;
     return (
diff --git a/client/src/components/Navbar.jsx b/client/src/components/Navbar.tsx
similarity index 100%
rename from client/src/components/Navbar.jsx
rename to client/src/components/Navbar.tsx
diff --git a/client/src/components/Page.jsx b/client/src/components/Page.tsx
similarity index 79%
rename from client/src/components/Page.jsx
rename to client/src/components/Page.tsx
index dea06fc..9608418 100644
--- a/client/src/components/Page.jsx
+++ b/client/src/components/Page.tsx
@@ -1,7 +1,11 @@
 import React from 'react';
 import { Navbar } from './Navbar';
 
-export class Page extends React.PureComponent {
+export interface PageProps {
+  title?: string
+}
+
+export class Page extends React.PureComponent<PageProps> {
   render() {
     return (
       <React.Fragment>
diff --git a/client/src/custom.d.ts b/client/src/custom.d.ts
new file mode 100644
index 0000000..c1c6de0
--- /dev/null
+++ b/client/src/custom.d.ts
@@ -0,0 +1,4 @@
+declare module "*.svg" {
+    const content: any;
+    export default content;
+  }
\ No newline at end of file
diff --git a/client/src/index.js b/client/src/index.tsx
similarity index 100%
rename from client/src/index.js
rename to client/src/index.tsx
diff --git a/client/src/store/actions/boards.js b/client/src/store/actions/boards.ts
similarity index 89%
rename from client/src/store/actions/boards.js
rename to client/src/store/actions/boards.ts
index 0eccc97..b9df023 100644
--- a/client/src/store/actions/boards.js
+++ b/client/src/store/actions/boards.ts
@@ -10,7 +10,7 @@ export const SAVE_BOARD_REQUEST = "SAVE_BOARD_REQUEST";
 export const SAVE_BOARD_SUCCESS = "SAVE_BOARD_SUCCESS";
 export const SAVE_BOARD_FAILURE = "SAVE_BOARD_FAILURE";
 
-export function saveBoard(board) {
+export function saveBoard(board: any) {
   return { type: SAVE_BOARD_REQUEST, board };
 };
 
@@ -18,6 +18,6 @@ export const DELETE_BOARD_REQUEST = "DELETE_BOARD_REQUEST";
 export const DELETE_BOARD_SUCCESS = "DELETE_BOARD_SUCCESS";
 export const DELETE_BOARD_FAILURE = "DELETE_BOARD_FAILURE";
 
-export function deleteBoard(id) {
+export function deleteBoard(id: any) {
   return { type: DELETE_BOARD_REQUEST, id };
 };
\ No newline at end of file
diff --git a/client/src/store/actions/issues.js b/client/src/store/actions/issues.ts
similarity index 77%
rename from client/src/store/actions/issues.js
rename to client/src/store/actions/issues.ts
index 3111d38..19b32bc 100644
--- a/client/src/store/actions/issues.js
+++ b/client/src/store/actions/issues.ts
@@ -2,7 +2,7 @@ export const FETCH_ISSUES_REQUEST = "FETCH_ISSUES_REQUEST";
 export const FETCH_ISSUES_SUCCESS = "FETCH_ISSUES_SUCCESS";
 export const FETCH_ISSUES_FAILURE = "FETCH_ISSUES_FAILURE";
 
-export function fetchIssues(project) {
+export function fetchIssues(project: any) {
   return { type: FETCH_ISSUES_REQUEST, project };
 };
 
@@ -10,7 +10,7 @@ export const ADD_LABEL_REQUEST = "ADD_LABEL_REQUEST";
 export const ADD_LABEL_SUCCESS = "ADD_LABEL_SUCCESS";
 export const ADD_LABEL_FAILURE = "ADD_LABEL_FAILURE";
 
-export function addLabel(project, issueNumber, label) {
+export function addLabel(project: any, issueNumber: any, label: string) {
   return { type: ADD_LABEL_REQUEST, project, issueNumber, label };
 }
 
@@ -18,7 +18,7 @@ export const REMOVE_LABEL_REQUEST = "REMOVE_LABEL_REQUEST";
 export const REMOVE_LABEL_SUCCESS = "REMOVE_LABEL_SUCCESS";
 export const REMOVE_LABEL_FAILURE = "REMOVE_LABEL_FAILURE";
 
-export function removeLabel(project, issueNumber, label) {
+export function removeLabel(project: any, issueNumber: any, label: string) {
   return { type: REMOVE_LABEL_REQUEST, project, issueNumber, label };
 }
 
@@ -26,6 +26,6 @@ export const CREATE_ISSUE_REQUEST = "CREATE_ISSUE_REQUEST";
 export const CREATE_ISSUE_SUCCESS = "CREATE_ISSUE_SUCCESS";
 export const CREATE_ISSUE_FAILURE = "CREATE_ISSUE_FAILURE";
 
-export function createIssue(project, title, body, label) {
+export function createIssue(project: any, title: string, body: any, label: string) {
   return { type: CREATE_ISSUE_REQUEST, project, title, body, label };
 };
\ No newline at end of file
diff --git a/client/src/store/actions/kanboards.js b/client/src/store/actions/kanboards.ts
similarity index 69%
rename from client/src/store/actions/kanboards.js
rename to client/src/store/actions/kanboards.ts
index 1a0b2aa..980234c 100644
--- a/client/src/store/actions/kanboards.js
+++ b/client/src/store/actions/kanboards.ts
@@ -2,12 +2,12 @@ export const BUILD_KANBOARD_REQUEST = "BUILD_KANBOARD_REQUEST";
 export const BUILD_KANBOARD_SUCCESS = "BUILD_KANBOARD_SUCCESS";
 export const BUILD_KANBOARD_FAILURE = "BUILD_KANBOARD_FAILURE";
 
-export function buildKanboard(board) {
+export function buildKanboard(board: string) {
   return { type: BUILD_KANBOARD_REQUEST, board };
 };
 
 export const MOVE_CARD = "MOVE_CARD";
 
-export function moveCard(boardID, fromLaneID, fromPosition, toLaneID, toPosition) {
+export function moveCard(boardID: string, fromLaneID: string, fromPosition: any, toLaneID: any, toPosition: any) {
   return { type: MOVE_CARD, boardID, fromLaneID, fromPosition, toLaneID, toPosition };
 };
\ No newline at end of file
diff --git a/client/src/store/actions/logout.js b/client/src/store/actions/logout.ts
similarity index 100%
rename from client/src/store/actions/logout.js
rename to client/src/store/actions/logout.ts
diff --git a/client/src/store/actions/projects.js b/client/src/store/actions/projects.ts
similarity index 100%
rename from client/src/store/actions/projects.js
rename to client/src/store/actions/projects.ts
diff --git a/client/src/store/reducers/boards.js b/client/src/store/reducers/boards.ts
similarity index 70%
rename from client/src/store/reducers/boards.js
rename to client/src/store/reducers/boards.ts
index 5ed2752..8f5c5a4 100644
--- a/client/src/store/reducers/boards.js
+++ b/client/src/store/reducers/boards.ts
@@ -4,7 +4,7 @@ export const defaultState = {
   byID: {},
 };
 
-export function boardsReducer(state = defaultState, action) {
+export function boardsReducer(state = defaultState, action: any) {
   switch(action.type) {
     case SAVE_BOARD_SUCCESS:
       return handleSaveBoardSuccess(state, action);
@@ -15,7 +15,7 @@ export function boardsReducer(state = defaultState, action) {
   }
 }
 
-function handleSaveBoardSuccess(state, action) {
+function handleSaveBoardSuccess(state: any, action: any) {
   const { board } = action;
   return {
     ...state,
@@ -28,8 +28,8 @@ function handleSaveBoardSuccess(state, action) {
   };
 }
 
-function handleFetchBoardsSuccess(state, action) {
-  const boardsByID = action.boards.reduce((byID, board) => {
+function handleFetchBoardsSuccess(state: any, action: any) {
+  const boardsByID = action.boards.reduce((byID: any, board: any) => {
     byID[board.id] = board;
     return byID;
   }, {});
diff --git a/client/src/store/reducers/flags.js b/client/src/store/reducers/flags.ts
similarity index 83%
rename from client/src/store/reducers/flags.js
rename to client/src/store/reducers/flags.ts
index 6b1c6fa..d0d22b8 100644
--- a/client/src/store/reducers/flags.js
+++ b/client/src/store/reducers/flags.ts
@@ -2,7 +2,7 @@ const defaultState = {
   actions: {}
 };
 
-export function flagsReducer(state = defaultState, action) {
+export function flagsReducer(state = defaultState, action: any) {
   const matches = (/^(.*)_((SUCCESS)|(FAILURE)|(REQUEST))$/).exec(action.type);
 
   if(!matches) return state;
diff --git a/client/src/store/reducers/issues.js b/client/src/store/reducers/issues.ts
similarity index 78%
rename from client/src/store/reducers/issues.js
rename to client/src/store/reducers/issues.ts
index 212b014..de878aa 100644
--- a/client/src/store/reducers/issues.js
+++ b/client/src/store/reducers/issues.ts
@@ -4,7 +4,7 @@ const defaultState = {
   byProject: {}
 };
 
-export function issuesReducer(state = defaultState, action) {
+export function issuesReducer(state = defaultState, action: any) {
   switch(action.type) {
     case FETCH_ISSUES_SUCCESS:
       return handleFetchIssuesSuccess(state, action);
@@ -16,7 +16,7 @@ export function issuesReducer(state = defaultState, action) {
   
 }
 
-function handleFetchIssuesSuccess(state, action) {
+function handleFetchIssuesSuccess(state: any, action: any) {
   return {
     ...state,
     byProject: {
@@ -28,7 +28,7 @@ function handleFetchIssuesSuccess(state, action) {
   }
 }
 
-function handleCreateIssueSuccess(state, action) {
+function handleCreateIssueSuccess(state: any, action: any) {
   return {
     ...state,
     byProject: {
diff --git a/client/src/store/reducers/kanboards.js b/client/src/store/reducers/kanboards.ts
similarity index 88%
rename from client/src/store/reducers/kanboards.js
rename to client/src/store/reducers/kanboards.ts
index 6c4efa8..5a099e0 100644
--- a/client/src/store/reducers/kanboards.js
+++ b/client/src/store/reducers/kanboards.ts
@@ -5,7 +5,7 @@ export const defaultState = {
   byID: {},
 };
 
-export function kanboardsReducer(state = defaultState, action) {
+export function kanboardsReducer(state = defaultState, action: any) {
   switch(action.type) {
     case BUILD_KANBOARD_SUCCESS:
       return handleBuildKanboardSuccess(state, action);
@@ -16,7 +16,7 @@ export function kanboardsReducer(state = defaultState, action) {
   }
 }
 
-function handleBuildKanboardSuccess(state, action) {
+function handleBuildKanboardSuccess(state: any, action: any) {
   return {
     ...state,
     byID: {
@@ -28,7 +28,7 @@ function handleBuildKanboardSuccess(state, action) {
   };
 }
 
-function handleMoveCard(state, action) {
+function handleMoveCard(state: any, action: any) {
   const { 
     boardID, fromLaneID, 
     fromPosition, toLaneID, 
diff --git a/client/src/store/reducers/projects.js b/client/src/store/reducers/projects.ts
similarity index 65%
rename from client/src/store/reducers/projects.js
rename to client/src/store/reducers/projects.ts
index 802b88b..e3e9864 100644
--- a/client/src/store/reducers/projects.js
+++ b/client/src/store/reducers/projects.ts
@@ -4,7 +4,7 @@ export const defaultState = {
   byName: {},
 };
 
-export function projectsReducer(state = defaultState, action) {
+export function projectsReducer(state = defaultState, action: any) {
   switch(action.type) {
     case FETCH_PROJECTS_SUCCESS:
       return handleFetchProjectsSuccess(state, action);
@@ -13,8 +13,8 @@ export function projectsReducer(state = defaultState, action) {
   }
 }
 
-function handleFetchProjectsSuccess(state, action) {
-  const projectsByName = action.projects.reduce((byName, project) => {
+function handleFetchProjectsSuccess(state: any, action: any) {
+  const projectsByName = action.projects.reduce((byName: any, project: any) => {
     byName[project.full_name] = project;
     return byName;
   }, {});
diff --git a/client/src/store/reducers/root.js b/client/src/store/reducers/root.ts
similarity index 100%
rename from client/src/store/reducers/root.js
rename to client/src/store/reducers/root.ts
diff --git a/client/src/store/sagas/boards.js b/client/src/store/sagas/boards.ts
similarity index 70%
rename from client/src/store/sagas/boards.js
rename to client/src/store/sagas/boards.ts
index c6e8fd1..6fbca3a 100644
--- a/client/src/store/sagas/boards.js
+++ b/client/src/store/sagas/boards.ts
@@ -1,5 +1,9 @@
 import { put, call } from 'redux-saga/effects';
-import { FETCH_BOARDS_SUCCESS, SAVE_BOARD_SUCCESS, SAVE_BOARD_FAILURE, FETCH_BOARDS_FAILURE, DELETE_BOARD_FAILURE, DELETE_BOARD_SUCCESS } from '../actions/boards';
+import { 
+  FETCH_BOARDS_SUCCESS, SAVE_BOARD_SUCCESS, 
+  SAVE_BOARD_FAILURE, FETCH_BOARDS_FAILURE, 
+  DELETE_BOARD_FAILURE, DELETE_BOARD_SUCCESS 
+} from '../actions/boards';
 import { api } from '../../util/api';
 
 export function* fetchBoardsSaga() {
@@ -15,7 +19,7 @@ export function* fetchBoardsSaga() {
   yield put({ type: FETCH_BOARDS_SUCCESS, boards });
 }
 
-export function* saveBoardSaga(action) {
+export function* saveBoardSaga(action: any) {
   let { board } = action;
 
   try {
@@ -29,11 +33,11 @@ export function* saveBoardSaga(action) {
 }
 
 
-export function* deleteBoardSaga(action) {
+export function* deleteBoardSaga(action: any) {
   let { id } = action;
 
   try {
-    board = yield call(api.deleteBoard, id)
+    yield call(api.deleteBoard, id)
   } catch(error) {
     yield put({ type: DELETE_BOARD_FAILURE, error });
     return
diff --git a/client/src/store/sagas/failure.js b/client/src/store/sagas/failure.ts
similarity index 100%
rename from client/src/store/sagas/failure.js
rename to client/src/store/sagas/failure.ts
diff --git a/client/src/store/sagas/issues.js b/client/src/store/sagas/issues.ts
similarity index 78%
rename from client/src/store/sagas/issues.js
rename to client/src/store/sagas/issues.ts
index adecfc5..6871df4 100644
--- a/client/src/store/sagas/issues.js
+++ b/client/src/store/sagas/issues.ts
@@ -1,8 +1,13 @@
 import { put, call, retry } from 'redux-saga/effects';
-import { FETCH_ISSUES_SUCCESS, FETCH_ISSUES_FAILURE, ADD_LABEL_FAILURE, ADD_LABEL_SUCCESS, REMOVE_LABEL_FAILURE, REMOVE_LABEL_SUCCESS, CREATE_ISSUE_FAILURE, CREATE_ISSUE_SUCCESS } from '../actions/issues';
+import { 
+  FETCH_ISSUES_SUCCESS, FETCH_ISSUES_FAILURE, 
+  ADD_LABEL_FAILURE, ADD_LABEL_SUCCESS, 
+  REMOVE_LABEL_FAILURE, REMOVE_LABEL_SUCCESS, 
+  CREATE_ISSUE_FAILURE, CREATE_ISSUE_SUCCESS 
+} from '../actions/issues';
 import { gitea } from '../../util/gitea';
 
-export function* fetchIssuesSaga(action) {
+export function* fetchIssuesSaga(action: any) {
   const { project } = action;
 
   let issues = [];
@@ -25,10 +30,10 @@ export function* fetchIssuesSaga(action) {
   yield put({ type: FETCH_ISSUES_SUCCESS, project, issues });
 }
 
-export function* addLabelSaga(action) {
+export function* addLabelSaga(action: any) {
   const { project, issueNumber, label } = action;
   const labels = yield call(gitea.fetchProjectLabels.bind(gitea), project);
-  const giteaLabel = labels.find(l => l.name === label)
+  const giteaLabel = labels.find((l: any) => l.name === label)
 
   if (!giteaLabel) {
     yield put({ type: ADD_LABEL_FAILURE, error: new Error(`Label "${label}" not found !`) });
@@ -45,10 +50,10 @@ export function* addLabelSaga(action) {
   yield put({ type: ADD_LABEL_SUCCESS, project, issueNumber, label });
 }
 
-export function* removeLabelSaga(action) {
+export function* removeLabelSaga(action: any) {
   const { project, issueNumber, label } = action;
   const labels = yield call(gitea.fetchProjectLabels.bind(gitea), project);
-  const giteaLabel = labels.find(l => l.name === label)
+  const giteaLabel = labels.find((l: any) => l.name === label)
 
   if (!giteaLabel) {
     yield put({ type: REMOVE_LABEL_FAILURE, error: new Error(`Label "${label}" not found !`) });
@@ -66,10 +71,10 @@ export function* removeLabelSaga(action) {
   yield put({ type: REMOVE_LABEL_SUCCESS, project, issueNumber, label });
 }
 
-export function* createIssueSaga(action) {
+export function* createIssueSaga(action: any) {
   const { project, title, label, body } = action;
   const labels = yield call(gitea.fetchProjectLabels.bind(gitea), project);
-  const giteaLabel = labels.find(l => l.name === label)
+  const giteaLabel = labels.find((l: any) => l.name === label)
 
   if (!giteaLabel) {
     yield put({ type: CREATE_ISSUE_FAILURE, error: new Error(`Label "${label}" not found !`) });
diff --git a/client/src/store/sagas/kanboards.js b/client/src/store/sagas/kanboards.ts
similarity index 73%
rename from client/src/store/sagas/kanboards.js
rename to client/src/store/sagas/kanboards.ts
index 52f07d5..2ec33af 100644
--- a/client/src/store/sagas/kanboards.js
+++ b/client/src/store/sagas/kanboards.ts
@@ -1,9 +1,9 @@
 import { select, put } from 'redux-saga/effects';
 import { fetchIssues, addLabel, removeLabel } from '../actions/issues';
 import { fetchIssuesSaga } from './issues';
-import { BUILD_KANBOARD_SUCCESS, buildKanboard } from '../actions/kanboards';
+import { BUILD_KANBOARD_SUCCESS, buildKanboard, BUILD_KANBOARD_FAILURE } from '../actions/kanboards';
 
-export function* moveCardSaga(action) {
+export function* moveCardSaga(action: any) {
   const { 
     boardID, fromLaneID, 
     fromPosition, toLaneID,
@@ -29,14 +29,15 @@ export function* moveCardSaga(action) {
 
 }
 
-export function* buildKanboardSaga(action) {
+export function* buildKanboardSaga(action: any) {
   const { board } = action;
 
   let kanboard;
   try {
 
     for (let p, i = 0; (p = board.projects[i]); i++) {
-      yield* fetchIssuesSaga(fetchIssues(p));
+      const { project } = yield fetchIssues(p);
+      yield fetchIssuesSaga({ project });
     }
 
     const issues = yield select(state => state.issues);
@@ -51,25 +52,25 @@ export function* buildKanboardSaga(action) {
   yield put({ type: BUILD_KANBOARD_SUCCESS, kanboard });
 }
 
-export function* refreshKanboardSaga(action) {
+export function* refreshKanboardSaga(action: any) {
   const { project } = action;
   const boards = yield select(state => state.boards);
   const boardValues =  Object.values(boards.byID);
 
-  for (let b, i = 0; (b = boardValues[i]); i++) {
+  for (let b: any, i = 0; (b = boardValues[i]); i++) {
     const hasProject = b.projects.indexOf(project) !== -1;
     if (!hasProject) continue;
     yield put(buildKanboard(b));
   }
 }
 
-function createCards(projects, issues, lane) {
+function createCards(projects: any[], issues: any, lane: any) {
   return projects.reduce((laneCards, p) => {
 
     const projectIssues = p in issues.byProject ? issues.byProject[p] : [];
 
-    return projectIssues.reduce((projectCards, issue) => {
-      const hasLabel = issue.labels.some(l => l.name === lane.issueLabel);
+    return projectIssues.reduce((projectCards: any, issue: any) => {
+      const hasLabel = issue.labels.some((l: any) => l.name === lane.issueLabel);
 
       if (hasLabel) {
         projectCards.push({
@@ -87,7 +88,7 @@ function createCards(projects, issues, lane) {
   }, []);
 }
 
-function createLane(projects, issues, lane, index) {
+function createLane(projects: any, issues: any, lane: any, index: any) {
   return {
     id: index,
     title: lane.title,
@@ -95,7 +96,7 @@ function createLane(projects, issues, lane, index) {
   }
 }
 
-function createKanboard(board, issues) {
+function createKanboard(board: any, issues: any) {
   if (!board) return null;
 
   const kanboard = {
diff --git a/client/src/store/sagas/logout.js b/client/src/store/sagas/logout.ts
similarity index 100%
rename from client/src/store/sagas/logout.js
rename to client/src/store/sagas/logout.ts
diff --git a/client/src/store/sagas/projects.js b/client/src/store/sagas/projects.ts
similarity index 100%
rename from client/src/store/sagas/projects.js
rename to client/src/store/sagas/projects.ts
diff --git a/client/src/store/sagas/root.js b/client/src/store/sagas/root.ts
similarity index 95%
rename from client/src/store/sagas/root.js
rename to client/src/store/sagas/root.ts
index d7a8bff..f0f6818 100644
--- a/client/src/store/sagas/root.js
+++ b/client/src/store/sagas/root.ts
@@ -30,8 +30,8 @@ export function* rootSaga() {
   ]);
 }
 
-export function patternFromRegExp(re)  {
-  return (action) => {
+export function patternFromRegExp(re: any)  {
+  return (action: any) => {
     return re.test(action.type);
   };
 }
\ No newline at end of file
diff --git a/client/src/store/selectors/boards.js b/client/src/store/selectors/boards.ts
similarity index 54%
rename from client/src/store/selectors/boards.js
rename to client/src/store/selectors/boards.ts
index 77c485f..0d5bb16 100644
--- a/client/src/store/selectors/boards.js
+++ b/client/src/store/selectors/boards.ts
@@ -1,8 +1,8 @@
-export function selectBoardByUserProjects(boardsByID, projectsByName) {
+export function selectBoardByUserProjects(boardsByID: any, projectsByName: any) {
   const userProjects = Object.keys(projectsByName);
-  return Object.keys(boardsByID).reduce((filteredBoardsByID, boardID) => {
+  return Object.keys(boardsByID).reduce((filteredBoardsByID: any, boardID: string) => {
     const board = boardsByID[boardID];
-    const hasProject = board.projects.length === 0 || board.projects.some(p => userProjects.indexOf(p) !== -1);
+    const hasProject = board.projects.length === 0 || board.projects.some((p: any) => userProjects.indexOf(p) !== -1);
     if (hasProject) {
       filteredBoardsByID[boardID] = board;
     }
diff --git a/client/src/store/selectors/flags.js b/client/src/store/selectors/flags.ts
similarity index 72%
rename from client/src/store/selectors/flags.js
rename to client/src/store/selectors/flags.ts
index 3e4632e..1f51cb4 100644
--- a/client/src/store/selectors/flags.js
+++ b/client/src/store/selectors/flags.ts
@@ -1,4 +1,4 @@
-export function selectFlagsIsLoading(state, ...actionPrefixes) {
+export function selectFlagsIsLoading(state: any, ...actionPrefixes: any[]) {
   const { actions } = state.flags;
   return actionPrefixes.reduce((isLoading, prefix) => {
     if (!(prefix in actions)) return isLoading; 
diff --git a/client/src/store/store.js b/client/src/store/store.ts
similarity index 100%
rename from client/src/store/store.js
rename to client/src/store/store.ts
diff --git a/client/src/util/api.js b/client/src/util/api.ts
similarity index 100%
rename from client/src/util/api.js
rename to client/src/util/api.ts
diff --git a/client/src/util/gitea.js b/client/src/util/gitea.ts
similarity index 80%
rename from client/src/util/gitea.js
rename to client/src/util/gitea.ts
index b8c772a..910e369 100644
--- a/client/src/util/gitea.js
+++ b/client/src/util/gitea.ts
@@ -1,14 +1,13 @@
 
 export class GiteaUnauthorizedError extends Error {
-  constructor(...args) {
+  constructor(...args: any[]) {
     super(...args)
-    Error.captureStackTrace(this, GiteaUnauthorizedError)
   }
 }
 
 export class GiteaClient {
 
-  fetchIssues(project, page = 1) {
+  fetchIssues(project: any, page = 1) {
     return fetch(`/gitea/api/v1/repos/${project}/issues?page=${page}`)
       .then(this.assertAuthorization)
       .then(this.assertOk)
@@ -24,7 +23,7 @@ export class GiteaClient {
     ;
   }
 
-  addIssueLabel(project, issueNumber, labelID) {
+  addIssueLabel(project: any, issueNumber: any, labelID: any) {
     return fetch(`/gitea/api/v1/repos/${project}/issues/${issueNumber}/labels`, {
       method: 'POST',
       headers: {
@@ -37,7 +36,7 @@ export class GiteaClient {
     .then(res => res.json())
   }
 
-  fetchProjectLabels(project) {
+  fetchProjectLabels(project: any) {
     return fetch(`/gitea/api/v1/repos/${project}/labels`)
       .then(this.assertAuthorization)
       .then(this.assertOk)
@@ -45,7 +44,7 @@ export class GiteaClient {
     ;
   }
 
-  removeIssueLabel(project, issueNumber, labelID) {
+  removeIssueLabel(project: any, issueNumber: any, labelID: any) {
     return fetch(`/gitea/api/v1/repos/${project}/issues/${issueNumber}/labels/${labelID}`, {
       method: 'DELETE'
     })
@@ -53,7 +52,7 @@ export class GiteaClient {
     .then(this.assertOk)
   }
 
-  createIssue(project, title, body, labelID) {
+  createIssue(project: any, title: any, body: any, labelID: any) {
     return fetch(`/gitea/api/v1/repos/${project}/issues`, {
       method: 'POST',
       headers: {
@@ -70,12 +69,12 @@ export class GiteaClient {
     .then(res => res.json())
   }
 
-  assertOk(res) {
+  assertOk(res: any) {
     if (!res.ok) return Promise.reject(new Error('Request failed'));
     return res;
   }
 
-  assertAuthorization(res) {
+  assertAuthorization(res: any) {
     if (res.status === 401 || res.status === 404) return Promise.reject(new GiteaUnauthorizedError());
     return res;
   }
diff --git a/client/tsconfig.json b/client/tsconfig.json
new file mode 100644
index 0000000..f554cea
--- /dev/null
+++ b/client/tsconfig.json
@@ -0,0 +1,16 @@
+{
+  "compilerOptions": {
+    "target": "es5",
+    "module": "es6",
+    "lib": ["dom", "es6"],
+    "moduleResolution": "node",
+    "jsx": "react",
+    "strict": false,
+    "sourceMap": true,
+    "allowSyntheticDefaultImports": true
+  },
+  "include": ["src/**/*.ts", "src/**/*.tsx"],
+  "files": [
+    "./src/custom.d.ts"
+  ]
+}
\ No newline at end of file
diff --git a/client/webpack.config.js b/client/webpack.config.js
index 3cbfbac..d16e18c 100644
--- a/client/webpack.config.js
+++ b/client/webpack.config.js
@@ -9,15 +9,13 @@ const env = process.env;
 
 module.exports = {
   mode: `${env.NODE_ENV ? env.NODE_ENV : 'production'}`,
-  entry: './src/index.js',
-  devtool: 'source-map',
+  entry: './src/index.tsx',
+  devtool: 'inline-source-map',
   output: {
-    filename: '[name].[hash:8].js',
-    sourceMapFilename: '[name].[hash:8].map',
     path: path.join(__dirname, 'dist')
   },
   resolve: {
-    extensions: [ '.jsx', '.js' ],
+    extensions: [".ts", ".tsx", ".js", ".jsx"]
   },
   module: {
     rules: [{
@@ -50,9 +48,9 @@ module.exports = {
         }
       }]
     },{
-      test: /\.(js|jsx)$/,
+      test: /\.(t|j)sx?$/,
       exclude: /node_modules/,
-      use: ['babel-loader']
+      loaders: ['ts-loader']
     }]
   },
   plugins: [
diff --git a/modd.conf b/modd.conf
index 1478589..699f155 100644
--- a/modd.conf
+++ b/modd.conf
@@ -16,6 +16,8 @@ modd.conf
 }
 
 client/webpack.config.js
+client/tsconfig.json
+client/package.json
 {
   daemon: cd client && NODE_ENV=development npm run watch
 }
\ No newline at end of file