diff --git a/client/flimder/.eslintrc.cjs b/client/.eslintrc.cjs
similarity index 100%
rename from client/flimder/.eslintrc.cjs
rename to client/.eslintrc.cjs
diff --git a/client/flimder/.gitignore b/client/.gitignore
similarity index 100%
rename from client/flimder/.gitignore
rename to client/.gitignore
diff --git a/client/flimder/.prettierrc.json b/client/.prettierrc.json
similarity index 100%
rename from client/flimder/.prettierrc.json
rename to client/.prettierrc.json
diff --git a/client/flimder/README.md b/client/README.md
similarity index 100%
rename from client/flimder/README.md
rename to client/README.md
diff --git a/client/flimder/env.d.ts b/client/env.d.ts
similarity index 100%
rename from client/flimder/env.d.ts
rename to client/env.d.ts
diff --git a/client/flimder/src/App.vue b/client/flimder/src/App.vue
deleted file mode 100644
index 343a452..0000000
--- a/client/flimder/src/App.vue
+++ /dev/null
@@ -1,19 +0,0 @@
-<script setup lang="ts">
-import Home from '@/views/Home.vue'
-import MainTable from "@/components/MainTable.vue"
-</script>
-
-<template>
-  <div class="prose min-h-full min-w-full dark:prose-invert">
-    <header class="navbar space-x-4 px-4 shadow-xl">
-      <nav class="flex-1 space-x-2 text-xl">
-        <button class="btn btn-ghost normal-case">Add movie</button>
-      </nav>
-    </header>
-
-    <MainTable />
-
-  </div>
-</template>
-
-<style scoped></style>
diff --git a/client/flimder/src/assets/main.css b/client/flimder/src/assets/main.css
deleted file mode 100644
index e8667cd..0000000
--- a/client/flimder/src/assets/main.css
+++ /dev/null
@@ -1,35 +0,0 @@
-@import './base.css';
-
-#app {
-  max-width: 1280px;
-  margin: 0 auto;
-  padding: 2rem;
-
-  font-weight: normal;
-}
-
-a,
-.green {
-  text-decoration: none;
-  color: hsla(160, 100%, 37%, 1);
-  transition: 0.4s;
-}
-
-@media (hover: hover) {
-  a:hover {
-    background-color: hsla(160, 100%, 37%, 0.2);
-  }
-}
-
-@media (min-width: 1024px) {
-  body {
-    display: flex;
-    place-items: center;
-  }
-
-  #app {
-    display: grid;
-    grid-template-columns: 1fr 1fr;
-    padding: 0 2rem;
-  }
-}
diff --git a/client/flimder/src/components/HelloWorld.vue b/client/flimder/src/components/HelloWorld.vue
deleted file mode 100644
index 38d821e..0000000
--- a/client/flimder/src/components/HelloWorld.vue
+++ /dev/null
@@ -1,41 +0,0 @@
-<script setup lang="ts">
-defineProps<{
-  msg: string
-}>()
-</script>
-
-<template>
-  <div class="greetings">
-    <h1 class="green">{{ msg }}</h1>
-    <h3>
-      You’ve successfully created a project with
-      <a href="https://vitejs.dev/" target="_blank" rel="noopener">Vite</a> +
-      <a href="https://vuejs.org/" target="_blank" rel="noopener">Vue 3</a>. What's next?
-    </h3>
-  </div>
-</template>
-
-<style scoped>
-h1 {
-  font-weight: 500;
-  font-size: 2.6rem;
-  position: relative;
-  top: -10px;
-}
-
-h3 {
-  font-size: 1.2rem;
-}
-
-.greetings h1,
-.greetings h3 {
-  text-align: center;
-}
-
-@media (min-width: 1024px) {
-  .greetings h1,
-  .greetings h3 {
-    text-align: left;
-  }
-}
-</style>
diff --git a/client/flimder/src/components/TheWelcome.vue b/client/flimder/src/components/TheWelcome.vue
deleted file mode 100644
index a70765c..0000000
--- a/client/flimder/src/components/TheWelcome.vue
+++ /dev/null
@@ -1,86 +0,0 @@
-<script setup lang="ts">
-import WelcomeItem from './WelcomeItem.vue'
-import DocumentationIcon from './icons/IconDocumentation.vue'
-import ToolingIcon from './icons/IconTooling.vue'
-import EcosystemIcon from './icons/IconEcosystem.vue'
-import CommunityIcon from './icons/IconCommunity.vue'
-import SupportIcon from './icons/IconSupport.vue'
-</script>
-
-<template>
-  <WelcomeItem>
-    <template #icon>
-      <DocumentationIcon />
-    </template>
-    <template #heading>Documentation</template>
-
-    Vue’s
-    <a href="https://vuejs.org/" target="_blank" rel="noopener">official documentation</a>
-    provides you with all information you need to get started.
-  </WelcomeItem>
-
-  <WelcomeItem>
-    <template #icon>
-      <ToolingIcon />
-    </template>
-    <template #heading>Tooling</template>
-
-    This project is served and bundled with
-    <a href="https://vitejs.dev/guide/features.html" target="_blank" rel="noopener">Vite</a>. The
-    recommended IDE setup is
-    <a href="https://code.visualstudio.com/" target="_blank" rel="noopener">VSCode</a> +
-    <a href="https://github.com/johnsoncodehk/volar" target="_blank" rel="noopener">Volar</a>. If
-    you need to test your components and web pages, check out
-    <a href="https://www.cypress.io/" target="_blank" rel="noopener">Cypress</a> and
-    <a href="https://on.cypress.io/component" target="_blank">Cypress Component Testing</a>.
-
-    <br />
-
-    More instructions are available in <code>README.md</code>.
-  </WelcomeItem>
-
-  <WelcomeItem>
-    <template #icon>
-      <EcosystemIcon />
-    </template>
-    <template #heading>Ecosystem</template>
-
-    Get official tools and libraries for your project:
-    <a href="https://pinia.vuejs.org/" target="_blank" rel="noopener">Pinia</a>,
-    <a href="https://router.vuejs.org/" target="_blank" rel="noopener">Vue Router</a>,
-    <a href="https://test-utils.vuejs.org/" target="_blank" rel="noopener">Vue Test Utils</a>, and
-    <a href="https://github.com/vuejs/devtools" target="_blank" rel="noopener">Vue Dev Tools</a>. If
-    you need more resources, we suggest paying
-    <a href="https://github.com/vuejs/awesome-vue" target="_blank" rel="noopener">Awesome Vue</a>
-    a visit.
-  </WelcomeItem>
-
-  <WelcomeItem>
-    <template #icon>
-      <CommunityIcon />
-    </template>
-    <template #heading>Community</template>
-
-    Got stuck? Ask your question on
-    <a href="https://chat.vuejs.org" target="_blank" rel="noopener">Vue Land</a>, our official
-    Discord server, or
-    <a href="https://stackoverflow.com/questions/tagged/vue.js" target="_blank" rel="noopener"
-      >StackOverflow</a
-    >. You should also subscribe to
-    <a href="https://news.vuejs.org" target="_blank" rel="noopener">our mailing list</a> and follow
-    the official
-    <a href="https://twitter.com/vuejs" target="_blank" rel="noopener">@vuejs</a>
-    twitter account for latest news in the Vue world.
-  </WelcomeItem>
-
-  <WelcomeItem>
-    <template #icon>
-      <SupportIcon />
-    </template>
-    <template #heading>Support Vue</template>
-
-    As an independent project, Vue relies on community backing for its sustainability. You can help
-    us by
-    <a href="https://vuejs.org/sponsor/" target="_blank" rel="noopener">becoming a sponsor</a>.
-  </WelcomeItem>
-</template>
diff --git a/client/flimder/src/components/WelcomeItem.vue b/client/flimder/src/components/WelcomeItem.vue
deleted file mode 100644
index 6d7086a..0000000
--- a/client/flimder/src/components/WelcomeItem.vue
+++ /dev/null
@@ -1,87 +0,0 @@
-<template>
-  <div class="item">
-    <i>
-      <slot name="icon"></slot>
-    </i>
-    <div class="details">
-      <h3>
-        <slot name="heading"></slot>
-      </h3>
-      <slot></slot>
-    </div>
-  </div>
-</template>
-
-<style scoped>
-.item {
-  margin-top: 2rem;
-  display: flex;
-  position: relative;
-}
-
-.details {
-  flex: 1;
-  margin-left: 1rem;
-}
-
-i {
-  display: flex;
-  place-items: center;
-  place-content: center;
-  width: 32px;
-  height: 32px;
-
-  color: var(--color-text);
-}
-
-h3 {
-  font-size: 1.2rem;
-  font-weight: 500;
-  margin-bottom: 0.4rem;
-  color: var(--color-heading);
-}
-
-@media (min-width: 1024px) {
-  .item {
-    margin-top: 0;
-    padding: 0.4rem 0 1rem calc(var(--section-gap) / 2);
-  }
-
-  i {
-    top: calc(50% - 25px);
-    left: -26px;
-    position: absolute;
-    border: 1px solid var(--color-border);
-    background: var(--color-background);
-    border-radius: 8px;
-    width: 50px;
-    height: 50px;
-  }
-
-  .item:before {
-    content: ' ';
-    border-left: 1px solid var(--color-border);
-    position: absolute;
-    left: 0;
-    bottom: calc(50% + 25px);
-    height: calc(50% - 25px);
-  }
-
-  .item:after {
-    content: ' ';
-    border-left: 1px solid var(--color-border);
-    position: absolute;
-    left: 0;
-    top: calc(50% + 25px);
-    height: calc(50% - 25px);
-  }
-
-  .item:first-of-type:before {
-    display: none;
-  }
-
-  .item:last-of-type:after {
-    display: none;
-  }
-}
-</style>
diff --git a/client/flimder/src/router/index.ts b/client/flimder/src/router/index.ts
deleted file mode 100644
index a49ae50..0000000
--- a/client/flimder/src/router/index.ts
+++ /dev/null
@@ -1,23 +0,0 @@
-import { createRouter, createWebHistory } from 'vue-router'
-import HomeView from '../views/HomeView.vue'
-
-const router = createRouter({
-  history: createWebHistory(import.meta.env.BASE_URL),
-  routes: [
-    {
-      path: '/',
-      name: 'home',
-      component: HomeView
-    },
-    {
-      path: '/about',
-      name: 'about',
-      // route level code-splitting
-      // this generates a separate chunk (About.[hash].js) for this route
-      // which is lazy-loaded when the route is visited.
-      component: () => import('../views/AboutView.vue')
-    }
-  ]
-})
-
-export default router
diff --git a/client/flimder/src/views/AboutView.vue b/client/flimder/src/views/AboutView.vue
deleted file mode 100644
index 756ad2a..0000000
--- a/client/flimder/src/views/AboutView.vue
+++ /dev/null
@@ -1,15 +0,0 @@
-<template>
-  <div class="about">
-    <h1>This is an about page</h1>
-  </div>
-</template>
-
-<style>
-@media (min-width: 1024px) {
-  .about {
-    min-height: 100vh;
-    display: flex;
-    align-items: center;
-  }
-}
-</style>
diff --git a/client/flimder/src/views/Home.vue b/client/flimder/src/views/Home.vue
deleted file mode 100644
index 75a5d24..0000000
--- a/client/flimder/src/views/Home.vue
+++ /dev/null
@@ -1,5 +0,0 @@
-<template>
-    <main>
-        <button class="btn">Press me</button>
-    </main>
-</template>
\ No newline at end of file
diff --git a/client/flimder/src/views/HomeView.vue b/client/flimder/src/views/HomeView.vue
deleted file mode 100644
index d5c0217..0000000
--- a/client/flimder/src/views/HomeView.vue
+++ /dev/null
@@ -1,9 +0,0 @@
-<script setup lang="ts">
-import TheWelcome from '../components/TheWelcome.vue'
-</script>
-
-<template>
-  <main>
-    <TheWelcome />
-  </main>
-</template>
diff --git a/client/flimder/index.html b/client/index.html
similarity index 91%
rename from client/flimder/index.html
rename to client/index.html
index a888544..ca425d9 100644
--- a/client/flimder/index.html
+++ b/client/index.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <link rel="icon" href="/favicon.ico">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Vite App</title>
+    <title>Flimder</title>
   </head>
   <body>
     <div id="app"></div>
