Architecture/Frontend.md

-![Wishduell_Frontend](uploads/eeb345a301f962d78012efe1a0b4fc00/Wishduell_Frontend.png)
\ No newline at end of file
+Das Frontend besteht aus UI und Spiellogik, wobei die Spiellogik mit Vanilla JavaScript und die UI mit dem Meta-Framework SvelteKit, was auf Svelte aufbaut, erstellt wurde.
+
+# Technologien
+## SvelteKit
+> UI-Framework, das außerdem auch Routing und Data-Loading unterstützt.
+
+## Socket.io
+> Framework zur Implementation von WebSockets.
+Wurde benötigt um Duplex-Kommunikation zwischen Clients und Server im Multiplayer umzusetzen.
+Alle Spieler im selben Spiel werden mit
+```javascript
+socket.join("game:" + GAMEID);
+```
+dem gleichen Socket.io Room zugewiesen was es später ermöglicht mit 
+```javascript
+socket.to('game:' + GAMEID).emit('EVENT', DATA);
+```
+**EVENT** ist hierbei der Name des Events und im 2. Funktionsparameter können nun Daten übertragen werden auf die auf der anderen Seite mit 
+```javascript
+socket.on('EVENT', (DATA) => {
+   console.log(DATA);
+});
+```
+zugegriffen werden kann.
\ No newline at end of file