From ef0f5bea65c4bf9054c838048f85daa5382fca68 Mon Sep 17 00:00:00 2001
From: Daniel <daniel.hutzel@sap.com>
Date: Wed, 16 Dec 2020 10:11:47 +0100
Subject: [PATCH] Cleanup folder layout

---
 media-store/README.md                         |  30 +--
 media-store/app-src/.babelrc                  |   5 -
 media-store/app-src/.eslintrc.json            |  43 ----
 media-store/app-src/.gitignore                |  23 --
 media-store/app-src/.prettierrc               |   4 -
 media-store/app-src/.vscode/launch.json       |  13 --
 media-store/app-src/README.md                 |   1 -
 media-store/app-src/package.json              |  65 ------
 media-store/app-src/public/index.html         |  44 ----
 media-store/app-src/public/logo192.png        | Bin 5347 -> 0 bytes
 media-store/app-src/public/logo512.png        | Bin 9664 -> 0 bytes
 media-store/app-src/public/manifest.json      |  31 ---
 media-store/app-src/public/robots.txt         |   3 -
 media-store/app-src/public/xs-app.json        |  10 -
 media-store/app-src/src/App.css               |  57 -----
 media-store/app-src/src/App.jsx               |  18 --
 media-store/app-src/src/api/axiosInstance.js  | 168 --------------
 media-store/app-src/src/api/calls.js          | 164 -------------
 .../app-src/src/components/ErrorPage.jsx      |  49 ----
 media-store/app-src/src/components/Header.css |   3 -
 media-store/app-src/src/components/Header.jsx | 141 ------------
 .../app-src/src/components/InvoicePage.jsx    | 101 --------
 media-store/app-src/src/components/Login.jsx  | 107 ---------
 .../app-src/src/components/ManageStore.jsx    | 115 ----------
 .../app-src/src/components/MyInvoicesPage.jsx | 170 --------------
 .../app-src/src/components/PersonPage.jsx     | 108 ---------
 media-store/app-src/src/components/Router.jsx |  58 -----
 .../app-src/src/components/TracksPage.css     |   4 -
 .../app-src/src/components/TracksPage.jsx     | 215 ------------------
 .../components/manage-store/AddAlbumForm.jsx  |  62 -----
 .../components/manage-store/AddArtistForm.jsx |  22 --
 .../src/components/manage-store/TrackForm.jsx |  96 --------
 .../src/components/tracks/DeleteAction.jsx    |  44 ----
 .../src/components/tracks/EditAction.jsx      | 113 ---------
 .../src/components/tracks/ManagedTrack.css    |   7 -
 .../src/components/tracks/ManagedTrack.jsx    |  48 ----
 .../app-src/src/components/tracks/Track.jsx   |  63 -----
 .../src/components/tracks/TrackCardBody.jsx   |  41 ----
 .../app-src/src/contexts/AppStateContext.jsx  |  66 ------
 .../app-src/src/hocs/withRestrictions.jsx     |  16 --
 .../app-src/src/hooks/useAbortableEffect.js   |  22 --
 media-store/app-src/src/hooks/useAppState.js  |   6 -
 media-store/app-src/src/hooks/useErrors.js    |  34 ---
 media-store/app-src/src/index.jsx             |  11 -
 media-store/app-src/src/logo.svg              |   7 -
 media-store/app-src/src/serviceWorker.js      |   0
 media-store/app-src/src/setupTests.js         |   5 -
 media-store/app-src/src/util/EventEmitter.js  |   5 -
 media-store/app-src/src/util/constants.js     |   7 -
 .../app-src/src/util/localStorageService.js   |  36 ---
 media-store/app-src/src/util/validateUser.js  |  18 --
 media-store/app-src/webpack/common-plugins.js |  33 ---
 media-store/app-src/webpack/common-rules.js   |  18 --
 .../app-src/webpack/webpack-dev-server.js     |  56 -----
 media-store/app-src/webpack/webpack.common.js |  25 --
 media-store/app-src/webpack/webpack.dev.js    |  25 --
 media-store/app-src/webpack/webpack.prod.js   |  40 ----
 media-store/deployers/approuter/package.json  |  11 -
 media-store/deployers/approuter/xs-app.json   |  17 --
 .../deployers/html5Deployer/package.json      |  12 -
 media-store/deployers/xs-security.json        |   7 -
 media-store/mta.yaml                          |   6 +-
 62 files changed, 18 insertions(+), 2711 deletions(-)
 delete mode 100644 media-store/app-src/.babelrc
 delete mode 100644 media-store/app-src/.eslintrc.json
 delete mode 100644 media-store/app-src/.gitignore
 delete mode 100644 media-store/app-src/.prettierrc
 delete mode 100644 media-store/app-src/.vscode/launch.json
 delete mode 100644 media-store/app-src/README.md
 delete mode 100644 media-store/app-src/package.json
 delete mode 100644 media-store/app-src/public/index.html
 delete mode 100644 media-store/app-src/public/logo192.png
 delete mode 100644 media-store/app-src/public/logo512.png
 delete mode 100644 media-store/app-src/public/manifest.json
 delete mode 100644 media-store/app-src/public/robots.txt
 delete mode 100644 media-store/app-src/public/xs-app.json
 delete mode 100644 media-store/app-src/src/App.css
 delete mode 100644 media-store/app-src/src/App.jsx
 delete mode 100644 media-store/app-src/src/api/axiosInstance.js
 delete mode 100644 media-store/app-src/src/api/calls.js
 delete mode 100644 media-store/app-src/src/components/ErrorPage.jsx
 delete mode 100644 media-store/app-src/src/components/Header.css
 delete mode 100644 media-store/app-src/src/components/Header.jsx
 delete mode 100644 media-store/app-src/src/components/InvoicePage.jsx
 delete mode 100644 media-store/app-src/src/components/Login.jsx
 delete mode 100644 media-store/app-src/src/components/ManageStore.jsx
 delete mode 100644 media-store/app-src/src/components/MyInvoicesPage.jsx
 delete mode 100644 media-store/app-src/src/components/PersonPage.jsx
 delete mode 100644 media-store/app-src/src/components/Router.jsx
 delete mode 100644 media-store/app-src/src/components/TracksPage.css
 delete mode 100644 media-store/app-src/src/components/TracksPage.jsx
 delete mode 100644 media-store/app-src/src/components/manage-store/AddAlbumForm.jsx
 delete mode 100644 media-store/app-src/src/components/manage-store/AddArtistForm.jsx
 delete mode 100644 media-store/app-src/src/components/manage-store/TrackForm.jsx
 delete mode 100644 media-store/app-src/src/components/tracks/DeleteAction.jsx
 delete mode 100644 media-store/app-src/src/components/tracks/EditAction.jsx
 delete mode 100644 media-store/app-src/src/components/tracks/ManagedTrack.css
 delete mode 100644 media-store/app-src/src/components/tracks/ManagedTrack.jsx
 delete mode 100644 media-store/app-src/src/components/tracks/Track.jsx
 delete mode 100644 media-store/app-src/src/components/tracks/TrackCardBody.jsx
 delete mode 100644 media-store/app-src/src/contexts/AppStateContext.jsx
 delete mode 100644 media-store/app-src/src/hocs/withRestrictions.jsx
 delete mode 100644 media-store/app-src/src/hooks/useAbortableEffect.js
 delete mode 100644 media-store/app-src/src/hooks/useAppState.js
 delete mode 100644 media-store/app-src/src/hooks/useErrors.js
 delete mode 100644 media-store/app-src/src/index.jsx
 delete mode 100644 media-store/app-src/src/logo.svg
 delete mode 100644 media-store/app-src/src/serviceWorker.js
 delete mode 100644 media-store/app-src/src/setupTests.js
 delete mode 100644 media-store/app-src/src/util/EventEmitter.js
 delete mode 100644 media-store/app-src/src/util/constants.js
 delete mode 100644 media-store/app-src/src/util/localStorageService.js
 delete mode 100644 media-store/app-src/src/util/validateUser.js
 delete mode 100644 media-store/app-src/webpack/common-plugins.js
 delete mode 100644 media-store/app-src/webpack/common-rules.js
 delete mode 100644 media-store/app-src/webpack/webpack-dev-server.js
 delete mode 100644 media-store/app-src/webpack/webpack.common.js
 delete mode 100644 media-store/app-src/webpack/webpack.dev.js
 delete mode 100644 media-store/app-src/webpack/webpack.prod.js
 delete mode 100644 media-store/deployers/approuter/package.json
 delete mode 100644 media-store/deployers/approuter/xs-app.json
 delete mode 100644 media-store/deployers/html5Deployer/package.json
 delete mode 100644 media-store/deployers/xs-security.json

diff --git a/media-store/README.md b/media-store/README.md
index a75fab77..e93c0d68 100644
--- a/media-store/README.md
+++ b/media-store/README.md
@@ -4,18 +4,18 @@ Welcome to your new project.
 
 It contains these folders and files, following our recommended project layout:
 
-| File or Folder | Purpose                              |
-| -------------- | ------------------------------------ |
-| `app/`         | will contain compiled front bundles  |
-| `app-src/`     | contains frontend app on react       |
-| `deployers/`   | contains deployment staff            |
-| `db/`          | your domain models and data go here  |
-| `srv/`         | your service models and code go here |
-| `test/`        | your services tests                  |
-| `package.json` | project metadata and configuration   |
-| `mta.yaml`     | deployment config                    |
-| `readme.md`    | this getting started guide           |
-| `server.js`    | initial server set up                |
+| File or Folder   | Purpose                              |
+|------------------|--------------------------------------|
+| `app/`           | will contain compiled front bundles  |
+| `app/react/`     | contains frontend app on react       |
+| `app/deployers/` | contains deployment staff            |
+| `db/`            | your domain models and data go here  |
+| `srv/`           | your service models and code go here |
+| `test/`          | your services tests                  |
+| `package.json`   | project metadata and configuration   |
+| `mta.yaml`       | deployment config                    |
+| `readme.md`      | this getting started guide           |
+| `server.js`      | initial server set up                |
 
 ## Development
 
@@ -31,7 +31,7 @@ npm run deploy
 cds watch
 ```
 
-- Open `app-src` folder and run next commands. This will install dependencies and run frontend src files watcher. When you will change src files your bundles in app directory will re-compiled. Now you can enjoy development:
+- Open `app/react` folder and run next commands. This will install dependencies and run frontend src files watcher. When you will change src files your bundles in app directory will re-compiled. Now you can enjoy development:
 
 ```json
 npm install