diff --git a/client/flimder/package-lock.json b/client/package-lock.json
similarity index 98%
rename from client/flimder/package-lock.json
rename to client/package-lock.json
index e1bfcf9..f3ff92d 100644
--- a/client/flimder/package-lock.json
+++ b/client/package-lock.json
@@ -8,7 +8,7 @@
       "name": "flimder",
       "version": "0.0.0",
       "dependencies": {
-        "flowbite": "^1.7.0",
+        "axios": "^1.4.0",
         "vue": "^3.3.4",
         "vue-router": "^4.2.4"
       },
@@ -614,15 +614,6 @@
         "url": "https://opencollective.com/unts"
       }
     },
-    "node_modules/@popperjs/core": {
-      "version": "2.11.8",
-      "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.8.tgz",
-      "integrity": "sha512-P1st0aksCrn9sGZhp8GMYwBnQsbvAWsZAX44oXNNvLHGqAOcoVxmjZiohstwQ7SqKnbR47akdNi+uleWD8+g6A==",
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/popperjs"
-      }
-    },
     "node_modules/@rushstack/eslint-patch": {
       "version": "1.3.2",
       "resolved": "https://registry.npmjs.org/@rushstack/eslint-patch/-/eslint-patch-1.3.2.tgz",
@@ -1224,6 +1215,11 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/asynckit": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
+      "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q=="
+    },
     "node_modules/autoprefixer": {
       "version": "10.4.14",
       "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.14.tgz",
@@ -1269,6 +1265,16 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/axios": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/axios/-/axios-1.4.0.tgz",
+      "integrity": "sha512-S4XCWMEmzvo64T9GfvQDOXgYRDJ/wsSZc7Jvdgx5u1sd0JwsuPLqb3SYmusag+edF6ziyMensPVqLTSc1PiSEA==",
+      "dependencies": {
+        "follow-redirects": "^1.15.0",
+        "form-data": "^4.0.0",
+        "proxy-from-env": "^1.1.0"
+      }
+    },
     "node_modules/balanced-match": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
