diff --git a/src/components/EatFridgeItemModal.vue b/src/components/EatFridgeItemModal.vue
new file mode 100644
index 0000000000000000000000000000000000000000..57cd31e7d3a12831a25248c6e5667d8809e80ed2
--- /dev/null
+++ b/src/components/EatFridgeItemModal.vue
@@ -0,0 +1,37 @@
+<template>
+  <div id="popup">
+      <p>Hvor mye har du spist?</p>
+      <br>
+      <br>
+      <p>50%</p>
+      <p>|----------o-----------|</p>
+      <p>.</p>
+      <div id="buttons">
+          <button>ALT</button>
+          <button>Ingen ting</button>
+      </div>
+  </div>
+</template>
+
+<script>
+export default {
+    name: "EatFridgeItemModal",
+}
+</script>
+
+<style scoped lang="scss">
+#popup {
+  background-color: turquoise;
+  color: black;
+  width: 50%;
+  display:flex;
+  flex-direction: column;
+  align-items: center;
+
+}
+
+#buttons {
+  justify-content: center;
+  display: flex;
+}
+</style>
\ No newline at end of file
diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue
index 3cd834844d28a04cebd142f1d9203a0ddd8216bb..0042ce11028eb6298aee8430e093d14404dd3b5b 100644
--- a/src/views/HomeView.vue
+++ b/src/views/HomeView.vue
@@ -1,9 +1,11 @@
 <script setup>
 
+import EatFridgeItemModal from "@/components/EatFridgeItemModal.vue";
 </script>
 
 <template>
   <main>
+      <eat-fridge-item-modal></eat-fridge-item-modal>
       <p>HALLO</p>
   </main>
 </template>