@@ -62,14 +62,14 @@ npm run watch
 cf login
 ```
 
-- Open `app-src` folder and run the following commands. This will create frontend production bundles in app subfolder:
+- Open `app/react` folder and run the following commands. This will create frontend production bundles in app subfolder:
 
 ```json
 npm install
 npm run build
 ```
 
-- Clean up deployers/html5Deployer/resources folder from the previous frontend build
+- Clean up app/deployers/html5Deployer/resources folder from the previous frontend build
 
 - From root directory run:
 
diff --git a/media-store/app-src/.babelrc b/media-store/app-src/.babelrc
deleted file mode 100644
index d3472902..00000000
--- a/media-store/app-src/.babelrc
+++ /dev/null
@@ -1,5 +0,0 @@
-{
-    "presets": ["@babel/preset-react", "@babel/preset-env"],
-    "plugins": ["@babel/plugin-transform-runtime", "babel-plugin-syntax-dynamic-import"]
-}
-  
\ No newline at end of file
diff --git a/media-store/app-src/.eslintrc.json b/media-store/app-src/.eslintrc.json
deleted file mode 100644
index 1dfa1b45..00000000
--- a/media-store/app-src/.eslintrc.json
+++ /dev/null
@@ -1,43 +0,0 @@
-{
-  "env": {
-    "browser": true,
-    "es2020": true
-  },
-  "extends": ["plugin:react/recommended", "airbnb", "prettier"],
-  "parserOptions": {
-    "ecmaFeatures": {
-      "jsx": true
-    },
-    "ecmaVersion": 11,
-    "sourceType": "module"
-  },
-  "plugins": ["react", "prettier"],
-  "rules": {
-    "prettier/prettier": ["error", { "parser": "flow", "endOfLine": "auto" }],
-    "linebreak-style": [0, "error", "windows"],
-    "import/prefer-default-export": "off",
-    "no-shadow": "off",
-    "react/forbid-prop-types": "off",
-    "no-alert": "off",
-    "jsx-a11y/label-has-associated-control": [
-      "error",
-      {
-        "required": {
-          "some": ["nesting", "id"]
-        }
-      }
-    ],
-    "jsx-a11y/label-has-for": [
-      "error",
-      {
-        "required": {
-          "some": ["nesting", "id"]
-        }
-      }
-    ],
-    "react/jsx-props-no-spreading": "off", // props spreading,
-    "no-console": "off",
-    "consistent-return": "off",
-    "prefer-destructuring": "off"
-  }
-}
diff --git a/media-store/app-src/.gitignore b/media-store/app-src/.gitignore
deleted file mode 100644
index 4d29575d..00000000
--- a/media-store/app-src/.gitignore
+++ /dev/null
@@ -1,23 +0,0 @@
-# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
-
-# dependencies
-/node_modules
-/.pnp
-.pnp.js
-
-# testing
-/coverage
-
-# production
-/build
-
-# misc
-.DS_Store
-.env.local
-.env.development.local
-.env.test.local
-.env.production.local
-
-npm-debug.log*
-yarn-debug.log*
-yarn-error.log*
diff --git a/media-store/app-src/.prettierrc b/media-store/app-src/.prettierrc
deleted file mode 100644
index 5ac85e27..00000000
--- a/media-store/app-src/.prettierrc
+++ /dev/null
@@ -1,4 +0,0 @@
-{
-  "printWidth": 100,
-  "singleQuote": true
-}
diff --git a/media-store/app-src/.vscode/launch.json b/media-store/app-src/.vscode/launch.json
deleted file mode 100644
index d4e0b5d5..00000000
--- a/media-store/app-src/.vscode/launch.json
+++ /dev/null
@@ -1,13 +0,0 @@
-
-{
-    "version": "0.2.0",
-    "configurations": [
-        {
-            "name": "Chrome",
-            "type": "chrome",
-            "request": "launch",
-            "url": "http://localhost:3000",
-            "webRoot": "${workspaceRoot}/src"
-        }
-    ]
-}
\ No newline at end of file
diff --git a/media-store/app-src/README.md b/media-store/app-src/README.md
deleted file mode 100644
index 269c0546..00000000
--- a/media-store/app-src/README.md
+++ /dev/null
@@ -1 +0,0 @@
-"# Media store UI"
diff --git a/media-store/app-src/package.json b/media-store/app-src/package.json
deleted file mode 100644
index 457556aa..00000000
--- a/media-store/app-src/package.json
+++ /dev/null
@@ -1,65 +0,0 @@
-{
-  "name": "mediastore",
-  "version": "0.1.0",
-  "private": false,
-  "scripts": {
-    "start": "./node_modules/.bin/webpack-dev-server --config ./webpack/webpack-dev-server.js",
-    "watch": "./node_modules/.bin/webpack -w --config ./webpack/webpack.dev.js",
-    "build:dev": "./node_modules/.bin/webpack --config ./webpack/webpack.dev.js",
-    "build:prod": "./node_modules/.bin/webpack --config ./webpack/webpack.prod.js",
-    "lint": "./node_modules/.bin/eslint"
-  },
-  "dependencies": {
-    "@testing-library/jest-dom": "^4.2.4",
-    "@testing-library/react": "^9.3.2",
-    "@testing-library/user-event": "^7.1.2",
-    "@umijs/hooks": "^1.9.3",
-    "antd": "^4.8.2",
-    "@ant-design/icons": "4.3.0",
-    "axios": "^0.20.0",
-    "clean-webpack-plugin": "^3.0.0",
-    "copy-webpack-plugin": "^6.3.2",
-    "css-minimizer-webpack-plugin": "^1.1.5",
-    "events": "^3.2.0",
-    "html-webpack-plugin": "^4.5.0",
-    "lodash": "^4.17.20",
-    "mini-css-extract-plugin": "^1.3.1",
-    "moment": "^2.29.1",
-    "prop-types": "^15.7.2",
-    "react": "^16.14.0",
-    "react-dev-utils": "^11.0.1",
-    "react-dom": "^16.14.0",
-    "react-router-dom": "^5.2.0",
-    "terser-webpack-plugin": "^5.0.3",
-    "webpack": "5.8.0",
-    "webpack-dev-server": "^3.11.0",
-    "webpack-merge": "^5.4.0"
-  },
-  "devDependencies": {
-    "@babel/core": "^7.12.9",
-    "@babel/plugin-transform-runtime": "^7.12.1",
-    "@babel/polyfill": "^7.12.1",
-    "@babel/preset-env": "^7.12.7",
-    "@babel/preset-react": "^7.12.7",
-    "@babel/runtime": "^7.12.5",
-    "babel-loader": "^8.2.2",
-    "babel-plugin-syntax-dynamic-import": "^6.18.0",
-    "cowsay": "^1.4.0",
-    "css-loader": "^5.0.1",
-    "eslint": "^7.14.0",
-    "eslint-config-airbnb": "^18.2.1",
-    "eslint-config-prettier": "^6.15.0",
-    "eslint-plugin-import": "^2.22.1",
-    "eslint-plugin-jsx-a11y": "^6.4.1",
-    "eslint-plugin-prettier": "^3.1.4",
-    "eslint-plugin-react": "^7.21.5",
-    "eslint-plugin-react-hooks": "^4.2.0",
-    "prettier": "^2.2.1",
-    "style-loader": "^2.0.0",
-    "url-loader": "^4.1.1",
-    "webpack-cli": "^3.3.12"
-  },
-  "eslintConfig": {
-    "extends": "react-app"
-  }
-}
diff --git a/media-store/app-src/public/index.html b/media-store/app-src/public/index.html
deleted file mode 100644
index e2722955..00000000
--- a/media-store/app-src/public/index.html
+++ /dev/null
@@ -1,44 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-  <meta charset="utf-8" />
-  <meta name="viewport" content="width=device-width, initial-scale=1" />
-  <meta name="theme-color" content="#000000" />
-  <meta
-    name="description"
-    content="Web site created using create-react-app" />
-  <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
-  <!--
-      manifest.json provides metadata used when your web app is installed on a
-      user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
-    -->
-  <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
-  <!--
-      Notice the use of %PUBLIC_URL% in the tags above.
-      It will be replaced with the URL of the `public` folder during the build.
-      Only files inside the `public` folder can be referenced from the HTML.
-
-      Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
-      work correctly both with client-side routing and a non-root public URL.
-      Learn how to configure a non-root public URL by running `npm run build`.
-    -->
-  <title>React App</title>
-</head>
-
-<body>
-  <noscript>You need to enable JavaScript to run this app.</noscript>
-  <div id="root"></div>
-  <!--
-      This HTML file is a template.
-      If you open it directly in the browser, you will see an empty page.
-
-      You can add webfonts, meta tags, or analytics to this file.
-      The build step will place the bundled scripts into the <body> tag.
-
-      To begin the development, run `npm start` or `yarn start`.
-      To create a production bundle, use `npm run build` or `yarn build`.
-    -->
-</body>
-
-</html>
\ No newline at end of file
diff --git a/media-store/app-src/public/logo192.png b/media-store/app-src/public/logo192.png
deleted file mode 100644
index fc44b0a3796c0e0a64c3d858ca038bd4570465d9..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 5347
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
X@eDJUQo;Ye2mwlRs<JiGX2Jghdw)}T

diff --git a/media-store/app-src/public/logo512.png b/media-store/app-src/public/logo512.png
deleted file mode 100644
index a4e47a6545bc15971f8f63fba70e4013df88a664..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 9664
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
b{|{}U^kRn2wo}j7|0ATu<;8xA7zX}7|B6mN

diff --git a/media-store/app-src/public/manifest.json b/media-store/app-src/public/manifest.json
deleted file mode 100644
index 45979ace..00000000
--- a/media-store/app-src/public/manifest.json
+++ /dev/null
@@ -1,31 +0,0 @@
-{
-  "short_name": "React App",
-  "name": "Create React App Sample",
-  "icons": [
-    {
-      "src": "favicon.ico",
-      "sizes": "64x64 32x32 24x24 16x16",
-      "type": "image/x-icon"
-    },
-    {
-      "src": "logo192.png",
-      "type": "image/png",
-      "sizes": "192x192"
-    },
-    {
-      "src": "logo512.png",
-      "type": "image/png",
-      "sizes": "512x512"
-    }
-  ],
-  "start_url": ".",
-  "display": "standalone",
-  "theme_color": "#000000",
-  "background_color": "#ffffff",
-  "sap.app": {
-    "id": "mediastore",
-    "applicationVersion": {
-      "version": "1.0.0"
-    }
-  }
-}
diff --git a/media-store/app-src/public/robots.txt b/media-store/app-src/public/robots.txt
deleted file mode 100644
index e9e57dc4..00000000
--- a/media-store/app-src/public/robots.txt
+++ /dev/null
@@ -1,3 +0,0 @@
-# https://www.robotstxt.org/robotstxt.html
-User-agent: *
-Disallow:
diff --git a/media-store/app-src/public/xs-app.json b/media-store/app-src/public/xs-app.json
deleted file mode 100644
index 930c40ee..00000000
--- a/media-store/app-src/public/xs-app.json
+++ /dev/null
@@ -1,10 +0,0 @@
-{
-  "welcomeFile": "/index.html",
-  "routes": [
-    {
-      "source": "^(.*)",
-      "target": "$1",
-      "service": "html5-apps-repo-rt"
-    }
-  ]
-}
\ No newline at end of file
diff --git a/media-store/app-src/src/App.css b/media-store/app-src/src/App.css
deleted file mode 100644
index 1ec8f2fe..00000000
--- a/media-store/app-src/src/App.css
+++ /dev/null
@@ -1,57 +0,0 @@
-@import "~antd/dist/antd.css";
-
-html {
-  overflow: hidden;
-}
-#root {
-  height: 100%;
-}
-section.ant-layout {
-  height: 100vh;
-  overflow: auto;
-}
-
-/* Layout
-*/
-.site-layout .site-layout-background {
-  background: #fff;
-}
-
-.App {
-  text-align: center;
-}
-
-.App-logo {
-  height: 40vmin;
-  pointer-events: none;
-}
-
-@media (prefers-reduced-motion: no-preference) {
-  .App-logo {
-    animation: App-logo-spin infinite 20s linear;
-  }
-}
-
-.App-header {
-  background-color: #282c34;
-  min-height: 100vh;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  font-size: calc(10px + 2vmin);
-  color: white;
-}
-
-.App-link {
-  color: #61dafb;
-}
-
-@keyframes App-logo-spin {
-  from {
-    transform: rotate(0deg);
-  }
-  to {
-    transform: rotate(360deg);
-  }
-}
diff --git a/media-store/app-src/src/App.jsx b/media-store/app-src/src/App.jsx
deleted file mode 100644
index d1657522..00000000
--- a/media-store/app-src/src/App.jsx
+++ /dev/null
@@ -1,18 +0,0 @@
-import React from 'react';
-import 'antd/dist/antd.css';
-import './App.css';
-import { Layout } from 'antd';
-import { MyRouter } from './components/Router';
-import { AppStateContextProvider } from './contexts/AppStateContext';
-
-const App = () => {
-  return (
-    <Layout style={{ height: '100%' }}>
-      <AppStateContextProvider>
-        <MyRouter />
-      </AppStateContextProvider>
-    </Layout>
-  );
-};
-
-export default App;
diff --git a/media-store/app-src/src/api/axiosInstance.js b/media-store/app-src/src/api/axiosInstance.js
deleted file mode 100644
index 2be83d03..00000000
--- a/media-store/app-src/src/api/axiosInstance.js
+++ /dev/null
@@ -1,168 +0,0 @@
-import axios from 'axios';
-import { getUserFromLS, getLocaleFromLS } from '../util/localStorageService';
-import { emitter } from '../util/EventEmitter';
-
-const TIMEOUT = 2000;
-const RETRY_COUNT = 3;
-
-/**
- * This is axios instance
- */
-const axiosInstance = axios.create({
-  baseURL: process.env.SERVICE_URL,
-  timeout: TIMEOUT,
-  retryDelay: TIMEOUT,
-  retry: RETRY_COUNT,
-});
-
-/**
- * Changing user axios default params,
- * which are used in api call functions (calls.js)
- * @param {*} currentUser current user from react state and local storage
- */
-function changeUserDefaults(currentUser) {
-  if (currentUser) {
-    axiosInstance.defaults.headers.common.Authorization = `Basic ${currentUser.accessToken}`;
-    axiosInstance.defaults.userID = currentUser.ID;
-    if (currentUser.roles.includes('customer')) {
-      axiosInstance.defaults.userEntity = `Customers/${currentUser.ID}`;
-      axiosInstance.defaults.tracksEntity = 'MarkedTracks';
-    } else {
-      axiosInstance.defaults.userEntity = `Employees/${currentUser.ID}`;
-      axiosInstance.defaults.tracksEntity = 'Tracks';
-    }
-  } else {
-    axiosInstance.defaults.tracksEntity = 'Tracks';
-  }
-}
-/**
- * This func changing axios instance default params
- * @param {*} locale current locale from react state and local storage
- */
-function changeLocaleDefaults(locale) {
-  if (locale) {
-    axiosInstance.defaults.headers.common['Accept-language'] = locale;
-  }
-}
-
-/**
- * Init axios defaults
- */
-const user = getUserFromLS();
-const locale = getLocaleFromLS();
-changeUserDefaults(user);
-changeLocaleDefaults(locale);
-
-/**
- * Retry request if response time is too long
- * See link below
- * {@link https://github.com/axios/axios/issues/164#issuecomment-327837467 GitHub}
- * @param {*} err response error object
- */
-function axiosRetryInterceptor(err) {
-  const config = err.config;
-  // If config does not exist or the retry option is not set, reject
-  if (config && config.retry) {
-    // Set the variable for keeping track of the retry count
-    config.retryCount = config.retryCount || 0;
-
-    // Check if we've maxed out the total number of retries
-    if (config.retryCount >= config.retry) {
-      // Reject with the error
-      return Promise.reject(err);
-    }
-
-    // Increase the retry count
-    config.retryCount += 1;
-
-    // Create new promise to handle exponential backoff
-    const backoff = new Promise((resolve) => {
-      setTimeout(() => {
-        resolve();
-      }, config.retryDelay || 1);
-    });
-
-    // Return the promise in which recalls axios to retry the request
-    return backoff.then(() => {
-      return axios(config);
-    });
-  }
-}
-
-/**
- * Things below needed for refresh tokens mechanism implementation
- */
-let isRefreshing = false;
-let subscribers = [];
-const refreshTokens = (refreshToken) => {
-  return axiosInstance.post(
-    'users/refreshTokens',
-    { refreshToken },
-    {
-      headers: { 'content-type': 'application/json' },
-    }
-  );
-};
-
-/**
- * Refresh tokens interceptor
- * See link below
- * {@link https://gist.github.com/mkjiau/650013a99c341c9f23ca00ccb213db1c#gistcomment-3536511 GitHub}
- * @param {*} error error response object
- */
-function axiosRefreshTokensInterceptor(error) {
-  const originalRequest = error.config;
-  const user = getUserFromLS();
-
-  if (error.response && error.response.status === 401 && !!user) {
-    if (originalRequest.url === 'users/login') {
-      return Promise.reject(error);
-    }
-
-    // if users/refreshTokens request failed
-    if (isRefreshing && originalRequest.url === 'users/refreshTokens') {
-      subscribers.forEach((request) => request.reject(error));
-      subscribers = [];
-      isRefreshing = false;
-      return Promise.reject(error);
-    }
-
-    // if got a 401 error we sending users/refreshTokens request
-    if (!isRefreshing) {
-      isRefreshing = true;
-
-      refreshTokens(user.refreshToken)
-        .then((response) => {
-          emitter.emit('UPDATE_USER', response.data);
-          subscribers.forEach((request) => request.resolve(response.data.accessToken));
-          subscribers = [];
-          isRefreshing = false;
-        })
-        .catch(() => {
-          emitter.emit('UPDATE_USER', undefined);
-        });
-    }
-
-    // holding requests which should be sended after users/refreshTokens complete
-    // otherwise if users/refreshTokens failed an error will be thrown
-    return new Promise((resolve, reject) => {
-      subscribers.push({
-        resolve: (newAccessToken) => {
-          originalRequest.headers.Authorization = `Basic ${newAccessToken}`;
-          resolve(axiosInstance(originalRequest));
-        },
-        reject: (err) => {
-          reject(err);
-        },
-      });
-    });
-  }
-}
-
-axiosInstance.interceptors.response.use(null, (error) => {
-  return (
-    axiosRefreshTokensInterceptor(error) || axiosRetryInterceptor(error) || Promise.reject(error)
-  );
-});
-
-export { axiosInstance, changeLocaleDefaults, changeUserDefaults };
diff --git a/media-store/app-src/src/api/calls.js b/media-store/app-src/src/api/calls.js
deleted file mode 100644
index 10b6abb5..00000000
--- a/media-store/app-src/src/api/calls.js
+++ /dev/null
@@ -1,164 +0,0 @@
-import { isEmpty } from 'lodash';
-import { axiosInstance } from './axiosInstance';
-
-const BROWSE_TRACKS_SERVICE = 'browse-tracks';
-const INVOICES_SERVICE = 'browse-invoices';
-const USER_SERVICE = 'users';
-const MANAGE_STORE = 'manage-store';
-
-const constructGenresQuery = (genreIds) => {
-  return !isEmpty(genreIds)
-    ? ` and ${genreIds.map((value) => `genre_ID eq ${value}`).join(' or ')}`
-    : '';
-};
-
-const fetchTacks = ({ $top = 20, $skip = 0, genreIds = [], substr = '' } = {}) => {
-  const serializeTracksUrl = () => {
-    return `$expand=genre,album($expand=artist)&$top=${$top}&$skip=${$skip}&$filter=${`contains(name,'${substr}')${constructGenresQuery(
-      genreIds
-    )}`}`;
-  };
-
-  return axiosInstance.get(`${BROWSE_TRACKS_SERVICE}/${axiosInstance.defaults.tracksEntity}`, {
-    params: {},
-    paramsSerializer: () => serializeTracksUrl(),
-  });
-};
-
-const countTracks = ({ genreIds = [], substr = '' } = {}) => {
-  const { tracksEntity } = axiosInstance.defaults;
-
-  return axiosInstance.get(
-    `${BROWSE_TRACKS_SERVICE}/${tracksEntity}/$count?$filter=${`contains(name,'${substr}')${constructGenresQuery(
-      genreIds
-    )}`}`
-  );
-};
-
-const fetchGenres = () => {
-  return axiosInstance.get(`${BROWSE_TRACKS_SERVICE}/Genres`);
-};
-
-const invoice = (tracks) => {
-  return axiosInstance.post(
-    `${INVOICES_SERVICE}/invoice`,
-    {
-      tracks,
-    },
-    {
-      headers: { 'content-type': 'application/json' },
-    }
-  );
-};
-
-const fetchPerson = () => {
-  return axiosInstance.get(`${USER_SERVICE}/${axiosInstance.defaults.userEntity}`);
-};
-
-const confirmPerson = (person) => {
-  return axiosInstance.put(
-    `${USER_SERVICE}/${axiosInstance.defaults.userEntity}`,
-    {
-      ...person,
-    },
-    {
-      headers: { 'content-type': 'application/json' },
-    }
-  );
-};
-
-const fetchInvoices = () => {
-  return axiosInstance.get(
-    `${INVOICES_SERVICE}/Invoices?$expand=invoiceItems($expand=track($expand=album($expand=artist)))`
-  );
-};
-
-const cancelInvoice = (ID) => {
-  return axiosInstance.post(
-    `${INVOICES_SERVICE}/cancelInvoice`,
-    {
-      ID,
-    },
-    {
-      headers: { 'content-type': 'application/json' },
-    }
-  );
-};
-
-const fetchAlbumsByName = (substr = '', top) => {
-  return axiosInstance.get(
-    `${BROWSE_TRACKS_SERVICE}/Albums?$filter=${`contains(title,'${substr}')&$top=${top}`}`
-  );
-};
-
-const addTrack = (data) => {
-  return axiosInstance.post(`${MANAGE_STORE}/Tracks`, data, {
-    headers: { 'content-type': 'application/json;IEEE754Compatible=true' },
-  });
-};
-
-const addArtist = (data) => {
-  return axiosInstance.post(`${MANAGE_STORE}/Artists`, data, {
-    headers: { 'content-type': 'application/json' },
-  });
-};
-
-const addAlbum = (data) => {
-  return axiosInstance.post(`${MANAGE_STORE}/Albums`, data, {
-    headers: { 'content-type': 'application/json' },
-  });
-};
-
-const fetchArtistsByName = (substr = '', top) => {
-  return axiosInstance.get(
-    `${MANAGE_STORE}/Artists?$filter=${`contains(name,'${substr}')&$top=${top}`}`
-  );
-};
-
-const login = (data) => {
-  return axiosInstance.post(`${USER_SERVICE}/login`, data, {
-    headers: { 'content-type': 'application/json' },
-  });
-};
-
-const updateTrack = (track) => {
-  return axiosInstance.put(
-    `${MANAGE_STORE}/Tracks/${track.ID}`,
-    {
-      ...track,
-    },
-    {
-      headers: { 'content-type': 'application/json;IEEE754Compatible=true' },
-    }
-  );
-};
-
-const getTrack = (ID) => {
-  return axiosInstance.get(
-    `${BROWSE_TRACKS_SERVICE}/${axiosInstance.defaults.tracksEntity}/${ID}?$expand=genre,album($expand=artist)`
-  );
-};
-
-const deleteTrack = (ID) => {
-  return axiosInstance.delete(`${MANAGE_STORE}/Tracks(${ID})`);
-};
-
-export {
-  fetchTacks,
-  countTracks,
-  fetchGenres,
-  invoice,
-  fetchPerson,
-  confirmPerson,
-  fetchInvoices,
-  cancelInvoice,
-  fetchAlbumsByName,
-  addTrack,
-  addArtist,
-  addAlbum,
-  fetchArtistsByName,
-  login,
-  updateTrack,
-  getTrack,
-  deleteTrack,
-};
diff --git a/media-store/app-src/src/components/ErrorPage.jsx b/media-store/app-src/src/components/ErrorPage.jsx
deleted file mode 100644
index e39c7f52..00000000
--- a/media-store/app-src/src/components/ErrorPage.jsx
+++ /dev/null
@@ -1,49 +0,0 @@
-import React from 'react';
-import { useHistory } from 'react-router-dom';
-import { isEmpty } from 'lodash';
-import { Result, Button } from 'antd';
-import { useAppState } from '../hooks/useAppState';
-
-const ErrorPage = () => {
-  const { error, setError } = useAppState();
-  const history = useHistory();
-
-  const onGoHome = () => {
-    setError({});
-    history.push('/');
-  };
-
-  const goLoginPage = () => {
-    setError({});
-    history.push('/login');
-  };
-
-  const goHomeButton = (
-    <Button onClick={onGoHome} key={1} type="primary">
-      Back Home
-    </Button>
-  );
-  const goLoginButton = (
-    <Button onClick={goLoginPage} key={2} type="primary">
-      Login
-    </Button>
-  );
-
-  const errorResultProps = isEmpty(error)
-    ? {
-        status: 404,
-        title: 'Not found',
-        subTitle: 'Sorry, the page you visited does not exist.',
-        extra: goHomeButton,
-      }
-    : {
-        status: [404, 403, 500].includes(error.status) ? error.status : 'error',
-        title: error.statusText,
-        subTitle: error.message,
-        extra: error.status === 401 ? [goHomeButton, goLoginButton] : goHomeButton,
-      };
-
-  return <Result {...errorResultProps} />;
-};
-
-export default ErrorPage;
diff --git a/media-store/app-src/src/components/Header.css b/media-store/app-src/src/components/Header.css
deleted file mode 100644
index 3d78184d..00000000
--- a/media-store/app-src/src/components/Header.css
+++ /dev/null
@@ -1,3 +0,0 @@
-.ant-menu-item .anticon {
-  margin: 0;
-}
diff --git a/media-store/app-src/src/components/Header.jsx b/media-store/app-src/src/components/Header.jsx
deleted file mode 100644
index a965ff8c..00000000
--- a/media-store/app-src/src/components/Header.jsx
+++ /dev/null
@@ -1,141 +0,0 @@
-import React from 'react';
-import { Menu, Badge, Spin, message } from 'antd';
-import { isEmpty } from 'lodash';
-import {
-  CreditCardOutlined,
-  LogoutOutlined,
-  LoginOutlined,
-  LoadingOutlined,
-} from '@ant-design/icons';
-import { useHistory, useLocation } from 'react-router-dom';
-import { useAppState } from '../hooks/useAppState';
-import { setLocaleToLS } from '../util/localStorageService';
-import { changeLocaleDefaults } from '../api/axiosInstance';
-import { emitter } from '../util/EventEmitter';
-import './Header.css';
-import { requireEmployee, requireCustomer, MESSAGE_TIMEOUT } from '../util/constants';
-
-const { SubMenu } = Menu;
-
-const keys = ['/', '/person', '/login', '/manage', '/invoice', '/invoices'];
-const AVAILABLE_LOCALES = ['en', 'fr', 'de'];
-const RELOAD_LOCATION_NUMBER = 0;
-
-const Header = () => {
-  const history = useHistory();
-  const location = useLocation();
-  const { user, invoicedItems, locale, setLocale, loading } = useAppState();
-  const currentKey = [keys.find((key) => key === location.pathname)];
-  const haveInvoicedItems = !isEmpty(invoicedItems);
-  const invoicedItemsLength = invoicedItems.length;
-
-  const onChangeLocale = (value) => {
-    setLocaleToLS(value);
-    changeLocaleDefaults(value);
-    setLocale(value);
-    history.go(RELOAD_LOCATION_NUMBER);
-  };
-  const localeElements = AVAILABLE_LOCALES.filter((localeName) => localeName !== locale).map(
-    (curLocale) => (
-      <Menu.Item key={curLocale} onClick={() => onChangeLocale(curLocale)}>
-        {curLocale}
-      </Menu.Item>
-    )
-  );
-
-  const onUserLogout = () => {
-    emitter.emit('UPDATE_USER', undefined);
-    message.warn(
-      'Now you are not authenticated. Log in to use full functionality',
-      MESSAGE_TIMEOUT
-    );
-    history.push('/');
-  };
-
-  return (
-    <div
-      style={{
-        display: 'flex',
-        justifyContent: 'baseline',
-        alignItems: 'center',
-        paddingLeft: '15vh',
-        paddingRight: '15vh',
-        background: 'white',
-      }}
-    >
-      <Menu theme="light" mode="horizontal" style={{ width: '50%' }} selectedKeys={currentKey}>
-        <Menu.Item key="/" onClick={() => history.push('/')}>
-          Browse
-        </Menu.Item>
-
-        {!!user && (
-          <Menu.Item key="/person" onClick={() => history.push('/person')}>
-            Profile
-          </Menu.Item>
-        )}
-        {requireCustomer(user) && (
-          <Menu.Item key="/invoices" onClick={() => history.push('/invoices')}>
-            Invoices
-          </Menu.Item>
-        )}
-        {requireEmployee(user) && (
-          <Menu.Item key="/manage" onClick={() => history.push('/manage')}>
-            Manages
-          </Menu.Item>
-        )}
-      </Menu>
-
-      <Menu
-        style={{ width: '50%', display: 'flex', justifyContent: 'flex-end' }}
-        theme="light"
-        mode="horizontal"
-        selectedKeys={currentKey}
-      >
-        <Menu.Item>
-          {loading && <Spin indicator={<LoadingOutlined style={{ fontSize: 24 }} spin />} />}
-        </Menu.Item>
-        {haveInvoicedItems && (
-          <Menu.Item
-            style={{
-              width: 40,
-              display: 'flex',
-              justifyContent: 'center',
-            }}
-            onClick={() => history.push('/invoice')}
-            key="/invoice"
-          >
-            <div
-              style={{
-                height: '100%',
-              }}
-            >
-              <Badge
-                size="default"
-                style={{ backgroundColor: '#2db7f5' }}
-                count={invoicedItemsLength}
-              >
-                <CreditCardOutlined style={{ fontSize: 16 }} />
-              </Badge>
-            </div>
-          </Menu.Item>
-        )}
-        <SubMenu title={locale}>{localeElements}</SubMenu>
-        {user ? (
-          <Menu.Item
-            onClick={onUserLogout}
-            danger
-            icon={<LogoutOutlined style={{ fontSize: 16 }} />}
-          />
-        ) : (
-          <Menu.Item
-            key="/login"
-            onClick={() => history.push('/login')}
-            icon={<LoginOutlined style={{ fontSize: 16 }} />}
-          />
-        )}
-      </Menu>
-    </div>
-  );
-};
-
-export default Header;
diff --git a/media-store/app-src/src/components/InvoicePage.jsx b/media-store/app-src/src/components/InvoicePage.jsx
deleted file mode 100644
index 505ccd9a..00000000
--- a/media-store/app-src/src/components/InvoicePage.jsx
+++ /dev/null
@@ -1,101 +0,0 @@
-import React from 'react';
-import { Table, Button, message } from 'antd';
-import { useHistory } from 'react-router-dom';
-import { useAppState } from '../hooks/useAppState';
-import { invoice } from '../api/calls';
-import { useErrors } from '../hooks/useErrors';
-import { MESSAGE_TIMEOUT } from '../util/constants';
-
-const columns = [
-  {
-    title: 'Name',
-    dataIndex: 'name',
-  },
-  {
-    title: 'Artist',
-    dataIndex: 'artist',
-  },
-  {
-    title: 'Album',
-    dataIndex: 'albumTitle',
-  },
-  {
-    title: 'Price',
-    dataIndex: 'unitPrice',
-  },
-];
-
-const InvoicePage = () => {
-  const history = useHistory();
-  const { handleError } = useErrors();
-  const { user, invoicedItems, setInvoicedItems, setLoading } = useAppState();
-
-  const data = invoicedItems.map(({ ID, ...otherProps }) => ({
-    key: `invoiceItem${ID}`,
-    ...otherProps,
-  }));
-
-  const onBuy = () => {
-    setLoading(true);
-    invoice(
-      invoicedItems.map(({ ID }) => ({
-        ID,
-      }))
-    )
-      .then(() => {
-        setInvoicedItems([]);
-        message.success('Invoice successfully completed', MESSAGE_TIMEOUT);
-        history.push('/invoices');
-      })
-      .catch(handleError)
-      .finally(() => setLoading(false));
-  };
-  const onCancel = () => {
-    setInvoicedItems([]);
-    history.push('/');
-  };
-  const goLogin = () => {
-    history.push('/login');
-  };
-
-  return (
-    <div style={{ backgroundColor: 'white', padding: 10 }}>
-      <Table
-        bordered={false}
-        pagination={false}
-        columns={columns}
-        dataSource={data}
-        size="middle"
-        footer={() => (
-          <div
-            style={{
-              display: 'flex',
-              justifyContent: 'flex-end',
-              padding: 5,
-            }}
-          >
-            {user ? (
-              <>
-                <Button type="primary" size="large" onClick={onBuy}>
-                  Buy
-                </Button>
-                <Button size="large" style={{ marginLeft: 5 }} onClick={onCancel} danger>
-                  Cancel
-                </Button>
-              </>
-            ) : (
-              <section>
-                <Button type="primary" size="large" onClick={goLogin}>
-                  Login
-                </Button>
-                <span> to buy selected</span>
-              </section>
-            )}
-          </div>
-        )}
-      />
-    </div>
-  );
-};
-
-export default InvoicePage;
diff --git a/media-store/app-src/src/components/Login.jsx b/media-store/app-src/src/components/Login.jsx
deleted file mode 100644
index 91ca97e8..00000000
--- a/media-store/app-src/src/components/Login.jsx
+++ /dev/null
@@ -1,107 +0,0 @@
-import React from 'react';
-import { Form, Input, Button, Checkbox, message } from 'antd';
-import { useHistory } from 'react-router-dom';
-import { login } from '../api/calls';
-import { useAppState } from '../hooks/useAppState';
-import { useErrors } from '../hooks/useErrors';
-import { MESSAGE_TIMEOUT } from '../util/constants';
-import { emitter } from '../util/EventEmitter';
-
-const layout = {
-  labelCol: {
-    span: 8,
-  },
-  wrapperCol: {
-    span: 8,
-  },
-};
-const tailLayout = {
-  wrapperCol: {
-    offset: 8,
-    span: 8,
-  },
-};
-
-const Login = () => {
-  const [form] = Form.useForm();
-  const history = useHistory();
-  const { setLoading, setInvoicedItems } = useAppState();
-  const { handleError } = useErrors();
-
-  const onFinish = (values) => {
-    setLoading(true);
-    login({ email: values.email, password: values.password })
-      .then(({ data: user }) => {
-        emitter.emit('UPDATE_USER', user);
-        if (user.roles.includes('employee')) {
-          setInvoicedItems([]);
-        }
-        history.push('/');
-      })
-      .catch((error) => {
-        console.log(error);
-        if (error.response && error.response.status === 401) {
-          form.resetFields();
-          message.error('Invalid credentials!', MESSAGE_TIMEOUT);
-        } else {
-          handleError(error);
-        }
-      })
-      .finally(() => setLoading(false));
-  };
-
-  const onFinishFailed = (errorInfo) => {
-    console.log('Validation Failed:', errorInfo);
-  };
-
-  return (
-    <Form
-      form={form}
-      {...layout}
-      name="basic"
-      initialValues={{
-        remember: true,
-      }}
-      onFinish={onFinish}
-      onFinishFailed={onFinishFailed}
-    >
-      <Form.Item
-        label="Email"
-        name="email"
-        rules={[
-          {
-            required: true,
-            message: 'Please input your email!',
-          },
-        ]}
-      >
-        <Input />
-      </Form.Item>
-
-      <Form.Item
-        label="Password"
-        name="password"
-        rules={[
-          {
-            required: true,
-            message: 'Please input your password!',
-          },
-        ]}
-      >
-        <Input.Password style={{}} />
-      </Form.Item>
-
-      <Form.Item {...tailLayout} name="remember" valuePropName="checked">
-        <Checkbox>Remember me</Checkbox>
-      </Form.Item>
-
-      <Form.Item {...tailLayout}>
-        <Button type="primary" htmlType="submit">
-          Submit
-        </Button>
-      </Form.Item>
-    </Form>
-  );
-};
-
-export default Login;
diff --git a/media-store/app-src/src/components/ManageStore.jsx b/media-store/app-src/src/components/ManageStore.jsx
deleted file mode 100644
index 71167a7c..00000000
--- a/media-store/app-src/src/components/ManageStore.jsx
+++ /dev/null
@@ -1,115 +0,0 @@
-import React, { useState, useMemo, useEffect } from 'react';
-import { Form, Radio, Button, message } from 'antd';
-import { TrackForm } from './manage-store/TrackForm';
-import { AddArtistForm } from './manage-store/AddArtistForm';
-import { AddAlbumForm } from './manage-store/AddAlbumForm';
-import { useErrors } from '../hooks/useErrors';
-import { useAppState } from '../hooks/useAppState';
-import { addTrack, addArtist, addAlbum } from '../api/calls';
-import { MESSAGE_TIMEOUT } from '../util/constants';
-
-const FORM_TYPES = {
-  track: 'track',
-  artist: 'artist',
-  album: 'album',
-  playlist: '',
-};
-
-const chooseForm = (type) => {
-  return (
-    (type === 'track' && <TrackForm />) ||
-    (type === 'artist' && <AddArtistForm />) ||
-    (type === 'album' && <AddAlbumForm />)
-  );
-};
-
-const ManageStore = () => {
-  const [form] = Form.useForm();
-  const { handleError } = useErrors();
-  const { setLoading } = useAppState();
-  const [formType, setFormType] = useState('track');
-
-  useEffect(() => {
-    form.resetFields();
-  }, [formType]);
-
-  const formElement = useMemo(() => {
-    return chooseForm(formType);
-  }, [formType]);
-
-  const onChangeForm = (event) => {
-    setFormType(event.target.value);
-  };
-
-  const sendCreateRequest = ({ type, ...data }) => {
-    setLoading(true);
-
-    let promise;
-    switch (type) {
-      case FORM_TYPES.track:
-        promise = addTrack({
-          name: data.name,
-          composer: data.composer,
-          album: { ID: data.albumID },
-          genre: { ID: data.genreID },
-          unitPrice: data.unitPrice.toString(),
-        });
-        break;
-      case FORM_TYPES.artist:
-        promise = addArtist(data);
-        break;
-      case FORM_TYPES.album:
-        promise = addAlbum({ title: data.name, artist: { ID: data.artistID } });
-        break;
-      default:
-    }
-
-    promise
-      .then(() => {
-        message.success('Entity successfully created', MESSAGE_TIMEOUT);
-        form.resetFields();
-      })
-      .catch(handleError)
-      .finally(() => setLoading(false));
-  };
-
-  return (
-    <Form
-      style={{ width: 700 }}
-      form={form}
-      labelCol={{
-        span: 4,
-      }}
-      wrapperCol={{
-        span: 14,
-      }}
-      layout="horizontal"
-      initialValues={{
-        type: formType,
-      }}
-      type={formType}
-      onFinish={sendCreateRequest}
-      onFinishFailed={() => console.log('Not valid params provided')}
-    >
-      <Form.Item label="Entity" name="type">
-        <Radio.Group onChange={onChangeForm}>
-          <Radio.Button value="track">Track</Radio.Button>
-          <Radio.Button value="album">Album</Radio.Button>
-          <Radio.Button value="artist">Artist</Radio.Button>
-        </Radio.Group>
-      </Form.Item>
-      {formElement}
-      <Form.Item
-        type="primary"
-        wrapperCol={{
-          span: 14,
-          offset: 4,
-        }}
-      >
-        <Button onClick={() => form.submit()}>Create</Button>
-      </Form.Item>
-    </Form>
-  );
-};
-
-export default ManageStore;
diff --git a/media-store/app-src/src/components/MyInvoicesPage.jsx b/media-store/app-src/src/components/MyInvoicesPage.jsx
deleted file mode 100644
index bb490282..00000000
--- a/media-store/app-src/src/components/MyInvoicesPage.jsx
+++ /dev/null
@@ -1,170 +0,0 @@
-import React, { useState, useEffect, useMemo, useCallback } from 'react';
-import PropTypes from 'prop-types';
-import { Button, message, Tag, Collapse, Table, Spin } from 'antd';
-import moment from 'moment';
-import { useErrors } from '../hooks/useErrors';
-import { useAppState } from '../hooks/useAppState';
-import { cancelInvoice, fetchInvoices } from '../api/calls';
-import { MESSAGE_TIMEOUT } from '../util/constants';
-
-const { Panel } = Collapse;
-const INVOICE_STATUS = {
-  2: {
-    tagTitle: 'Shipped',
-    color: 'green',
-  },
-  1: {
-    tagTitle: 'Submitted',
-    color: 'processing',
-    canCancel: true,
-  },
-  '-1': {
-    tagTitle: 'Cancelled',
-    color: 'default',
-  },
-};
-const CANCELLED_STATUS = -1;
-const DATE_TIME_FORMAT_PATTERN = 'LLLL';
-const UTC_DATE_TIME_FORMAT = 'YYYY-MM-DDThh:mm:ss';
-const INVOICE_ITEMS_COLUMNS = [
-  {
-    title: 'Track name',
-    dataIndex: 'name',
-  },
-  {
-    title: 'Artist',
-    dataIndex: 'artistName',
-  },
-  {
-    title: 'Album',
-    dataIndex: 'albumTitle',
-  },
-  {
-    title: 'Price',
-    dataIndex: 'unitPrice',
-  },
-];
-const LEVERAGE_DURATION = 1; // in hours
-const STATUSES = { submitted: 1, shipped: 2, canceled: -1 };
-
-const isLeverageTimeExpired = (utcNowTimestamp, invoiceDate) => {
-  const duration = moment.duration(moment(utcNowTimestamp).diff(moment(invoiceDate).valueOf()));
-  return duration.asHours() > LEVERAGE_DURATION;
-};
-
-const chooseStatus = (utcNowTimestamp, invoiceDate, statusFromDb) => {
-  if (isLeverageTimeExpired(utcNowTimestamp, invoiceDate) && statusFromDb !== STATUSES.canceled) {
-    return INVOICE_STATUS[STATUSES.shipped];
-  }
-  return INVOICE_STATUS[statusFromDb];
-};
-
-const ExtraHeader = ({ ID, invoiceDate, status: initialStatus }) => {
-  const { loading, setLoading } = useAppState();
-  const { handleError } = useErrors();
-  const [loadingHeaderId, setLoadingHeaderId] = useState();
-  const [status, setStatus] = useState(initialStatus);
-
-  const statusConfig = useMemo(() => {
-    const utcNowTimestamp = moment(moment().utc().format(UTC_DATE_TIME_FORMAT)).valueOf();
-    return chooseStatus(utcNowTimestamp, invoiceDate, status);
-  }, [status]);
-
-  const onCancelInvoice = (event, ID) => {
-    event.stopPropagation();
-    setLoading(true);
-    setLoadingHeaderId(ID);
-    cancelInvoice(ID)
-      .then(() => {
-        message.success('Invoice successfully cancelled', MESSAGE_TIMEOUT);
-        setLoadingHeaderId(undefined);
-        setStatus(CANCELLED_STATUS);
-      })
-      .catch(handleError)
-      .finally(() => setLoading(false));
-  };
-
-  return (
-    <Spin spinning={loading && loadingHeaderId === ID}>
-      <Tag color={statusConfig.color}>{statusConfig.tagTitle}</Tag>
-      {statusConfig.canCancel && (
-        <Button onClick={(event) => onCancelInvoice(event, ID)} size="small" danger>
-          Cancel
-        </Button>
-      )}
-    </Spin>
-  );
-};
-ExtraHeader.propTypes = {
-  ID: PropTypes.number.isRequired,
-  status: PropTypes.number.isRequired,
-  invoiceDate: PropTypes.string.isRequired,
-};
-
-const MyInvoicesPage = () => {
-  const { handleError } = useErrors();
-  const { setLoading } = useAppState();
-  const [invoices, setInvoices] = useState([]);
-
-  useEffect(() => {
-    setLoading(true);
-    fetchInvoices()
-      .then(({ data: { value } }) => setInvoices(value))
-      .catch(handleError)
-      .finally(() => setLoading(false));
-  }, []);
-
-  const genExtra = useCallback(
-    (ID, status, invoiceDate) => <ExtraHeader ID={ID} status={status} invoiceDate={invoiceDate} />,
-    []
-  );
-  const invoiceElements = useMemo(() => {
-    return invoices.map(({ ID, status, invoiceDate, total, invoiceItems }) => {
-      const invoiceItemsData = invoiceItems.map(
-        ({
-          ID,
-          track: {
-            name,
-            unitPrice,
-            album: {
-              title: albumTitle,
-              artist: { name: artistName },
-            },
-          },
-        }) => ({
-          key: ID,
-          ID,
-          name,
-          unitPrice,
-          albumTitle,
-          artistName,
-        })
-      );
-
-      return (
-        <Panel
-          header={moment(invoiceDate).format(DATE_TIME_FORMAT_PATTERN)}
-          key={ID}
-          extra={genExtra(ID, status, invoiceDate)}
-        >
-          <div>
-            <Table
-              bordered={false}
-              pagination={false}
-              columns={INVOICE_ITEMS_COLUMNS}
-              dataSource={invoiceItemsData}
-              size="middle"
-              footer={() => <span style={{ fontWeight: 600 }}>{`Total price: ${total}`}</span>}
-            />
-          </div>
-        </Panel>
-      );
-    });
-  }, [invoices]);
-
-  return (
-    <div>{invoiceElements && <Collapse expandIconPosition="left">{invoiceElements}</Collapse>}</div>
-  );
-};
-
-export default MyInvoicesPage;
diff --git a/media-store/app-src/src/components/PersonPage.jsx b/media-store/app-src/src/components/PersonPage.jsx
deleted file mode 100644
index d312a233..00000000
--- a/media-store/app-src/src/components/PersonPage.jsx
+++ /dev/null
@@ -1,108 +0,0 @@
-import React, { useState } from 'react';
-import { Form, Button, message, Input } from 'antd';
-import { omit, map } from 'lodash';
-import { fetchPerson, confirmPerson } from '../api/calls';
-import { useErrors } from '../hooks/useErrors';
-import { useAppState } from '../hooks/useAppState';
-import { MESSAGE_TIMEOUT } from '../util/constants';
-import { useAbortableEffect } from '../hooks/useAbortableEffect';
-
-const PERSON_PROP = {
-  address: 'Address ',
-  city: 'City ',
-  country: 'Country ',
-  fax: 'Fax: ',
-  firstName: 'First name: ',
-  lastName: 'Last name: ',
-  phone: 'Phone: ',
-  postalCode: 'Postal code: ',
-  state: 'State',
-  email: 'email',
-  company: 'Company: ',
-};
-
-const PersonPage = () => {
-  const { setLoading } = useAppState();
-  const { handleError } = useErrors();
-  const [form] = Form.useForm();
-  const [person, setPerson] = useState({
-    lastName: '',
-    firstName: '',
-    city: '',
-    state: '',
-    address: '',
-    country: '',
-    phone: '',
-    postalCode: '',
-    fax: '',
-    email: '',
-    company: '',
-  });
-
-  useAbortableEffect((status) => {
-    setLoading(true);
-
-    fetchPerson()
-      .then(({ data }) => {
-        const personData = omit(data, '@odata.context', 'ID');
-        if (!status.aborted) {
-          setPerson(personData);
-        }
-      })
-      .catch(handleError)
-      .finally(() => setLoading(false));
-  }, []);
-
-  const onConfirmChanges = (newPerson) => {
-    setLoading(true);
-    confirmPerson(newPerson)
-      .then(() => {
-        message.success('Person successfully updated', MESSAGE_TIMEOUT);
-      })
-      .catch(handleError)
-      .finally(() => setLoading(false));
-  };
-
-  const personProperties = map(Object.keys(person), (currentKey) => (
-    <div key={currentKey}>
-      <Form.Item label={PERSON_PROP[currentKey]} name={currentKey}>
-        <Input />
-      </Form.Item>
-    </div>
-  ));
-
-  return (
-    <>
-      {person.lastName !== '' && (
-        <Form
-          form={form}
-          labelCol={{
-            span: 4,
-          }}
-          wrapperCol={{
-            span: 14,
-          }}
-          layout="horizontal"
-          onFinish={onConfirmChanges}
-          onFinishFailed={() => console.log('Not valid params provided')}
-          initialValues={{
-            ...person,
-          }}
-        >
-          {personProperties}
-          <Form.Item
-            type="primary"
-            wrapperCol={{
-              span: 14,
-              offset: 4,
-            }}
-          >
-            <Button onClick={() => form.submit()}>Confirm changes</Button>
-          </Form.Item>
-        </Form>
-      )}
-    </>
-  );
-};
-
-export default PersonPage;
diff --git a/media-store/app-src/src/components/Router.jsx b/media-store/app-src/src/components/Router.jsx
deleted file mode 100644
index e0cf5d4f..00000000
--- a/media-store/app-src/src/components/Router.jsx
+++ /dev/null
@@ -1,58 +0,0 @@
-import React from 'react';
-import { BrowserRouter as Router, Switch, Route } from 'react-router-dom';
-import { isEmpty } from 'lodash';
-import TracksContainer from './TracksPage';
-import Header from './Header';
-import PersonPage from './PersonPage';
-import ErrorPage from './ErrorPage';
-import InvoicePage from './InvoicePage';
-import ManageStore from './ManageStore';
-import MyInvoicesPage from './MyInvoicesPage';
-import Login from './Login';
-import { withRestrictions } from '../hocs/withRestrictions';
-import { requireEmployee } from '../util/constants';
-
-const RestrictedLogin = withRestrictions(Login, ({ user }) => !user);
-const RestrictedInvoicePage = withRestrictions(
-  InvoicePage,
-  ({ user, invoicedItems }) => !requireEmployee(user) && !isEmpty(invoicedItems)
-);
-const RestrictedPersonPage = withRestrictions(PersonPage, ({ user }) => !!user);
-const RestrictedManageStore = withRestrictions(ManageStore, ({ user }) => requireEmployee(user));
-
-const MyRouter = () => {
-  return (
-    <Router>
-      <Header />
-      <div style={{ padding: '2em 20vh' }}>
-        <React.Suspense fallback={<div>Loading...</div>}>
-          <Switch>
-            <Route exact path={['/index.html', '/tracks', '/']}>
-              <TracksContainer />
-            </Route>
-            <Route exact path="/person">
-              <RestrictedPersonPage />
-            </Route>
-            <Route exact path="/login">
-              <RestrictedLogin />
-            </Route>
-            <Route exact path="/invoice">
-              <RestrictedInvoicePage />
-            </Route>
-            <Route exact path="/invoices">
-              <MyInvoicesPage />
-            </Route>
-            <Route exact path="/manage">
-              <RestrictedManageStore />
-            </Route>
-            <Route path="/">
-              <ErrorPage />
-            </Route>
-          </Switch>
-        </React.Suspense>
-      </div>
-    </Router>
-  );
-};
-
-export { MyRouter };
diff --git a/media-store/app-src/src/components/TracksPage.css b/media-store/app-src/src/components/TracksPage.css
deleted file mode 100644
index c3855497..00000000
--- a/media-store/app-src/src/components/TracksPage.css
+++ /dev/null
@@ -1,4 +0,0 @@
-.ant-select > div.ant-select-selector {
-  padding: 5px;
-  min-width: 300px;
-}
diff --git a/media-store/app-src/src/components/TracksPage.jsx b/media-store/app-src/src/components/TracksPage.jsx
deleted file mode 100644
index ed6c9835..00000000
--- a/media-store/app-src/src/components/TracksPage.jsx
+++ /dev/null
@@ -1,215 +0,0 @@
-import React, { useState } from 'react';
-import { debounce } from 'lodash';
-import { Input, Col, Row, Select, Pagination } from 'antd';
-import { Track } from './tracks/Track';
-import { ManagedTrack } from './tracks/ManagedTrack';
-import { useAppState } from '../hooks/useAppState';
-import { useErrors } from '../hooks/useErrors';
-import { fetchTacks, countTracks, fetchGenres } from '../api/calls';
-import { useAbortableEffect } from '../hooks/useAbortableEffect';
-import { requireEmployee } from '../util/constants';
-import './TracksPage.css';
-
-const { Search } = Input;
-const { Option } = Select;
-
-const DEBOUNCE_TIMER = 500;
-const DEBOUNCE_OPTIONS = {
-  leading: true,
-  trailing: false,
-};
-
-const renderGenres = (genres) =>
-  genres.map(({ ID, name }) => (
-    <Option key={ID} value={ID.toString()}>
-      {name}
-    </Option>
-  ));
-
-const TracksContainer = () => {
-  const { setLoading, user } = useAppState();
-  const { handleError } = useErrors();
-  const [state, setState] = useState({
-    tracks: [],
-    genres: [],
-    pagination: {
-      currentPage: 1,
-      totalItems: 0,
-      pageSize: 20,
-    },
-    searchOptions: {
-      substr: '',
-      genreIds: [],
-    },
-  });
-
-  useAbortableEffect((status) => {
-    setLoading(true);
-
-    const countTracksReq = countTracks();
-    const getTracksRequest = fetchTacks();
-    const getGenresReq = fetchGenres();
-
-    Promise.all([countTracksReq, getTracksRequest, getGenresReq])
-      .then(
-        ([
-          { data: totalItems },
-          {
-            data: { value: tracks },
-          },
-          {
-            data: { value: genres },
-          },
-        ]) => {
-          if (!status.aborted) {
-            setState({
-              ...state,
-              tracks,
-              genres,
-              pagination: { ...state.pagination, totalItems },
-            });
-          }
-        }
-      )
-      .catch(handleError)
-      .finally(() => setLoading(false));
-  }, []);
-
-  const onSearch = debounce(
-    () => {
-      setLoading(true);
-      const options = {
-        $top: state.pagination.pageSize,
-        substr: state.searchOptions.substr.replace(`'`, `''`),
-        genreIds: state.searchOptions.genreIds,
-      };
-
-      Promise.all([
-        fetchTacks(options),
-        countTracks({
-          substr: options.substr,
-          genreIds: options.genreIds,
-        }),
-      ])
-        .then(([{ data: { value: tracks } }, { data: totalItems }]) =>
-          setState({
-            ...state,
-            tracks,
-            pagination: { ...state.pagination, totalItems },
-          })
-        )
-        .catch(handleError)
-        .finally(() => setLoading(false));
-    },
-    DEBOUNCE_TIMER,
-    DEBOUNCE_OPTIONS
-  );
-  const onSelectChange = (genres) => {
-    setState({
-      ...state,
-      searchOptions: {
-        ...state.searchOptions,
-        genreIds: genres.map((value) => parseInt(value, 10)),
-      },
-    });
-  };
-  const onSearchChange = (event) => {
-    setState({
-      ...state,
-      searchOptions: { ...state.searchOptions, substr: event.target.value },
-    });
-  };
-  const onChangePage = (pageNumber) => {
-    document.querySelector('section.ant-layout').scrollTo({ top: 0, left: 0, behavior: 'smooth' });
-    setLoading(true);
-
-    const options = {
-      $top: state.pagination.pageSize,
-      substr: state.searchOptions.substr,
-      genreIds: state.searchOptions.genreIds,
-      $skip: (pageNumber - 1) * state.pagination.pageSize,
-    };
-    fetchTacks(options)
-      .then((response) =>
-        setState({
-          ...state,
-          tracks: response.data.value,
-          pagination: { ...state.pagination, currentPage: pageNumber },
-        })
-      )
-      .catch(handleError)
-      .finally(() => setLoading(false));
-  };
-  const deleteTrack = (ID) => {
-    setState({
-      ...state,
-      tracks: state.tracks.filter(({ ID: curID }) => curID !== ID),
-    });
-  };
-  const renderTracks = (tracks) => {
-    const isEmployee = requireEmployee(user);
-    const TrackComponent = isEmployee ? ManagedTrack : Track;
-    return tracks.map((track) => {
-      const isAlreadyOrdered = !isEmployee && track.alreadyOrdered;
-      const onDeleteTrack = isEmployee && ((ID) => deleteTrack(ID));
-      return (
-        <Col key={`track-col${track.ID}`} className="gutter-row" span={8}>
-          <TrackComponent
-            initialTrack={track}
-            onDeleteTrack={onDeleteTrack}
-            isAlreadyOrdered={isAlreadyOrdered}
-          />
-        </Col>
-      );
-    });
-  };
-
-  const trackElements = renderTracks(state.tracks);
-  const genreElements = renderGenres(state.genres);
-
-  return (
-    <>
-      <div
-        style={{
-          display: 'flex',
-          alignItems: 'start',
-          maxWidth: 600,
-          paddingBottom: 10,
-        }}
-      >
-        <Select
-          mode="multiple"
-          allowClear
-          style={{ marginRight: 10, borderRadius: 6 }}
-          placeholder="Genres"
-          onChange={(value) => onSelectChange(value)}
-        >
-          {genreElements}
-        </Select>
-        <Search
-          style={{
-            borderRadius: 6,
-          }}
-          placeholder="Search tracks"
-          size="large"
-          onSearch={onSearch}
-          onChange={onSearchChange}
-        />
-      </div>
-      <div>
-        <Row gutter={[{ xs: 8, sm: 16, md: 24, lg: 32 }, 24]}>{trackElements}</Row>
-      </div>
-      <div style={{ display: 'flex', justifyContent: 'center' }}>
-        <Pagination
-          showSizeChanger={false}
-          defaultCurrent={1}
-          total={state.pagination.totalItems}
-          pageSize={state.pagination.pageSize}
-          onChange={onChangePage}
-        />
-      </div>
-    </>
-  );
-};
-
-export default TracksContainer;
diff --git a/media-store/app-src/src/components/manage-store/AddAlbumForm.jsx b/media-store/app-src/src/components/manage-store/AddAlbumForm.jsx
deleted file mode 100644
index 0a4978ae..00000000
--- a/media-store/app-src/src/components/manage-store/AddAlbumForm.jsx
+++ /dev/null
@@ -1,62 +0,0 @@
-import React, { useEffect } from 'react';
-import { Form, Input, Select } from 'antd';
-import { useSearch } from '@umijs/hooks';
-import { useErrors } from '../../hooks/useErrors';
-import { fetchArtistsByName } from '../../api/calls';
-
-const REQUIRED = [
-  {
-    required: true,
-    message: 'This filed is required!',
-  },
-];
-const ARTISTS_LIMIT = 10;
-
-const getArtists = function (value) {
-  return fetchArtistsByName(value, ARTISTS_LIMIT)
-    .then((response) => response.data.value)
-    .catch(this.handleError);
-};
-
-const AddAlbumForm = () => {
-  const { handleError } = useErrors();
-  const {
-    data: artists,
-    loading: isArtistsLoading,
-    onChange: onChangeArtistInput,
-    cancel: onArtistCancel,
-  } = useSearch(getArtists.bind({ handleError }));
-
-  useEffect(() => {
-    onChangeArtistInput();
-  }, []);
-
-  return (
-    <>
-      <h3>Add album</h3>
-      <Form.Item label="Name" name="name" rules={REQUIRED}>
-        <Input />
-      </Form.Item>
-      <Form.Item label="Artist" name="artistID" rules={REQUIRED}>
-        <Select
-          showSearch
-          placeholder="Select artist"
-          filterOption={false}
-          onSearch={onChangeArtistInput}
-          loading={isArtistsLoading}
-          onBlur={onArtistCancel}
-          style={{ width: 300 }}
-        >
-          {artists &&
-            artists.map((artist) => (
-              <Select.Option key={artist.name} value={artist.ID}>
-                {artist.name}
-              </Select.Option>
-            ))}
-        </Select>
-      </Form.Item>
-    </>
-  );
-};
-
-export { AddAlbumForm };
diff --git a/media-store/app-src/src/components/manage-store/AddArtistForm.jsx b/media-store/app-src/src/components/manage-store/AddArtistForm.jsx
deleted file mode 100644
index 3cc7567f..00000000
--- a/media-store/app-src/src/components/manage-store/AddArtistForm.jsx
+++ /dev/null
@@ -1,22 +0,0 @@
-import React from 'react';
-import { Form, Input } from 'antd';
-
-const REQUIRED = [
-  {
-    required: true,
-    message: 'This filed is required!',
-  },
-];
-
-const AddArtistForm = () => {
-  return (
-    <>
-      <h3>Add artist</h3>
-      <Form.Item label="Name" name="name" rules={REQUIRED}>
-        <Input />
-      </Form.Item>
-    </>
-  );
-};
-
-export { AddArtistForm };
diff --git a/media-store/app-src/src/components/manage-store/TrackForm.jsx b/media-store/app-src/src/components/manage-store/TrackForm.jsx
deleted file mode 100644
index 47a7d9fe..00000000
--- a/media-store/app-src/src/components/manage-store/TrackForm.jsx
+++ /dev/null
@@ -1,96 +0,0 @@
-import React, { useEffect, useState } from 'react';
-import PropTypes from 'prop-types';
-import { Form, Input, Select, InputNumber } from 'antd';
-import { head } from 'lodash';
-import { useSearch } from '@umijs/hooks';
-import { useAppState } from '../../hooks/useAppState';
-import { fetchAlbumsByName, fetchGenres } from '../../api/calls';
-import { useErrors } from '../../hooks/useErrors';
-
-const ALBUMS_LIMIT = 10;
-const REQUIRED = [
-  {
-    required: true,
-    message: 'This filed is required!',
-  },
-];
-
-function getAlbums(value) {
-  return fetchAlbumsByName(value, ALBUMS_LIMIT)
-    .then((response) => response.data.value)
-    .catch(this.handleError);
-}
-
-const TrackForm = ({ initialAlbumTitle }) => {
-  const { handleError } = useErrors();
-  const {
-    data: albums,
-    loading: isAlbumsLoading,
-    onChange: onChangeAlbumInput,
-    cancel: onAlbumCancel,
-  } = useSearch(getAlbums.bind({ handleError }));
-  const { setLoading } = useAppState();
-  const [genres, setGenres] = useState([]);
-
-  useEffect(() => {
-    setLoading(true);
-    Promise.all([fetchGenres(), onChangeAlbumInput(initialAlbumTitle)])
-      .then((responses) => setGenres(head(responses).data.value))
-      .catch(handleError)
-      .finally(() => setLoading(false));
-  }, []);
-
-  return (
-    <div>
-      <Form.Item label="Name" name="name" rules={REQUIRED}>
-        <Input />
-      </Form.Item>
-      <Form.Item label="Composer" name="composer" rules={REQUIRED}>
-        <Input />
-      </Form.Item>
-      <Form.Item label="Album" name="albumID" rules={REQUIRED}>
-        <Select
-          showSearch
-          placeholder="Select album"
-          filterOption={false}
-          onSearch={onChangeAlbumInput}
-          loading={isAlbumsLoading}
-          onBlur={onAlbumCancel}
-        >
-          {albums &&
-            albums.map((album) => (
-              <Select.Option key={album.title} value={album.ID}>
-                {album.title}
-              </Select.Option>
-            ))}
-        </Select>
-      </Form.Item>
-      <Form.Item label="Genre" name="genreID" rules={REQUIRED}>
-        <Select showSearch placeholder="Select genre" filterOption={false}>
-          {genres &&
-            genres.map((genre) => (
-              <Select.Option key={genre.name} value={genre.ID}>
-                {genre.name}
-              </Select.Option>
-            ))}
-        </Select>
-      </Form.Item>
-      <Form.Item label="Unit price" name="unitPrice" precision={2} rules={REQUIRED}>
-        <InputNumber
-          precision={2}
-          decimalSeparator="."
-          parser={(value) => value.replace(/\$\s?|(,*)/g, '')}
-        />
-      </Form.Item>
-    </div>
-  );
-};
-
-TrackForm.propTypes = {
-  initialAlbumTitle: PropTypes.string,
-};
-TrackForm.defaultProps = {
-  initialAlbumTitle: undefined,
-};
-
-export { TrackForm };
diff --git a/media-store/app-src/src/components/tracks/DeleteAction.jsx b/media-store/app-src/src/components/tracks/DeleteAction.jsx
deleted file mode 100644
index 948fc7ab..00000000
--- a/media-store/app-src/src/components/tracks/DeleteAction.jsx
+++ /dev/null
@@ -1,44 +0,0 @@
-import React, { useState } from 'react';
-import PropTypes from 'prop-types';
-import { Modal, message } from 'antd';
-import { DeleteOutlined } from '@ant-design/icons';
-import { deleteTrack } from '../../api/calls';
-import { useErrors } from '../../hooks/useErrors';
-import { MESSAGE_TIMEOUT } from '../../util/constants';
-
-const DeleteAction = ({ ID, onDeleteTrack }) => {
-  const [modalVisible, setModalVisible] = useState(false);
-  const { handleError } = useErrors();
-
-  const onOk = () => {
-    setModalVisible(false);
-    deleteTrack(ID)
-      .then(() => {
-        onDeleteTrack();
-        setModalVisible(false);
-        message.success('Track successfully deleted!', MESSAGE_TIMEOUT);
-      })
-      .catch(handleError);
-  };
-
-  const onCancel = () => setModalVisible(false);
-  const onOpenModal = () => {
-    setModalVisible(true);
-  };
-
-  return (
-    <>
-      <DeleteOutlined onClick={onOpenModal}>Delete</DeleteOutlined>
-      <Modal title="Confirm" visible={modalVisible} onOk={onOk} onCancel={onCancel}>
-        <p>Are You really want to delete this track?</p>
-      </Modal>
-    </>
-  );
-};
-
-DeleteAction.propTypes = {
-  ID: PropTypes.number.isRequired,
-  onDeleteTrack: PropTypes.func.isRequired,
-};
-
-export { DeleteAction };
diff --git a/media-store/app-src/src/components/tracks/EditAction.jsx b/media-store/app-src/src/components/tracks/EditAction.jsx
deleted file mode 100644
index 1c8c42e6..00000000
--- a/media-store/app-src/src/components/tracks/EditAction.jsx
+++ /dev/null
@@ -1,113 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { Button, Modal, Form, message } from 'antd';
-import { EditOutlined, LoadingOutlined } from '@ant-design/icons';
-import { useErrors } from '../../hooks/useErrors';
-import { TrackForm } from '../manage-store/TrackForm';
-import { updateTrack, getTrack } from '../../api/calls';
-import { MESSAGE_TIMEOUT } from '../../util/constants';
-
-const EditAction = ({ ID, name, composer, genre, unitPrice, album, afterTrackUpdate }) => {
-  const [visible, setVisible] = React.useState(false);
-  const [confirmLoading, setConfirmLoading] = React.useState(false);
-  const [updateLoading, setUpdateLoading] = React.useState(false);
-  const [form] = Form.useForm();
-  const { handleError } = useErrors();
-
-  const onShowModal = () => {
-    setVisible(true);
-  };
-
-  const afterCloseModal = () => {
-    setUpdateLoading(true);
-    getTrack(ID)
-      .then((response) => {
-        afterTrackUpdate(response.data);
-        setUpdateLoading(false);
-      })
-      .catch(handleError);
-  };
-
-  const onFinish = (value) => {
-    setConfirmLoading(true);
-    updateTrack({
-      ID,
-      name: value.name,
-      composer: value.composer,
-      album: { ID: value.albumID },
-      genre: { ID: value.genreID },
-      unitPrice: value.unitPrice.toString(),
-    })
-      .then(() => {
-        message.success('Track successfully updated!', MESSAGE_TIMEOUT);
-        setConfirmLoading(false);
-        setVisible(false);
-        afterCloseModal();
-      })
-      .catch(handleError);
-  };
-
-  const handleOk = () => {
-    form.submit();
-  };
-
-  const handleCancel = () => {
-    setVisible(false);
-  };
-
-  return (
-    <>
-      {updateLoading ? <LoadingOutlined /> : <EditOutlined onClick={onShowModal} />}
-      <Modal
-        title="Edit track"
-        visible={visible}
-        confirmLoading={confirmLoading}
-        onOk={handleOk}
-        onCancel={handleCancel}
-        width={600}
-        footer={[
-          <Button key="back" onClick={handleCancel}>
-            Cancel
-          </Button>,
-          <Button key="submit" type="primary" loading={confirmLoading} onClick={handleOk}>
-            Submit
-          </Button>,
-        ]}
-      >
-        <Form
-          form={form}
-          labelCol={{
-            span: 4,
-          }}
-          wrapperCol={{
-            span: 14,
-          }}
-          layout="horizontal"
-          onFinish={onFinish}
-          onFinishFailed={() => console.log('Not valid params provided')}
-          initialValues={{
-            name,
-            composer,
-            genreID: genre.ID,
-            albumID: album.ID,
-            unitPrice,
-          }}
-        >
-          <TrackForm initialAlbumTitle={album.title} />
-        </Form>
-      </Modal>
-    </>
-  );
-};
-
-EditAction.propTypes = {
-  ID: PropTypes.number.isRequired,
-  name: PropTypes.string.isRequired,
-  composer: PropTypes.string.isRequired,
-  genre: PropTypes.object.isRequired,
-  unitPrice: PropTypes.number.isRequired,
-  album: PropTypes.object.isRequired,
-  afterTrackUpdate: PropTypes.func.isRequired,
-};
-
-export { EditAction };
diff --git a/media-store/app-src/src/components/tracks/ManagedTrack.css b/media-store/app-src/src/components/tracks/ManagedTrack.css
deleted file mode 100644
index e2107b16..00000000
--- a/media-store/app-src/src/components/tracks/ManagedTrack.css
+++ /dev/null
@@ -1,7 +0,0 @@
-span > span.anticon.anticon-delete:hover {
-  color: #ff4d4f;
-}
-
-.card-element {
-  transition: opacity 0.5s ease-in-out;
-}
diff --git a/media-store/app-src/src/components/tracks/ManagedTrack.jsx b/media-store/app-src/src/components/tracks/ManagedTrack.jsx
deleted file mode 100644
index 42bea8c8..00000000
--- a/media-store/app-src/src/components/tracks/ManagedTrack.jsx
+++ /dev/null
@@ -1,48 +0,0 @@
-import React, { useState, useRef } from 'react';
-import { Card } from 'antd';
-import PropTypes from 'prop-types';
-import { EditAction } from './EditAction';
-import { DeleteAction } from './DeleteAction';
-import { TrackCardBody } from './TrackCardBody';
-import './ManagedTrack.css';
-
-const ManagedTrack = ({ initialTrack, onDeleteTrack }) => {
-  const trackElement = useRef();
-  const [track, setTrack] = useState(initialTrack);
-
-  return (
-    <div className="card-element" ref={trackElement}>
-      <Card
-        actions={[
-          <DeleteAction
-            ID={track.ID}
-            onDeleteTrack={() => {
-              trackElement.current.style.opacity = 0;
-              setTimeout(() => onDeleteTrack(track.ID), 500);
-            }}
-          />,
-          <EditAction
-            ID={track.ID}
-            name={track.name}
-            composer={track.composer}
-            album={track.album}
-            genre={track.genre}
-            unitPrice={track.unitPrice}
-            afterTrackUpdate={(value) => setTrack(value)}
-          />,
-        ]}
-        title={track.name}
-        bordered={false}
-      >
-        <TrackCardBody track={track} />
-      </Card>
-    </div>
-  );
-};
-
-ManagedTrack.propTypes = {
-  initialTrack: PropTypes.object.isRequired,
-  onDeleteTrack: PropTypes.func.isRequired,
-};
-
-export { ManagedTrack };
diff --git a/media-store/app-src/src/components/tracks/Track.jsx b/media-store/app-src/src/components/tracks/Track.jsx
deleted file mode 100644
index 3fb90950..00000000
--- a/media-store/app-src/src/components/tracks/Track.jsx
+++ /dev/null
@@ -1,63 +0,0 @@
-import React, { useState, useRef } from 'react';
-import PropTypes from 'prop-types';
-import { Card, Button } from 'antd';
-import { PlusOutlined, MinusOutlined } from '@ant-design/icons';
-import { useAppState } from '../../hooks/useAppState';
-import { TrackCardBody } from './TrackCardBody';
-
-const Track = ({ initialTrack, isAlreadyOrdered }) => {
-  const trackElement = useRef();
-  const { setInvoicedItems, invoicedItems } = useAppState();
-  const [isJustInvoiced, setIsJustInvoiced] = useState(
-    invoicedItems.find((curTrack) => curTrack.ID === initialTrack.ID)
-  );
-
-  const onChangedStatus = () => {
-    const newIsJustInvoiced = !isJustInvoiced;
-    if (newIsJustInvoiced) {
-      setInvoicedItems([
-        ...invoicedItems,
-        {
-          ID: initialTrack.ID,
-          name: initialTrack.name,
-          artist: initialTrack.album.artist.name,
-          albumTitle: initialTrack.album.title,
-          unitPrice: initialTrack.unitPrice,
-        },
-      ]);
-    } else {
-      setInvoicedItems(invoicedItems.filter(({ ID: curID }) => curID !== initialTrack.ID));
-    }
-    setIsJustInvoiced(newIsJustInvoiced);
-  };
-
-  return (
-    <div className="card-element" ref={trackElement}>
-      <Card
-        actions={[
-          <>
-            {!isAlreadyOrdered && (
-              <Button onClick={onChangedStatus} danger={isJustInvoiced}>
-                {isJustInvoiced ? <MinusOutlined /> : <PlusOutlined />}
-              </Button>
-            )}
-          </>,
-        ]}
-        title={initialTrack.name}
-        bordered={false}
-      >
-        <TrackCardBody track={initialTrack} />
-      </Card>
-    </div>
-  );
-};
-
-Track.propTypes = {
-  initialTrack: PropTypes.object.isRequired,
-  isAlreadyOrdered: PropTypes.bool,
-};
-Track.defaultProps = {
-  isAlreadyOrdered: undefined,
-};
-
-export { Track };
diff --git a/media-store/app-src/src/components/tracks/TrackCardBody.jsx b/media-store/app-src/src/components/tracks/TrackCardBody.jsx
deleted file mode 100644
index 7587c99a..00000000
--- a/media-store/app-src/src/components/tracks/TrackCardBody.jsx
+++ /dev/null
@@ -1,41 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-
-const TrackCardBody = ({ track }) => {
-  return (
-    <>
-      <div>
-        Artist:
-        <span style={{ fontWeight: 600 }}>{track.album.artist.name}</span>
-      </div>
-      <div>
-        Album:
-        <span style={{ fontWeight: 600 }}>{track.album.title}</span>
-      </div>
-      <div>
-        Genre:
-        <span style={{ fontWeight: 600 }}>{track.genre.name}</span>
-      </div>
-      <div>
-        {track.composer && (
-          <span>
-            Compositor:
-            <span style={{ fontWeight: 600 }}>{track.composer}</span>
-          </span>
-        )}
-      </div>
-      <div style={{ display: 'flex', justifyContent: 'space-between' }}>
-        <span>
-          Price:
-          <span style={{ fontWeight: 600 }}>{track.unitPrice}</span>
-        </span>
-      </div>
-    </>
-  );
-};
-
-TrackCardBody.propTypes = {
-  track: PropTypes.object.isRequired,
-};
-
-export { TrackCardBody };
diff --git a/media-store/app-src/src/contexts/AppStateContext.jsx b/media-store/app-src/src/contexts/AppStateContext.jsx
deleted file mode 100644
index 5b5dd180..00000000
--- a/media-store/app-src/src/contexts/AppStateContext.jsx
+++ /dev/null
@@ -1,66 +0,0 @@
-import React, { useMemo, createContext, useState, useEffect } from 'react';
-import PropTypes from 'prop-types';
-import { getUserFromLS, getLocaleFromLS, setUserToLS } from '../util/localStorageService';
-import { changeUserDefaults } from '../api/axiosInstance';
-import { emitter } from '../util/EventEmitter';
-
-const globalContext = {
-  error: {},
-  loading: true,
-  user: {
-    ID: undefined,
-    roles: [],
-    email: undefined,
-    accessToken: undefined,
-    refreshToken: undefined,
-  },
-  locale: undefined,
-  invoicedItems: [],
-  notifications: [],
-};
-const AppStateContext = createContext(globalContext);
-
-const AppStateContextProvider = ({ children }) => {
-  const [invoicedItems, setInvoicedItems] = useState([]);
-  const [loading, setLoading] = useState(false);
-  const [error, setError] = useState({});
-  const [user, setUser] = useState(getUserFromLS());
-  const [locale, setLocale] = useState(getLocaleFromLS());
-
-  useEffect(() => {
-    const updateUser = (newUser) => {
-      console.log('USER_UPDATE WAS TRIGGERED');
-      changeUserDefaults(newUser);
-      setUserToLS(newUser);
-      setUser(newUser);
-    };
-    emitter.on('UPDATE_USER', updateUser);
-    return () => {
-      emitter.removeListener('UPDATE_USER', updateUser);
-    };
-  }, []);
-
-  const value = useMemo(
-    () => ({
-      error,
-      loading,
-      invoicedItems,
-      user,
-      locale,
-      setLoading,
-      setError,
-      setInvoicedItems,
-      setUser,
-      setLocale,
-    }),
-    [locale, user, loading, error, invoicedItems]
-  );
-
-  return <AppStateContext.Provider value={value}>{children}</AppStateContext.Provider>;
-};
-
-AppStateContextProvider.propTypes = {
-  children: PropTypes.element.isRequired,
-};
-
-export { AppStateContextProvider, AppStateContext };
diff --git a/media-store/app-src/src/hocs/withRestrictions.jsx b/media-store/app-src/src/hocs/withRestrictions.jsx
deleted file mode 100644
index 26eedba3..00000000
--- a/media-store/app-src/src/hocs/withRestrictions.jsx
+++ /dev/null
@@ -1,16 +0,0 @@
-import React from 'react';
-import { Redirect } from 'react-router-dom';
-import { useAppState } from '../hooks/useAppState';
-
-const withRestrictions = (Component, isUserMeetRestrictions) => {
-  return (props) => {
-    const { user, invoicedItems } = useAppState();
-    return isUserMeetRestrictions({ user, invoicedItems }) ? (
-      <Component {...props} />
-    ) : (
-      <Redirect exact to="/error" />
-    );
-  };
-};
-
-export { withRestrictions };
diff --git a/media-store/app-src/src/hooks/useAbortableEffect.js b/media-store/app-src/src/hooks/useAbortableEffect.js
deleted file mode 100644
index 648d923d..00000000
--- a/media-store/app-src/src/hooks/useAbortableEffect.js
+++ /dev/null
@@ -1,22 +0,0 @@
-import { useEffect } from 'react';
-
-function useAbortableEffect(effect, dependencies) {
-  const status = {}; // mutable status object
-  useEffect(() => {
-    status.aborted = false;
-    // pass the mutable object to the effect callback
-    // store the returned value for cleanup
-    const cleanUpFn = effect(status);
-    return () => {
-      // mutate the object to signal the consumer
-      // this effect is cleaning up
-      status.aborted = true;
-      if (typeof cleanUpFn === 'function') {
-        // run the cleanup function
-        cleanUpFn();
-      }
-    };
-  }, [...dependencies]);
-}
-
-export { useAbortableEffect };
diff --git a/media-store/app-src/src/hooks/useAppState.js b/media-store/app-src/src/hooks/useAppState.js
deleted file mode 100644
index 831ae73d..00000000
--- a/media-store/app-src/src/hooks/useAppState.js
+++ /dev/null
@@ -1,6 +0,0 @@
-import { useContext } from 'react';
-import { AppStateContext } from '../contexts/AppStateContext';
-
-const useAppState = () => useContext(AppStateContext);
-
-export { useAppState };
diff --git a/media-store/app-src/src/hooks/useErrors.js b/media-store/app-src/src/hooks/useErrors.js
deleted file mode 100644
index 4ccdd694..00000000
--- a/media-store/app-src/src/hooks/useErrors.js
+++ /dev/null
@@ -1,34 +0,0 @@
-import { useHistory } from 'react-router-dom';
-import { useAppState } from './useAppState';
-
-const useErrors = () => {
-  const history = useHistory();
-  const { setError } = useAppState();
-
-  const handleError = (error) => {
-    console.error('Error', error);
-
-    if (error.response) {
-      const { status, statusText, data } = error.response;
-      setError({
-        status,
-        statusText,
-        message: data.error ? data.error.message : data,
-      });
-    } else {
-      setError({
-        status: '',
-        statusText: 'Error',
-        message: 'Something went wrong. Seems like request is too long',
-      });
-    }
-
-    history.push('/error');
-  };
-
-  return {
-    handleError,
-  };
-};
-
-export { useErrors };
diff --git a/media-store/app-src/src/index.jsx b/media-store/app-src/src/index.jsx
deleted file mode 100644
index 8110e69e..00000000
--- a/media-store/app-src/src/index.jsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import React from 'react';
-import ReactDOM from 'react-dom';
-import App from './App';
-// import * as serviceWorker from './serviceWorker';
-
-ReactDOM.render(<App />, document.getElementById('root'));
-
-// If you want your app to work offline and load faster, you can change
-// unregister() to register() below. Note this comes with some pitfalls.
-// Learn more about service workers: https://bit.ly/CRA-PWA
-// serviceWorker.unregister();
diff --git a/media-store/app-src/src/logo.svg b/media-store/app-src/src/logo.svg
deleted file mode 100644
index 6b60c104..00000000
--- a/media-store/app-src/src/logo.svg
+++ /dev/null
@@ -1,7 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 841.9 595.3">
-    <g fill="#61DAFB">
-        <path d="M666.3 296.5c0-32.5-40.7-63.3-103.1-82.4 14.4-63.6 8-114.2-20.2-130.4-6.5-3.8-14.1-5.6-22.4-5.6v22.3c4.6 0 8.3.9 11.4 2.6 13.6 7.8 19.5 37.5 14.9 75.7-1.1 9.4-2.9 19.3-5.1 29.4-19.6-4.8-41-8.5-63.5-10.9-13.5-18.5-27.5-35.3-41.6-50 32.6-30.3 63.2-46.9 84-46.9V78c-27.5 0-63.5 19.6-99.9 53.6-36.4-33.8-72.4-53.2-99.9-53.2v22.3c20.7 0 51.4 16.5 84 46.6-14 14.7-28 31.4-41.3 49.9-22.6 2.4-44 6.1-63.6 11-2.3-10-4-19.7-5.2-29-4.7-38.2 1.1-67.9 14.6-75.8 3-1.8 6.9-2.6 11.5-2.6V78.5c-8.4 0-16 1.8-22.6 5.6-28.1 16.2-34.4 66.7-19.9 130.1-62.2 19.2-102.7 49.9-102.7 82.3 0 32.5 40.7 63.3 103.1 82.4-14.4 63.6-8 114.2 20.2 130.4 6.5 3.8 14.1 5.6 22.5 5.6 27.5 0 63.5-19.6 99.9-53.6 36.4 33.8 72.4 53.2 99.9 53.2 8.4 0 16-1.8 22.6-5.6 28.1-16.2 34.4-66.7 19.9-130.1 62-19.1 102.5-49.9 102.5-82.3zm-130.2-66.7c-3.7 12.9-8.3 26.2-13.5 39.5-4.1-8-8.4-16-13.1-24-4.6-8-9.5-15.8-14.4-23.4 14.2 2.1 27.9 4.7 41 7.9zm-45.8 106.5c-7.8 13.5-15.8 26.3-24.1 38.2-14.9 1.3-30 2-45.2 2-15.1 0-30.2-.7-45-1.9-8.3-11.9-16.4-24.6-24.2-38-7.6-13.1-14.5-26.4-20.8-39.8 6.2-13.4 13.2-26.8 20.7-39.9 7.8-13.5 15.8-26.3 24.1-38.2 14.9-1.3 30-2 45.2-2 15.1 0 30.2.7 45 1.9 8.3 11.9 16.4 24.6 24.2 38 7.6 13.1 14.5 26.4 20.8 39.8-6.3 13.4-13.2 26.8-20.7 39.9zm32.3-13c5.4 13.4 10 26.8 13.8 39.8-13.1 3.2-26.9 5.9-41.2 8 4.9-7.7 9.8-15.6 14.4-23.7 4.6-8 8.9-16.1 13-24.1zM421.2 430c-9.3-9.6-18.6-20.3-27.8-32 9 .4 18.2.7 27.5.7 9.4 0 18.7-.2 27.8-.7-9 11.7-18.3 22.4-27.5 32zm-74.4-58.9c-14.2-2.1-27.9-4.7-41-7.9 3.7-12.9 8.3-26.2 13.5-39.5 4.1 8 8.4 16 13.1 24 4.7 8 9.5 15.8 14.4 23.4zM420.7 163c9.3 9.6 18.6 20.3 27.8 32-9-.4-18.2-.7-27.5-.7-9.4 0-18.7.2-27.8.7 9-11.7 18.3-22.4 27.5-32zm-74 58.9c-4.9 7.7-9.8 15.6-14.4 23.7-4.6 8-8.9 16-13 24-5.4-13.4-10-26.8-13.8-39.8 13.1-3.1 26.9-5.8 41.2-7.9zm-90.5 125.2c-35.4-15.1-58.3-34.9-58.3-50.6 0-15.7 22.9-35.6 58.3-50.6 8.6-3.7 18-7 27.7-10.1 5.7 19.6 13.2 40 22.5 60.9-9.2 20.8-16.6 41.1-22.2 60.6-9.9-3.1-19.3-6.5-28-10.2zM310 490c-13.6-7.8-19.5-37.5-14.9-75.7 1.1-9.4 2.9-19.3 5.1-29.4 19.6 4.8 41 8.5 63.5 10.9 13.5 18.5 27.5 35.3 41.6 50-32.6 30.3-63.2 46.9-84 46.9-4.5-.1-8.3-1-11.3-2.7zm237.2-76.2c4.7 38.2-1.1 67.9-14.6 75.8-3 1.8-6.9 2.6-11.5 2.6-20.7 0-51.4-16.5-84-46.6 14-14.7 28-31.4 41.3-49.9 22.6-2.4 44-6.1 63.6-11 2.3 10.1 4.1 19.8 5.2 29.1zm38.5-66.7c-8.6 3.7-18 7-27.7 10.1-5.7-19.6-13.2-40-22.5-60.9 9.2-20.8 16.6-41.1 22.2-60.6 9.9 3.1 19.3 6.5 28.1 10.2 35.4 15.1 58.3 34.9 58.3 50.6-.1 15.7-23 35.6-58.4 50.6zM320.8 78.4z"/>
-        <circle cx="420.9" cy="296.5" r="45.7"/>
-        <path d="M520.5 78.1z"/>
-    </g>
-</svg>
diff --git a/media-store/app-src/src/serviceWorker.js b/media-store/app-src/src/serviceWorker.js
deleted file mode 100644
index e69de29b..00000000
diff --git a/media-store/app-src/src/setupTests.js b/media-store/app-src/src/setupTests.js
deleted file mode 100644
index 74b1a275..00000000
--- a/media-store/app-src/src/setupTests.js
+++ /dev/null
@@ -1,5 +0,0 @@
-// jest-dom adds custom jest matchers for asserting on DOM nodes.
-// allows you to do things like:
-// expect(element).toHaveTextContent(/react/i)
-// learn more: https://github.com/testing-library/jest-dom
-import '@testing-library/jest-dom/extend-expect';
diff --git a/media-store/app-src/src/util/EventEmitter.js b/media-store/app-src/src/util/EventEmitter.js
deleted file mode 100644
index b28a45af..00000000
--- a/media-store/app-src/src/util/EventEmitter.js
+++ /dev/null
@@ -1,5 +0,0 @@
-import EventEmitter from 'events';
-
-const emitter = new EventEmitter();
-
-export { emitter };
diff --git a/media-store/app-src/src/util/constants.js b/media-store/app-src/src/util/constants.js
deleted file mode 100644
index 4b9b4460..00000000
--- a/media-store/app-src/src/util/constants.js
+++ /dev/null
@@ -1,7 +0,0 @@
-export const AVAILABLE_LOCALES = ['en', 'fr', 'de'];
-
-export const MESSAGE_TIMEOUT = 2;
-
-export const requireEmployee = (user) => !!user && user.roles.includes('employee');
-
-export const requireCustomer = (user) => !!user && user.roles.includes('customer');
diff --git a/media-store/app-src/src/util/localStorageService.js b/media-store/app-src/src/util/localStorageService.js
deleted file mode 100644
index 853b4817..00000000
--- a/media-store/app-src/src/util/localStorageService.js
+++ /dev/null
@@ -1,36 +0,0 @@
-import { isValidUser } from './validateUser';
-import { AVAILABLE_LOCALES } from './constants';
-
-const setUserToLS = (user) => {
-  if (user) {
-    localStorage.setItem('user', JSON.stringify(user));
-  } else {
-    localStorage.removeItem('user');
-  }
-};
-
-const getUserFromLS = () => {
-  let userFromLS;
-  try {
-    userFromLS = JSON.parse(localStorage.getItem('user'));
-    if (isValidUser(userFromLS)) {
-      return userFromLS;
-    }
-  } catch (e) {
-    console.error('User from local storage are not valid');
-  }
-  return undefined;
-};
-
-const getLocaleFromLS = () => {
-  const localeFromLS = localStorage.getItem('locale');
-  return localeFromLS && localeFromLS !== 'undefined' && AVAILABLE_LOCALES.includes(localeFromLS)
-    ? localeFromLS
-    : 'en';
-};
-
-const setLocaleToLS = (locale) => {
-  localStorage.setItem('locale', locale);
-};
-
-export { setLocaleToLS, getLocaleFromLS, getUserFromLS, setUserToLS };
diff --git a/media-store/app-src/src/util/validateUser.js b/media-store/app-src/src/util/validateUser.js
deleted file mode 100644
index b2d52b29..00000000
--- a/media-store/app-src/src/util/validateUser.js
+++ /dev/null
@@ -1,18 +0,0 @@
-import { isArray, isEmpty, isString, isNumber } from 'lodash';
-
-const CUSTOMER_ROLE = 'customer';
-const EMPLOYEE_ROLE = 'employee';
-
-const isValidUser = (user) => {
-  return (
-    !isEmpty(user) &&
-    isNumber(user.ID) &&
-    isArray(user.roles) &&
-    !!user.roles.some((role) => role === CUSTOMER_ROLE || role === EMPLOYEE_ROLE) &&
-    isString(user.email) &&
-    isString(user.accessToken) &&
-    isString(user.refreshToken)
-  );
-};
-
-export { isValidUser };
diff --git a/media-store/app-src/webpack/common-plugins.js b/media-store/app-src/webpack/common-plugins.js
deleted file mode 100644
index 9ae39a04..00000000
--- a/media-store/app-src/webpack/common-plugins.js
+++ /dev/null
@@ -1,33 +0,0 @@
-const path = require('path');
-const webpack = require('webpack');
-const { CleanWebpackPlugin } = require('clean-webpack-plugin');
-const HtmlWebpackPlugin = require('html-webpack-plugin');
-const CopyPlugin = require('copy-webpack-plugin');
-const InterpolateHtmlPlugin = require('react-dev-utils/InterpolateHtmlPlugin');
-
-module.exports = {
-  plugins: [
-    new CleanWebpackPlugin(),
-    new HtmlWebpackPlugin({
-      template: path.join(__dirname, '../public/index.html'),
-      filename: path.join(__dirname, '../../app/index.html'),
-      publicPath: '/static/', // for js bundles path
-    }),
-    new InterpolateHtmlPlugin(HtmlWebpackPlugin, {
-      PUBLIC_URL: '',
-    }),
-    new CopyPlugin({
-      patterns: [
-        {
-          from: path.join(__dirname, '../public'),
-          to: path.join(__dirname, '../../app'),
-          globOptions: {
-            dot: true,
-            ignore: ['**/index.html'],
-          },
-        },
-      ],
-    }),
-    new webpack.ProgressPlugin(),
-  ],
-};
diff --git a/media-store/app-src/webpack/common-rules.js b/media-store/app-src/webpack/common-rules.js
deleted file mode 100644
index 1afcc25e..00000000
--- a/media-store/app-src/webpack/common-rules.js
+++ /dev/null
@@ -1,18 +0,0 @@
-module.exports = {
-  rules: [
-    {
-      test: /\.(js|jsx)$/,
-      exclude: /(node_modules)/,
-      use: {
-        loader: 'babel-loader',
-        options: {
-          presets: ['@babel/preset-env', '@babel/preset-react'],
-        },
-      },
-    },
-    {
-      test: /\.(png|jpg)$/,
-      use: [{ loader: 'url-loader' }],
-    },
-  ],
-};
diff --git a/media-store/app-src/webpack/webpack-dev-server.js b/media-store/app-src/webpack/webpack-dev-server.js
deleted file mode 100644
index f0efb72e..00000000
--- a/media-store/app-src/webpack/webpack-dev-server.js
+++ /dev/null
@@ -1,56 +0,0 @@
-const path = require('path');
-const webpack = require('webpack');
-const HtmlWebpackPlugin = require('html-webpack-plugin');
-const { CleanWebpackPlugin } = require('clean-webpack-plugin');
-const InterpolateHtmlPlugin = require('react-dev-utils/InterpolateHtmlPlugin');
-const { rules } = require('./common-rules');
-
-module.exports = {
-  mode: 'development',
-  devtool: 'inline-source-map',
-  entry: {
-    index: './src/index.jsx',
-  },
-  devServer: {
-    contentBase: './dist',
-    compress: true, // compress files to gzip to increase download speed
-    port: 3000,
-    disableHostCheck: false, // by default true, it is not recomended,
-    // because it makes app vulnerable to DNS rebinding attacks
-    headers: {
-      'X-Custom-header': 'custom', // this requires apps with authentication
-      // useful config obj
-    },
-    open: true, // open the browser after server had been started
-    hot: true, // hot module replacement
-    historyApiFallback: true, // needs for react-router-dom
-  },
-  plugins: [
-    new CleanWebpackPlugin({ cleanStaleWebpackAssets: false }),
-    new HtmlWebpackPlugin({
-      template: path.join(__dirname, '../public/index.html'),
-    }),
-    new InterpolateHtmlPlugin(HtmlWebpackPlugin, {
-      PUBLIC_URL: '',
-    }),
-    new webpack.ProgressPlugin(),
-    new webpack.DefinePlugin({
-      'process.env.SERVICE_URL': JSON.stringify('http://localhost:4004/'),
-    }),
-    // new webpack.HotModuleReplacementPlugin(), // for hot module replacement option of devServer
-  ],
-  output: {
-    filename: '[name].[fullhash].js',
-    path: path.resolve(__dirname, 'dist'),
-  },
-  module: {
-    rules: [
-      ...rules,
-      {
-        test: /\.css$/,
-        use: [{ loader: 'style-loader' }, { loader: 'css-loader' }],
-      },
-    ],
-  },
-  resolve: { extensions: ['*', '.js', '.jsx'] },
-};
diff --git a/media-store/app-src/webpack/webpack.common.js b/media-store/app-src/webpack/webpack.common.js
deleted file mode 100644
index 83b11f1f..00000000
--- a/media-store/app-src/webpack/webpack.common.js
+++ /dev/null
@@ -1,25 +0,0 @@
-const path = require('path');
-
-module.exports = {
-  entry: {
-    app: './src/index.jsx', // Bundle with our code
-    react: ['react', 'react-dom'],
-    lodash: ['lodash'],
-    moment: ['moment'],
-    events: ['events'],
-    axios: ['axios'],
-    antd: ['antd'],
-  },
-  output: {
-    // [name] - name of the entry (bundle),
-    // [checksum] or [hash] - to cache different bundles
-    // from update when developing (doing changes in the files)
-    filename: '[name].[fullhash].js',
-    // in this folder path bundles will be placed
-    path: path.resolve(__dirname, '../../app/static'),
-    // where you uploaded your bundled files. (Relative to server root)
-    // needs for react-router-dom
-    publicPath: '/static/',
-  },
-  resolve: { extensions: ['*', '.js', '.jsx'] },
-};
diff --git a/media-store/app-src/webpack/webpack.dev.js b/media-store/app-src/webpack/webpack.dev.js
deleted file mode 100644
index ef02a698..00000000
--- a/media-store/app-src/webpack/webpack.dev.js
+++ /dev/null
@@ -1,25 +0,0 @@
-const webpack = require('webpack');
-const { merge } = require('webpack-merge');
-const common = require('./webpack.common.js');
-const { rules } = require('./common-rules');
-const { plugins } = require('./common-plugins');
-
-module.exports = merge(common, {
-  mode: 'development',
-  devtool: 'inline-source-map',
-  plugins: [
-    ...plugins,
-    new webpack.DefinePlugin({
-      'process.env.SERVICE_URL': JSON.stringify('http://localhost:4004/'),
-    }),
-  ],
-  module: {
-    rules: [
-      ...rules,
-      {
-        test: /\.css$/,
-        use: [{ loader: 'style-loader' }, { loader: 'css-loader' }],
-      },
-    ],
-  },
-});
diff --git a/media-store/app-src/webpack/webpack.prod.js b/media-store/app-src/webpack/webpack.prod.js
deleted file mode 100644
index bb047d76..00000000
--- a/media-store/app-src/webpack/webpack.prod.js
+++ /dev/null
@@ -1,40 +0,0 @@
-const webpack = require('webpack');
-const { merge } = require('webpack-merge');
-const MiniCssExtractPlugin = require('mini-css-extract-plugin');
-const CssMinimizerPlugin = require('css-minimizer-webpack-plugin');
-const TerserPlugin = require('terser-webpack-plugin');
-const common = require('./webpack.common.js');
-const { rules } = require('./common-rules');
-const { plugins } = require('./common-plugins');
-
-module.exports = merge(common, {
-  mode: 'production',
-  devtool: 'source-map',
-  plugins: [
-    ...plugins,
-    new webpack.DefinePlugin({
-      'process.env.SERVICE_URL': JSON.stringify('api/'),
-    }),
-    new MiniCssExtractPlugin({
-      filename: '[name].css',
-      chunkFilename: '[id].css',
-    }),
-  ],
-  optimization: {
-    splitChunks: {
-      // To split up js code to different bundles.
-      chunks: 'all', // Now bundle with our code will be cleaned up
-    }, // from vendors imports (2mb ~> 100kb)
-    minimize: true,
-    minimizer: [new TerserPlugin(), new CssMinimizerPlugin()], // to minimize file size
-  },
-  module: {
-    rules: [
-      ...rules,
-      {
-        test: /\.css$/,
-        use: [MiniCssExtractPlugin.loader, 'css-loader'],
-      },
-    ],
-  },
-});
diff --git a/media-store/deployers/approuter/package.json b/media-store/deployers/approuter/package.json
deleted file mode 100644
index d9a4cd89..00000000
--- a/media-store/deployers/approuter/package.json
+++ /dev/null
@@ -1,11 +0,0 @@
-{
-  "name": "media-store-approuter",
-  "description": "Approuter",
-  "version": "1.0.0",
-  "dependencies": {
-    "@sap/approuter": "^6.8.2"
-  },
-  "scripts": {
-    "start": "node node_modules/@sap/approuter/approuter.js"
-  }
-}
diff --git a/media-store/deployers/approuter/xs-app.json b/media-store/deployers/approuter/xs-app.json
deleted file mode 100644
index 4270e0cb..00000000
--- a/media-store/deployers/approuter/xs-app.json
+++ /dev/null
@@ -1,17 +0,0 @@
-{
-  "welcomeFile": "/index.html",
-  "authenticationMethod": "none",
-  "routes": [
-    {
-      "source": "/api/(.*)",
-      "target": "$1",
-      "destination": "srv-binding",
-      "authenticationType": "none"
-    },
-    {
-      "source": "^(.*)",
-      "target": "mediastore/$1",
-      "service": "html5-apps-repo-rt"
-    }
-  ]
-}
diff --git a/media-store/deployers/html5Deployer/package.json b/media-store/deployers/html5Deployer/package.json
deleted file mode 100644
index 09f597b2..00000000
--- a/media-store/deployers/html5Deployer/package.json
+++ /dev/null
@@ -1,12 +0,0 @@
-{
-  "name": "media-store-html5deployer",
-  "engines": {
-    "node": ">=6.0.0"
-  },
-  "dependencies": {
-    "@sap/html5-app-deployer": "^2.0.0"
-  },
-  "scripts": {
-    "start": "node node_modules/@sap/html5-app-deployer/index.js"
-  }
-}
diff --git a/media-store/deployers/xs-security.json b/media-store/deployers/xs-security.json
deleted file mode 100644
index fd42b7a2..00000000
--- a/media-store/deployers/xs-security.json
+++ /dev/null
@@ -1,7 +0,0 @@
-{
-  "xsappname": "media-store-xsuaa",
-  "tenant-mode": "dedicated",
-  "scopes": [],
-  "attributes": [],
-  "role-templates": []
-}
diff --git a/media-store/mta.yaml b/media-store/mta.yaml
index 60f2ca04..fff60868 100644
--- a/media-store/mta.yaml
+++ b/media-store/mta.yaml
@@ -48,7 +48,7 @@ modules:
   - name: media-store-hmtl5-deployer
     # ------------------------------------------------------------
     type: com.sap.html5.application-content
-    path: deployers/html5Deployer
+    path: app/deployers/html5Deployer
     requires:
       - name: media-store-html5-host
     build-parameters:
@@ -71,7 +71,7 @@ modules:
   - name: media-store-approuter
     # ------------------------------------------------------------
     type: approuter.nodejs
-    path: deployers/approuter
+    path: app/deployers/approuter
     requires:
       - name: media-store-html5-runtime
       - name: media-store-xsuaa
@@ -119,7 +119,7 @@ resources:
   - name: media-store-xsuaa
     # ------------------------------------------------------------
     parameters:
-      path: deployers/xs-security.json
+      path: app/deployers/xs-security.json
       service-plan: application
       service: xsuaa
     type: org.cloudfoundry.managed-service