@@ -1510,6 +1516,17 @@
       "integrity": "sha512-jeC1axXpnb0/2nn/Y1LPuLdgXBLH7aDcHu4KEKfqw3CUhX7ZpfBSlPKyqXE6btIgEzfWtrX3/tyBCaCvXvMkOw==",
       "dev": true
     },
+    "node_modules/combined-stream": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
+      "integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==",
+      "dependencies": {
+        "delayed-stream": "~1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
     "node_modules/commander": {
       "version": "4.1.1",
       "resolved": "https://registry.npmjs.org/commander/-/commander-4.1.1.tgz",
@@ -1677,6 +1694,14 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/delayed-stream": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz",
+      "integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==",
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
     "node_modules/didyoumean": {
       "version": "1.2.2",
       "resolved": "https://registry.npmjs.org/didyoumean/-/didyoumean-1.2.2.tgz",
@@ -2267,13 +2292,23 @@
       "integrity": "sha512-5nqDSxl8nn5BSNxyR3n4I6eDmbolI6WT+QqR547RwxQapgjQBmtktdP+HTBb/a/zLsbzERTONyUB5pefh5TtjQ==",
       "dev": true
     },
-    "node_modules/flowbite": {
-      "version": "1.8.1",
-      "resolved": "https://registry.npmjs.org/flowbite/-/flowbite-1.8.1.tgz",
-      "integrity": "sha512-lXTcO8a6dRTPFpINyOLcATCN/pK1Of/jY4PryklPllAiqH64tSDUsOdQpar3TO59ZXWwugm2e92oaqwH6X90Xg==",
-      "dependencies": {
-        "@popperjs/core": "^2.9.3",
-        "mini-svg-data-uri": "^1.4.3"
+    "node_modules/follow-redirects": {
+      "version": "1.15.2",
+      "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.2.tgz",
+      "integrity": "sha512-VQLG33o04KaQ8uYi2tVNbdrWp1QWxNNea+nmIB4EVM28v0hmP17z7aG1+wAkNzVq4KeXTq3221ye5qTJP91JwA==",
+      "funding": [
+        {
+          "type": "individual",
+          "url": "https://github.com/sponsors/RubenVerborgh"
+        }
+      ],
+      "engines": {
+        "node": ">=4.0"
+      },
+      "peerDependenciesMeta": {
+        "debug": {
+          "optional": true
+        }
       }
     },
     "node_modules/for-each": {
@@ -2285,6 +2320,19 @@
         "is-callable": "^1.1.3"
       }
     },
+    "node_modules/form-data": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.0.tgz",
+      "integrity": "sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==",
+      "dependencies": {
+        "asynckit": "^0.4.0",
+        "combined-stream": "^1.0.8",
+        "mime-types": "^2.1.12"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
     "node_modules/fraction.js": {
       "version": "4.2.0",
       "resolved": "https://registry.npmjs.org/fraction.js/-/fraction.js-4.2.0.tgz",
@@ -3172,6 +3220,25 @@
         "node": ">=8.6"
       }
     },
+    "node_modules/mime-db": {
+      "version": "1.52.0",
+      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
+      "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/mime-types": {
+      "version": "2.1.35",
+      "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
+      "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
+      "dependencies": {
+        "mime-db": "1.52.0"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
     "node_modules/mimic-fn": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/mimic-fn/-/mimic-fn-4.0.0.tgz",
@@ -3184,14 +3251,6 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/mini-svg-data-uri": {
-      "version": "1.4.4",
-      "resolved": "https://registry.npmjs.org/mini-svg-data-uri/-/mini-svg-data-uri-1.4.4.tgz",
-      "integrity": "sha512-r9deDe9p5FJUPZAk3A59wGH7Ii9YrjjWw0jmw/liSbHl2CHiyXj6FcDXDu2K3TjVAXqiJdaw3xxwlZZr9E6nHg==",
-      "bin": {
-        "mini-svg-data-uri": "cli.js"
-      }
-    },
     "node_modules/minimatch": {
       "version": "3.1.2",
       "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
@@ -3932,6 +3991,11 @@
         "node": ">=6.0.0"
       }
     },
+    "node_modules/proxy-from-env": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.1.0.tgz",
+      "integrity": "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg=="
+    },
     "node_modules/punycode": {
       "version": "2.3.0",
       "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.0.tgz",
@@ -5434,11 +5498,6 @@
         "tslib": "^2.6.0"
       }
     },
-    "@popperjs/core": {
-      "version": "2.11.8",
-      "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.8.tgz",
-      "integrity": "sha512-P1st0aksCrn9sGZhp8GMYwBnQsbvAWsZAX44oXNNvLHGqAOcoVxmjZiohstwQ7SqKnbR47akdNi+uleWD8+g6A=="
-    },
     "@rushstack/eslint-patch": {
       "version": "1.3.2",
       "resolved": "https://registry.npmjs.org/@rushstack/eslint-patch/-/eslint-patch-1.3.2.tgz",
@@ -5877,6 +5936,11 @@
         "is-shared-array-buffer": "^1.0.2"
       }
     },
+    "asynckit": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
+      "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q=="
+    },
     "autoprefixer": {
       "version": "10.4.14",
       "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.14.tgz",
@@ -5897,6 +5961,16 @@
       "integrity": "sha512-DMD0KiN46eipeziST1LPP/STfDU0sufISXmjSgvVsoU2tqxctQeASejWcfNtxYKqETM1UxQ8sp2OrSBWpHY6sw==",
       "dev": true
     },
