Added types

client/src/App.tsx

-import React, { useState } from 'react'
+import React, { useEffect, useState } from 'react'
 import GameWaiting from './pages/GameWaiting/GameWaiting'
 import Home from './pages/Home/Home'
 import ClientMock from './utils/Client/ClientMock'
@@ -10,6 +10,10 @@ function App () {
 
   const client = new ClientMock(setPage)
 
+  useEffect(() => {
+    console.log(page)
+  }, [page])
+
   return (
     <div>
       {

client/src/utils/Client/ClientMock.ts

@@ -18,7 +18,8 @@ export default class Client implements IClient {
   }
 
   joinGame (userName: string) {
-    // TODO
+    // Change page
+    this.setPage('game-waiting')
   }
 
   playCard (card: Card, action: Action) {

client/src/utils/types.ts

@@ -16,12 +16,33 @@ export interface Card {
 
 }
 
+// eslint-disable-next-line @typescript-eslint/no-empty-interface
+export interface Wonder {
+
+}
+
+interface PlayerDTO {
+  userID: string
+  userName: string
+  wonder: Wonder
+  resources: Map<Resource, number>
+  builtCards: Card[]
+  victoryPoints: number
+  defeatPoints: number
+  conflictPoints: number
+  money: number
+}
+
 /**
  * All the Data contained in the Game
  */
 // eslint-disable-next-line @typescript-eslint/no-empty-interface
 export interface GameDTO {
-
+  currentAge: number
+  gameTurn: number
+  currentAgeCards: Card[]
+  gameState: GameState
+  playersPublic: PlayerDTO[]
 }
 
 /**