diff --git a/srcs/requirements/svelte/api_front/public/fonts/Bit5x3.woff b/srcs/requirements/svelte/api_front/public/fonts/Bit5x3.woff
new file mode 100644
index 00000000..72c8b293
Binary files /dev/null and b/srcs/requirements/svelte/api_front/public/fonts/Bit5x3.woff differ
diff --git a/srcs/requirements/svelte/api_front/public/fonts/Bit5x3.woff2 b/srcs/requirements/svelte/api_front/public/fonts/Bit5x3.woff2
new file mode 100644
index 00000000..27d538bf
Binary files /dev/null and b/srcs/requirements/svelte/api_front/public/fonts/Bit5x3.woff2 differ
diff --git a/srcs/requirements/svelte/api_front/public/sound/pong/0.ogg b/srcs/requirements/svelte/api_front/public/sound/pong/0.ogg
new file mode 100644
index 00000000..93d05409
Binary files /dev/null and b/srcs/requirements/svelte/api_front/public/sound/pong/0.ogg differ
diff --git a/srcs/requirements/svelte/api_front/public/sound/pong/1.ogg b/srcs/requirements/svelte/api_front/public/sound/pong/1.ogg
new file mode 100644
index 00000000..3a268b34
Binary files /dev/null and b/srcs/requirements/svelte/api_front/public/sound/pong/1.ogg differ
diff --git a/srcs/requirements/svelte/api_front/public/sound/pong/10.ogg b/srcs/requirements/svelte/api_front/public/sound/pong/10.ogg
new file mode 100644
index 00000000..855ad78b
Binary files /dev/null and b/srcs/requirements/svelte/api_front/public/sound/pong/10.ogg differ
diff --git a/srcs/requirements/svelte/api_front/public/sound/pong/11.ogg b/srcs/requirements/svelte/api_front/public/sound/pong/11.ogg
new file mode 100644
index 00000000..655917b5
Binary files /dev/null and b/srcs/requirements/svelte/api_front/public/sound/pong/11.ogg differ
diff --git a/srcs/requirements/svelte/api_front/public/sound/pong/12.ogg b/srcs/requirements/svelte/api_front/public/sound/pong/12.ogg
new file mode 100644
index 00000000..11336a76
Binary files /dev/null and b/srcs/requirements/svelte/api_front/public/sound/pong/12.ogg differ
diff --git a/srcs/requirements/svelte/api_front/public/sound/pong/13.ogg b/srcs/requirements/svelte/api_front/public/sound/pong/13.ogg
new file mode 100644
index 00000000..71cfead6
Binary files /dev/null and b/srcs/requirements/svelte/api_front/public/sound/pong/13.ogg differ
diff --git a/srcs/requirements/svelte/api_front/public/sound/pong/14.ogg b/srcs/requirements/svelte/api_front/public/sound/pong/14.ogg
new file mode 100644
index 00000000..066fff69
Binary files /dev/null and b/srcs/requirements/svelte/api_front/public/sound/pong/14.ogg differ
diff --git a/srcs/requirements/svelte/api_front/public/sound/pong/15.ogg b/srcs/requirements/svelte/api_front/public/sound/pong/15.ogg
new file mode 100644
index 00000000..011f139c
Binary files /dev/null and b/srcs/requirements/svelte/api_front/public/sound/pong/15.ogg differ
diff --git a/srcs/requirements/svelte/api_front/public/sound/pong/16.ogg b/srcs/requirements/svelte/api_front/public/sound/pong/16.ogg
new file mode 100644
index 00000000..7e852275
Binary files /dev/null and b/srcs/requirements/svelte/api_front/public/sound/pong/16.ogg differ
diff --git a/srcs/requirements/svelte/api_front/public/sound/pong/17.ogg b/srcs/requirements/svelte/api_front/public/sound/pong/17.ogg
new file mode 100644
index 00000000..9860139d
Binary files /dev/null and b/srcs/requirements/svelte/api_front/public/sound/pong/17.ogg differ
diff --git a/srcs/requirements/svelte/api_front/public/sound/pong/18.ogg b/srcs/requirements/svelte/api_front/public/sound/pong/18.ogg
new file mode 100644
index 00000000..6ad25391
Binary files /dev/null and b/srcs/requirements/svelte/api_front/public/sound/pong/18.ogg differ
diff --git a/srcs/requirements/svelte/api_front/public/sound/pong/19.ogg b/srcs/requirements/svelte/api_front/public/sound/pong/19.ogg
new file mode 100644
index 00000000..f6fc42d6
Binary files /dev/null and b/srcs/requirements/svelte/api_front/public/sound/pong/19.ogg differ
diff --git a/srcs/requirements/svelte/api_front/public/sound/pong/2.ogg b/srcs/requirements/svelte/api_front/public/sound/pong/2.ogg
new file mode 100644
index 00000000..0f09bb30
Binary files /dev/null and b/srcs/requirements/svelte/api_front/public/sound/pong/2.ogg differ
diff --git a/srcs/requirements/svelte/api_front/public/sound/pong/20.ogg b/srcs/requirements/svelte/api_front/public/sound/pong/20.ogg
new file mode 100644
index 00000000..11ac780e
Binary files /dev/null and b/srcs/requirements/svelte/api_front/public/sound/pong/20.ogg differ
diff --git a/srcs/requirements/svelte/api_front/public/sound/pong/21.ogg b/srcs/requirements/svelte/api_front/public/sound/pong/21.ogg
new file mode 100644
index 00000000..7c724dd4
Binary files /dev/null and b/srcs/requirements/svelte/api_front/public/sound/pong/21.ogg differ
diff --git a/srcs/requirements/svelte/api_front/public/sound/pong/22.ogg b/srcs/requirements/svelte/api_front/public/sound/pong/22.ogg
new file mode 100644
index 00000000..b2ca9758
Binary files /dev/null and b/srcs/requirements/svelte/api_front/public/sound/pong/22.ogg differ
diff --git a/srcs/requirements/svelte/api_front/public/sound/pong/23.ogg b/srcs/requirements/svelte/api_front/public/sound/pong/23.ogg
new file mode 100644
index 00000000..f57724b9
Binary files /dev/null and b/srcs/requirements/svelte/api_front/public/sound/pong/23.ogg differ
diff --git a/srcs/requirements/svelte/api_front/public/sound/pong/24.ogg b/srcs/requirements/svelte/api_front/public/sound/pong/24.ogg
new file mode 100644
index 00000000..90093efc
Binary files /dev/null and b/srcs/requirements/svelte/api_front/public/sound/pong/24.ogg differ
diff --git a/srcs/requirements/svelte/api_front/public/sound/pong/25.ogg b/srcs/requirements/svelte/api_front/public/sound/pong/25.ogg
new file mode 100644
index 00000000..27dfe8eb
Binary files /dev/null and b/srcs/requirements/svelte/api_front/public/sound/pong/25.ogg differ
diff --git a/srcs/requirements/svelte/api_front/public/sound/pong/26.ogg b/srcs/requirements/svelte/api_front/public/sound/pong/26.ogg
new file mode 100644
index 00000000..80cb60fa
Binary files /dev/null and b/srcs/requirements/svelte/api_front/public/sound/pong/26.ogg differ
diff --git a/srcs/requirements/svelte/api_front/public/sound/pong/27.ogg b/srcs/requirements/svelte/api_front/public/sound/pong/27.ogg
new file mode 100644
index 00000000..13332de6
Binary files /dev/null and b/srcs/requirements/svelte/api_front/public/sound/pong/27.ogg differ
diff --git a/srcs/requirements/svelte/api_front/public/sound/pong/28.ogg b/srcs/requirements/svelte/api_front/public/sound/pong/28.ogg
new file mode 100644
index 00000000..29615795
Binary files /dev/null and b/srcs/requirements/svelte/api_front/public/sound/pong/28.ogg differ
diff --git a/srcs/requirements/svelte/api_front/public/sound/pong/29.ogg b/srcs/requirements/svelte/api_front/public/sound/pong/29.ogg
new file mode 100644
index 00000000..41f95343
Binary files /dev/null and b/srcs/requirements/svelte/api_front/public/sound/pong/29.ogg differ
diff --git a/srcs/requirements/svelte/api_front/public/sound/pong/3.ogg b/srcs/requirements/svelte/api_front/public/sound/pong/3.ogg
new file mode 100644
index 00000000..12448222
Binary files /dev/null and b/srcs/requirements/svelte/api_front/public/sound/pong/3.ogg differ
diff --git a/srcs/requirements/svelte/api_front/public/sound/pong/30.ogg b/srcs/requirements/svelte/api_front/public/sound/pong/30.ogg
new file mode 100644
index 00000000..bd4e4ffd
Binary files /dev/null and b/srcs/requirements/svelte/api_front/public/sound/pong/30.ogg differ
diff --git a/srcs/requirements/svelte/api_front/public/sound/pong/31.ogg b/srcs/requirements/svelte/api_front/public/sound/pong/31.ogg
new file mode 100644
index 00000000..4447b52a
Binary files /dev/null and b/srcs/requirements/svelte/api_front/public/sound/pong/31.ogg differ
diff --git a/srcs/requirements/svelte/api_front/public/sound/pong/32.ogg b/srcs/requirements/svelte/api_front/public/sound/pong/32.ogg
new file mode 100644
index 00000000..a58240a1
Binary files /dev/null and b/srcs/requirements/svelte/api_front/public/sound/pong/32.ogg differ
diff --git a/srcs/requirements/svelte/api_front/public/sound/pong/4.ogg b/srcs/requirements/svelte/api_front/public/sound/pong/4.ogg
new file mode 100644
index 00000000..688b1f81
Binary files /dev/null and b/srcs/requirements/svelte/api_front/public/sound/pong/4.ogg differ
diff --git a/srcs/requirements/svelte/api_front/public/sound/pong/5.ogg b/srcs/requirements/svelte/api_front/public/sound/pong/5.ogg
new file mode 100644
index 00000000..d2163268
Binary files /dev/null and b/srcs/requirements/svelte/api_front/public/sound/pong/5.ogg differ
diff --git a/srcs/requirements/svelte/api_front/public/sound/pong/6.ogg b/srcs/requirements/svelte/api_front/public/sound/pong/6.ogg
new file mode 100644
index 00000000..34bdd117
Binary files /dev/null and b/srcs/requirements/svelte/api_front/public/sound/pong/6.ogg differ
diff --git a/srcs/requirements/svelte/api_front/public/sound/pong/7.ogg b/srcs/requirements/svelte/api_front/public/sound/pong/7.ogg
new file mode 100644
index 00000000..9c9c994f
Binary files /dev/null and b/srcs/requirements/svelte/api_front/public/sound/pong/7.ogg differ
diff --git a/srcs/requirements/svelte/api_front/public/sound/pong/8.ogg b/srcs/requirements/svelte/api_front/public/sound/pong/8.ogg
new file mode 100644
index 00000000..0f9acf99
Binary files /dev/null and b/srcs/requirements/svelte/api_front/public/sound/pong/8.ogg differ
diff --git a/srcs/requirements/svelte/api_front/public/sound/pong/9.ogg b/srcs/requirements/svelte/api_front/public/sound/pong/9.ogg
new file mode 100644
index 00000000..15d82091
Binary files /dev/null and b/srcs/requirements/svelte/api_front/public/sound/pong/9.ogg differ
diff --git a/srcs/requirements/svelte/api_front/public/sound/roblox-oof.ogg b/srcs/requirements/svelte/api_front/public/sound/roblox-oof.ogg
new file mode 100644
index 00000000..689946ed
Binary files /dev/null and b/srcs/requirements/svelte/api_front/public/sound/roblox-oof.ogg differ
diff --git a/srcs/requirements/svelte/api_front/src/pages/GamePage.svelte b/srcs/requirements/svelte/api_front/src/pages/GamePage.svelte
new file mode 100644
index 00000000..19e7de40
--- /dev/null
+++ b/srcs/requirements/svelte/api_front/src/pages/GamePage.svelte
@@ -0,0 +1,106 @@
+<script lang="ts">
+
+  import { initDom } from "../game/client/pong.js";
+  import {onMount} from 'svelte';
+
+  onMount(() => {
+    initDom();
+  })
+
+
+</script>
+
+<body>
+	<div id="div_game_options">
+		<fieldset>
+			<legend>game options</legend>
+			<div>
+				<input type="checkbox" id="multi_balls" name="multi_balls">
+				<label for="multi_balls">multiples balls</label>
+			</div>
+			<div>
+				<input type="checkbox" id="moving_walls" name="moving_walls">
+				<label for="moving_walls">moving walls</label>
+			</div>
+			<div>
+				<label>sound :</label>
+				<input type="radio" id="sound_on" name="sound_selector" checked>
+				<label for="sound_on">on</label>
+				<input type="radio" id="sound_off" name="sound_selector">
+				<label for="sound_off">off</label>
+			</div>
+			<div>
+				<button id="play_pong_button">PLAY</button>
+			</div>
+		</fieldset>
+	</div>
+
+	<div id="div_game_instructions">
+		<h2>--- keys ---</h2>
+		<p>move up: 'w' or 'up arrow'</p>
+		<p>move down: 's' OR 'down arrow'</p>
+		<p>grid on/off: 'g'</p>
+	</div>
+
+	<div id="canvas_container">
+		<!-- <p> =) </p> -->
+	</div>
+
+	<!-- <script src="http://localhost:8080/js/pong.js" type="module" defer></script> -->
+</body>
+
+<style>
+  @font-face {
+    font-family: "Bit5x3";
+    src: url("/fonts/Bit5x3.woff2") format("woff2"),
+      url("/fonts/Bit5x3.woff") format("woff");
+    font-weight: normal;
+    font-style: normal;
+    font-display: swap;
+  }
+  body {
+    margin: 0;
+    background-color: #222425;
+  }
+  #canvas_container {
+    margin-top: 20px;
+    text-align: center;
+    /* border: dashed rgb(245, 245, 245) 5px; */
+    /* max-height: 80vh; */
+    /* overflow: hidden; */
+  }
+  #div_game_instructions {
+    text-align: center;
+    font-family: "Bit5x3";
+    color: rgb(245, 245, 245);
+    font-size: large;
+  }
+  #div_game_options {
+    margin-top: 20px;
+    text-align: center;
+    font-family: "Bit5x3";
+    color: rgb(245, 245, 245);
+    font-size: x-large;
+  }
+  #div_game_options fieldset {
+    max-width: 50vw;
+    width: auto;
+    margin: 0 auto;
+  }
+  #div_game_options fieldset div {
+    padding: 10px;
+  }
+  #play_pong_button {
+    font-family: "Bit5x3";
+    color: rgb(245, 245, 245);
+    background-color: #333333;
+    font-size: x-large;
+    padding: 10px;
+  }
+  canvas {
+    background-color: #333333;
+    max-width: 75vw;
+    /* max-height: 100vh; */
+    width: 80%;
+  }
+</style>
\ No newline at end of file
diff --git a/srcs/requirements/svelte/api_front/tsconfig.json b/srcs/requirements/svelte/api_front/tsconfig.json
index b082e968..586dc267 100644
--- a/srcs/requirements/svelte/api_front/tsconfig.json
+++ b/srcs/requirements/svelte/api_front/tsconfig.json
@@ -1,6 +1,6 @@
 {
   "extends": "@tsconfig/svelte/tsconfig.json",
 
-  "include": ["src/**/*"],
+  "include": ["src/**/*", "src/**/*.ts", "src/**/*.tsx"],
   "exclude": ["node_modules/*", "__sapper__/*", "public/*"]
 }
\ No newline at end of file