+    "axios": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/axios/-/axios-1.4.0.tgz",
+      "integrity": "sha512-S4XCWMEmzvo64T9GfvQDOXgYRDJ/wsSZc7Jvdgx5u1sd0JwsuPLqb3SYmusag+edF6ziyMensPVqLTSc1PiSEA==",
+      "requires": {
+        "follow-redirects": "^1.15.0",
+        "form-data": "^4.0.0",
+        "proxy-from-env": "^1.1.0"
+      }
+    },
     "balanced-match": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
@@ -6056,6 +6130,14 @@
       "integrity": "sha512-jeC1axXpnb0/2nn/Y1LPuLdgXBLH7aDcHu4KEKfqw3CUhX7ZpfBSlPKyqXE6btIgEzfWtrX3/tyBCaCvXvMkOw==",
       "dev": true
     },
+    "combined-stream": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
+      "integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==",
+      "requires": {
+        "delayed-stream": "~1.0.0"
+      }
+    },
     "commander": {
       "version": "4.1.1",
       "resolved": "https://registry.npmjs.org/commander/-/commander-4.1.1.tgz",
@@ -6172,6 +6254,11 @@
         "object-keys": "^1.1.1"
       }
     },
+    "delayed-stream": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz",
+      "integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ=="
+    },
     "didyoumean": {
       "version": "1.2.2",
       "resolved": "https://registry.npmjs.org/didyoumean/-/didyoumean-1.2.2.tgz",
@@ -6625,14 +6712,10 @@
       "integrity": "sha512-5nqDSxl8nn5BSNxyR3n4I6eDmbolI6WT+QqR547RwxQapgjQBmtktdP+HTBb/a/zLsbzERTONyUB5pefh5TtjQ==",
       "dev": true
     },
