diff --git a/client/src/main/resources/FoodpalApplication.fxml b/client/src/main/resources/FoodpalApplication.fxml
new file mode 100644
index 0000000..9743e7e
--- /dev/null
+++ b/client/src/main/resources/FoodpalApplication.fxml
@@ -0,0 +1,156 @@
+<?xml version="1.0" encoding="UTF-8"?>
+
+<?import javafx.geometry.Insets?>
+<?import javafx.scene.control.Button?>
+<?import javafx.scene.control.ButtonBar?>
+<?import javafx.scene.control.Label?>
+<?import javafx.scene.control.ListView?>
+<?import javafx.scene.control.ToolBar?>
+<?import javafx.scene.layout.BorderPane?>
+<?import javafx.scene.layout.ColumnConstraints?>
+<?import javafx.scene.layout.GridPane?>
+<?import javafx.scene.layout.HBox?>
+<?import javafx.scene.layout.Pane?>
+<?import javafx.scene.layout.RowConstraints?>
+<?import javafx.scene.layout.VBox?>
+<?import javafx.scene.text.Font?>
+
+<BorderPane prefHeight="800.0" prefWidth="1200.0" xmlns="http://javafx.com/javafx/25" xmlns:fx="http://javafx.com/fxml/1" fx:controller="client.OverviewCtrl">
+
+    <!-- TOP BAR -->
+    <top>
+        <HBox spacing="10">
+            <padding>
+                <Insets bottom="10" left="10" right="10" top="10" />
+            </padding>
+         <GridPane>
+           <columnConstraints>
+             <ColumnConstraints hgrow="SOMETIMES" maxWidth="198.0" minWidth="10.0" prefWidth="130.0" />
+             <ColumnConstraints hgrow="SOMETIMES" maxWidth="95.0" minWidth="2.0" prefWidth="70.0" />
+           </columnConstraints>
+           <rowConstraints>
+             <RowConstraints maxHeight="54.0" minHeight="10.0" prefHeight="54.0" vgrow="SOMETIMES" />
+             <RowConstraints maxHeight="25.0" minHeight="6.0" prefHeight="6.0" vgrow="SOMETIMES" />
+             <RowConstraints minHeight="10.0" prefHeight="30.0" vgrow="SOMETIMES" />
+           </rowConstraints>
+            <children>
+      
+                     <Label prefHeight="56.0" prefWidth="158.0" text="FoodPal">
+                  <font>
+                     <Font name="System Bold" size="29.0" />
+                  </font>
+               </Label>
+               <ButtonBar prefHeight="40.0" prefWidth="200.0" GridPane.rowIndex="2">
+                  <buttons>
+                     <ToolBar prefHeight="35.0" prefWidth="123.0">
+                        <items>
+                               <Button fx:id="flagEnButton" minWidth="33.0" onAction="#switchToEngelish" prefHeight="25.0" prefWidth="33.0" text="EN" />
+                               <Button fx:id="flagNlButton" onAction="#switchToDutch" text="NL" />
+                               <Button fx:id="flagPlButton" onAction="#switchToPolish" text="PL" />
+                        </items>
+                     </ToolBar>
+                  </buttons>
+               </ButtonBar>
+            </children>
+         </GridPane>
+
+               <Pane HBox.hgrow="ALWAYS" />
+
+               <HBox spacing="5" />
+         <GridPane prefHeight="90.0" prefWidth="114.0">
+           <columnConstraints>
+               <ColumnConstraints hgrow="SOMETIMES" maxWidth="315.0" minWidth="10.0" prefWidth="32.1666259765625" />
+               <ColumnConstraints hgrow="SOMETIMES" maxWidth="315.0" minWidth="10.0" prefWidth="24.8333740234375" />
+             <ColumnConstraints hgrow="SOMETIMES" maxWidth="173.0" minWidth="10.0" prefWidth="28.6666259765625" />
+               <ColumnConstraints hgrow="SOMETIMES" maxWidth="95.0" minWidth="10.0" prefWidth="34.0" />
+           </columnConstraints>
+           <rowConstraints>
+             <RowConstraints minHeight="10.0" prefHeight="30.0" vgrow="SOMETIMES" />
+             <RowConstraints minHeight="10.0" prefHeight="30.0" vgrow="SOMETIMES" />
+             <RowConstraints minHeight="10.0" prefHeight="30.0" vgrow="SOMETIMES" />
+           </rowConstraints>
+            <children>
+                  <Button fx:id="closeButton" onAction="#closeWindow" text="X" GridPane.columnIndex="3" />
+                  <Button fx:id="maximizeButton" onAction="#MazimizeWindow" text="□" GridPane.columnIndex="2" />
+                  <Button fx:id="minimizeButton" onAction="#MinimizeWindow" text="-" GridPane.columnIndex="1" />
+      
+                     <Button fx:id="refreshButton" onAction="#refresh" prefHeight="25.0" prefWidth="34.0" text="⟳" GridPane.columnIndex="3" GridPane.rowIndex="2" />
+            </children>
+         </GridPane>
+        </HBox>
+    </top>
+
+    <!-- LEFT: RECIPE LIST -->
+    <left>
+        <VBox spacing="10">
+            <padding>
+                <Insets bottom="10" left="10" right="10" top="10" />
+            </padding>
+
+            <Label text="Recipes">
+            <font>
+               <Font name="System Bold" size="15.0" />
+            </font></Label>
+
+            <ListView fx:id="recipeList" />
+
+            <HBox spacing="10">
+                <Button fx:id="AddRecipeButton" onAction="#addRecipe" text="Add Recipe" />
+                <Button fx:id="RemoveRecipeButton" onAction="#removeSelectedRecipe" text="Remove Recipe" />
+            <Button mnemonicParsing="false" text="Clone" />
+            </HBox>
+        </VBox>
+    </left>
+
+    <!-- CENTER: RECIPE DETAILS -->
+    <center>
+        <VBox spacing="20">
+            <padding>
+                <Insets bottom="10" left="10" right="10" top="10" />
+            </padding>
+
+            <!-- Recipe title row -->
+            <HBox spacing="10">
+                <Label fx:id="replaceNameLabel" text="Recipe Name">
+               <font>
+                  <Font name="System Bold" size="14.0" />
+               </font></Label>
+                <Button fx:id="editRecipeTitleButton" onAction="#editRecipeTitle" text="Edit" />
+            <Button fx:id="RemoveRecipeButton2" mnemonicParsing="false" onAction="#removeSelectedRecipe" text="Remove Recipe" />
+            <Button fx:id="printRecipe" mnemonicParsing="false" onAction="#MakePrintable" text="Print Recipe" />
+            </HBox>
+
+            <!-- Ingredients -->
+            <VBox spacing="10">
+                <Label fx:id="ingredientsListView" text="Ingredients">
+               <font>
+                  <Font name="System Bold" size="14.0" />
+               </font></Label>
+                <ListView prefHeight="167.0" prefWidth="912.0" />
+                <Button fx:id="addIngredientButton" onAction="#addIngredient" text="Add Ingredient" />
+            </VBox>
+
+            <!-- Preparation -->
+            <VBox spacing="10">
+                <Label fx:id="preparationListView" text="Preparation">
+               <font>
+                  <Font name="System Bold" size="14.0" />
+               </font></Label>
+                <ListView prefHeight="200.0" />
+                <Button fx:id="addPreparationStepButton" onAction="#addPreperationStep" text="Add Step" />
+            </VBox>
+         <GridPane>
+           <columnConstraints>
+             <ColumnConstraints hgrow="SOMETIMES" maxWidth="890.6666870117188" minWidth="10.0" prefWidth="854.6666870117188" />
+             <ColumnConstraints hgrow="SOMETIMES" maxWidth="445.3333740234375" minWidth="10.0" prefWidth="57.33331298828125" />
+           </columnConstraints>
+           <rowConstraints>
+             <RowConstraints minHeight="10.0" prefHeight="30.0" vgrow="SOMETIMES" />
+             <RowConstraints minHeight="10.0" prefHeight="30.0" vgrow="SOMETIMES" />
+             <RowConstraints minHeight="10.0" prefHeight="30.0" vgrow="SOMETIMES" />
+           </rowConstraints>
+         </GridPane>
+        </VBox>
+    </center>
+
+</BorderPane>