-    "flowbite": {
-      "version": "1.8.1",
-      "resolved": "https://registry.npmjs.org/flowbite/-/flowbite-1.8.1.tgz",
-      "integrity": "sha512-lXTcO8a6dRTPFpINyOLcATCN/pK1Of/jY4PryklPllAiqH64tSDUsOdQpar3TO59ZXWwugm2e92oaqwH6X90Xg==",
-      "requires": {
-        "@popperjs/core": "^2.9.3",
-        "mini-svg-data-uri": "^1.4.3"
-      }
+    "follow-redirects": {
+      "version": "1.15.2",
+      "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.2.tgz",
+      "integrity": "sha512-VQLG33o04KaQ8uYi2tVNbdrWp1QWxNNea+nmIB4EVM28v0hmP17z7aG1+wAkNzVq4KeXTq3221ye5qTJP91JwA=="
     },
     "for-each": {
       "version": "0.3.3",
@@ -6643,6 +6726,16 @@
         "is-callable": "^1.1.3"
       }
     },
+    "form-data": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.0.tgz",
+      "integrity": "sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==",
+      "requires": {
+        "asynckit": "^0.4.0",
+        "combined-stream": "^1.0.8",
+        "mime-types": "^2.1.12"
+      }
+    },
     "fraction.js": {
       "version": "4.2.0",
       "resolved": "https://registry.npmjs.org/fraction.js/-/fraction.js-4.2.0.tgz",
@@ -7257,17 +7350,25 @@
         "picomatch": "^2.3.1"
       }
     },
+    "mime-db": {
+      "version": "1.52.0",
+      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
+      "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg=="
+    },
+    "mime-types": {
+      "version": "2.1.35",
+      "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
+      "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
+      "requires": {
+        "mime-db": "1.52.0"
+      }
+    },
     "mimic-fn": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/mimic-fn/-/mimic-fn-4.0.0.tgz",
       "integrity": "sha512-vqiC06CuhBTUdZH+RYl8sFrL096vA45Ok5ISO6sE/Mr1jRbGH4Csnhi8f3wKVl7x8mO4Au7Ir9D3Oyv1VYMFJw==",
       "dev": true
     },
-    "mini-svg-data-uri": {
-      "version": "1.4.4",
-      "resolved": "https://registry.npmjs.org/mini-svg-data-uri/-/mini-svg-data-uri-1.4.4.tgz",
-      "integrity": "sha512-r9deDe9p5FJUPZAk3A59wGH7Ii9YrjjWw0jmw/liSbHl2CHiyXj6FcDXDu2K3TjVAXqiJdaw3xxwlZZr9E6nHg=="
-    },
     "minimatch": {
       "version": "3.1.2",
       "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
@@ -7773,6 +7874,11 @@
         "fast-diff": "^1.1.2"
       }
     },
+    "proxy-from-env": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.1.0.tgz",
+      "integrity": "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg=="
+    },
     "punycode": {
       "version": "2.3.0",
       "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.0.tgz",
diff --git a/client/flimder/package.json b/client/package.json
similarity index 97%
rename from client/flimder/package.json
rename to client/package.json
index c075007..e1808d5 100644
--- a/client/flimder/package.json
+++ b/client/package.json
@@ -12,6 +12,7 @@
     "format": "prettier --write src/"
   },
   "dependencies": {
+    "axios": "^1.4.0",
     "vue": "^3.3.4",
     "vue-router": "^4.2.4"
   },
diff --git a/client/flimder/postcss.config.js b/client/postcss.config.js
similarity index 100%
rename from client/flimder/postcss.config.js
rename to client/postcss.config.js
diff --git a/client/flimder/public/favicon.ico b/client/public/favicon.ico
similarity index 100%
rename from client/flimder/public/favicon.ico
rename to client/public/favicon.ico
diff --git a/client/src/App.vue b/client/src/App.vue
new file mode 100644
index 0000000..a79d1c7
--- /dev/null
+++ b/client/src/App.vue
@@ -0,0 +1,15 @@
+<script setup lang="ts">
+import MainTable from "@/components/MainTable.vue"
+import NavBar from './components/NavBar.vue';
+</script>
+
+<template>
+  <div class="prose min-h-full min-w-full dark:prose-invert">
+    <NavBar />
+
+    <MainTable />
+
+  </div>
+</template>
+
+<style scoped></style>
diff --git a/client/flimder/src/assets/base.css b/client/src/assets/base.css
similarity index 100%
rename from client/flimder/src/assets/base.css
rename to client/src/assets/base.css
diff --git a/client/flimder/src/assets/logo.svg b/client/src/assets/logo.svg
similarity index 100%
rename from client/flimder/src/assets/logo.svg
rename to client/src/assets/logo.svg
diff --git a/client/src/components/AddMovieModal.vue b/client/src/components/AddMovieModal.vue
new file mode 100644
index 0000000..deb20c3
--- /dev/null
+++ b/client/src/components/AddMovieModal.vue
@@ -0,0 +1,38 @@
+<script setup lang="ts">
+import { ref } from "vue";
+
+let modal = ref<HTMLDialogElement | null>(null);
+
+const formdata = {officiel_des_spectacles: {enabled: true, url: ""}}
+
+const openModal = () => modal.value?.showModal();
+const closeModal = () => modal.value?.close();
+
+const addMovie = () => {
+    console.log(formdata.officiel_des_spectacles.url)
+    closeModal()
+}
+
+</script>
+
+
+<template>
+    <button class="btn btn-ghost normal-case" @click="openModal">Add movie</button>
+
+    <dialog ref="modal" id="add_movie_modal" class="modal">
+        <form method="dialog" class="modal-box w-11/12 max-w-5xl">
+            <h3 class="font-bold text-lg mb-10">Add Movie</h3>
+
+            <div class="flex flex-1 flex-row space-x-10 items-end">
+                <input type="checkbox" class="checkbox" v-model="formdata.officiel_des_spectacles.enabled"/>
+                <p>L'Officiel des Spectacles</p>
+                <input type="text" placeholder="Movie URL" class="input input-bordered input-sm w-full max-w-xs" v-model="formdata.officiel_des_spectacles.url"/>
+            </div>
+
+            <div class="modal-action">
+                <button class="btn" @click="addMovie">OK</button>
+                <button class="btn" @click="closeModal">Cancel</button>
+            </div>
+        </form>
+    </dialog>
+</template>
\ No newline at end of file
diff --git a/client/flimder/src/components/MainTable.vue b/client/src/components/MainTable.vue
similarity index 100%
rename from client/flimder/src/components/MainTable.vue
rename to client/src/components/MainTable.vue
diff --git a/client/src/components/NavBar.vue b/client/src/components/NavBar.vue
new file mode 100644
index 0000000..56634cc
--- /dev/null
+++ b/client/src/components/NavBar.vue
@@ -0,0 +1,11 @@
+<script setup lang="ts">
+import AddMovieModal from './AddMovieModal.vue';
+</script>
+
+<template>
+    <header class="navbar space-x-4 px-4 shadow-xl">
+      <nav class="flex-1 space-x-2 text-xl">
+        <AddMovieModal />
+      </nav>
+    </header>
+</template>
\ No newline at end of file
diff --git a/client/flimder/src/components/icons/IconCommunity.vue b/client/src/components/icons/IconCommunity.vue
similarity index 100%
rename from client/flimder/src/components/icons/IconCommunity.vue
rename to client/src/components/icons/IconCommunity.vue
diff --git a/client/flimder/src/components/icons/IconDocumentation.vue b/client/src/components/icons/IconDocumentation.vue
similarity index 100%
rename from client/flimder/src/components/icons/IconDocumentation.vue
rename to client/src/components/icons/IconDocumentation.vue
diff --git a/client/flimder/src/components/icons/IconEcosystem.vue b/client/src/components/icons/IconEcosystem.vue
similarity index 100%
rename from client/flimder/src/components/icons/IconEcosystem.vue
rename to client/src/components/icons/IconEcosystem.vue
diff --git a/client/flimder/src/components/icons/IconSupport.vue b/client/src/components/icons/IconSupport.vue
similarity index 100%
rename from client/flimder/src/components/icons/IconSupport.vue
rename to client/src/components/icons/IconSupport.vue
diff --git a/client/flimder/src/components/icons/IconTooling.vue b/client/src/components/icons/IconTooling.vue
similarity index 100%
rename from client/flimder/src/components/icons/IconTooling.vue
rename to client/src/components/icons/IconTooling.vue
diff --git a/client/flimder/src/main.ts b/client/src/main.ts
similarity index 73%
rename from client/flimder/src/main.ts
rename to client/src/main.ts
index 3607cc3..727df47 100644
--- a/client/flimder/src/main.ts
+++ b/client/src/main.ts
@@ -2,10 +2,7 @@ import './style.css'
 
 import { createApp } from 'vue'
 import App from './App.vue'
-import router from './router'
 
 const app = createApp(App)
 
-app.use(router)
-
 app.mount('#app')
diff --git a/client/src/services/axios.ts b/client/src/services/axios.ts
new file mode 100644
index 0000000..00d89b5
--- /dev/null
+++ b/client/src/services/axios.ts
@@ -0,0 +1,13 @@
+import type {MovieCreation, Screenings} from "@/types/api";
+import axios, { type AxiosResponse } from "axios";
+
+export const baseURL = import.meta.env.FLIMDER_SERVER_URL ?? "http://localhost:5210";
+
+export const api = axios.create({
+    baseURL,
+    timeout: 30000,
+})
+
+export const getScreenings = () => api.get("/screenings") as Promise<AxiosResponse<Screenings[]>>;
+
+export const addMovie = (movie: MovieCreation) => api.post("/create", {movie: movie})
\ No newline at end of file
diff --git a/client/flimder/src/style.css b/client/src/style.css
similarity index 100%
rename from client/flimder/src/style.css
rename to client/src/style.css
diff --git a/client/src/types/api.ts b/client/src/types/api.ts
new file mode 100644
index 0000000..b0b10e5
--- /dev/null
+++ b/client/src/types/api.ts
@@ -0,0 +1,43 @@
+export type DateString = string;
+
+export interface Screening {
+    time: string;
+}
+
+export interface TheaterScreenings {
+    theaterName: string;
+    screenings: Screening[];
+}
+
+export type MovieScreenings = Record<DateString, TheaterScreenings[]>
+
+export interface Movie {
+    title: string;
+}
+
+export interface Screenings {
+    movie: Movie;
+    screenings: MovieScreenings
+}
+
+export interface MovieCreation {
+    movie: Movie;
+    providers: MovieProviderConfig[]
+}
+
+export interface MovieProviderConfig {
+    name: string;
+    config: object;
+}
+
+export interface FormField {
+    name: string;
+    label?: string;
+    type: "text" | "integer";
+}
+
+export interface ScreeningsProviderDef {
+    name: string;
+    icon: string;
+    formfields: FormField[]
+}
\ No newline at end of file
diff --git a/client/flimder/tailwind.config.js b/client/tailwind.config.js
similarity index 100%
rename from client/flimder/tailwind.config.js
rename to client/tailwind.config.js
diff --git a/client/flimder/tsconfig.app.json b/client/tsconfig.app.json
similarity index 100%
rename from client/flimder/tsconfig.app.json
rename to client/tsconfig.app.json
diff --git a/client/flimder/tsconfig.json b/client/tsconfig.json
similarity index 100%
rename from client/flimder/tsconfig.json
rename to client/tsconfig.json
diff --git a/client/flimder/tsconfig.node.json b/client/tsconfig.node.json
similarity index 100%
rename from client/flimder/tsconfig.node.json
rename to client/tsconfig.node.json
diff --git a/client/flimder/vite.config.ts b/client/vite.config.ts
similarity index 100%
rename from client/flimder/vite.config.ts
rename to client/vite.config.ts