diff --git a/cryptide_project/package-lock.json b/cryptide_project/package-lock.json
index 8c9a4a8..1191522 100644
--- a/cryptide_project/package-lock.json
+++ b/cryptide_project/package-lock.json
@@ -8,6 +8,10 @@
       "name": "cryptide",
       "version": "1.0.0",
       "dependencies": {
+        "@fortawesome/fontawesome-svg-core": "^6.4.2",
+        "@fortawesome/free-regular-svg-icons": "^6.4.2",
+        "@fortawesome/free-solid-svg-icons": "^6.4.2",
+        "@fortawesome/react-fontawesome": "^0.2.0",
         "@testing-library/jest-dom": "^5.17.0",
         "@testing-library/react": "^13.4.0",
         "@testing-library/user-event": "^13.5.0",
@@ -2598,6 +2602,63 @@
         "tslib": "^2.4.0"
       }
     },
+    "node_modules/@fortawesome/fontawesome-common-types": {
+      "version": "6.4.2",
+      "resolved": "https://registry.npmjs.org/@fortawesome/fontawesome-common-types/-/fontawesome-common-types-6.4.2.tgz",
+      "integrity": "sha512-1DgP7f+XQIJbLFCTX1V2QnxVmpLdKdzzo2k8EmvDOePfchaIGQ9eCHj2up3/jNEbZuBqel5OxiaOJf37TWauRA==",
+      "hasInstallScript": true,
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/@fortawesome/fontawesome-svg-core": {
+      "version": "6.4.2",
+      "resolved": "https://registry.npmjs.org/@fortawesome/fontawesome-svg-core/-/fontawesome-svg-core-6.4.2.tgz",
+      "integrity": "sha512-gjYDSKv3TrM2sLTOKBc5rH9ckje8Wrwgx1CxAPbN5N3Fm4prfi7NsJVWd1jklp7i5uSCVwhZS5qlhMXqLrpAIg==",
+      "hasInstallScript": true,
+      "dependencies": {
+        "@fortawesome/fontawesome-common-types": "6.4.2"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/@fortawesome/free-regular-svg-icons": {
+      "version": "6.4.2",
+      "resolved": "https://registry.npmjs.org/@fortawesome/free-regular-svg-icons/-/free-regular-svg-icons-6.4.2.tgz",
+      "integrity": "sha512-0+sIUWnkgTVVXVAPQmW4vxb9ZTHv0WstOa3rBx9iPxrrrDH6bNLsDYuwXF9b6fGm+iR7DKQvQshUH/FJm3ed9Q==",
+      "hasInstallScript": true,
+      "dependencies": {
+        "@fortawesome/fontawesome-common-types": "6.4.2"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/@fortawesome/free-solid-svg-icons": {
+      "version": "6.4.2",
+      "resolved": "https://registry.npmjs.org/@fortawesome/free-solid-svg-icons/-/free-solid-svg-icons-6.4.2.tgz",
+      "integrity": "sha512-sYwXurXUEQS32fZz9hVCUUv/xu49PEJEyUOsA51l6PU/qVgfbTb2glsTEaJngVVT8VqBATRIdh7XVgV1JF1LkA==",
+      "hasInstallScript": true,
+      "dependencies": {
+        "@fortawesome/fontawesome-common-types": "6.4.2"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/@fortawesome/react-fontawesome": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/@fortawesome/react-fontawesome/-/react-fontawesome-0.2.0.tgz",
+      "integrity": "sha512-uHg75Rb/XORTtVt7OS9WoK8uM276Ufi7gCzshVWkUJbHhh3svsUUeqXerrM96Wm7fRiDzfKRwSoahhMIkGAYHw==",
+      "dependencies": {
+        "prop-types": "^15.8.1"
+      },
+      "peerDependencies": {
+        "@fortawesome/fontawesome-svg-core": "~1 || ~6",
+        "react": ">=16.3"
+      }
+    },
     "node_modules/@humanwhocodes/config-array": {
       "version": "0.11.13",
       "resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.11.13.tgz",
diff --git a/cryptide_project/package.json b/cryptide_project/package.json
index 1bb524e..54fa6ca 100644
--- a/cryptide_project/package.json
+++ b/cryptide_project/package.json
@@ -2,6 +2,10 @@
   "name": "cryptide",
   "version": "1.0.0",
   "dependencies": {
+    "@fortawesome/fontawesome-svg-core": "^6.4.2",
+    "@fortawesome/free-regular-svg-icons": "^6.4.2",
+    "@fortawesome/free-solid-svg-icons": "^6.4.2",
+    "@fortawesome/react-fontawesome": "^0.2.0",
     "@testing-library/jest-dom": "^5.17.0",
     "@testing-library/react": "^13.4.0",
     "@testing-library/user-event": "^13.5.0",
diff --git a/cryptide_project/src/Components/GraphContainer.tsx b/cryptide_project/src/Components/GraphContainer.tsx
index f965aec..ef1d2bb 100644
--- a/cryptide_project/src/Components/GraphContainer.tsx
+++ b/cryptide_project/src/Components/GraphContainer.tsx
@@ -3,7 +3,9 @@ import { DataSet, Network} from "vis-network/standalone/esm/vis-network";
 import EdgesCreator from "../source/EdgesCreator";
 import GraphCreator from "../source/Graph/GraphCreator";
 import IndiceChooser from "../source/IndiceChooser";
+import SportIndice from "../source/Indices/SportIndice";
 import NetworkGenerator from "../source/NetworkGenerator";
+import Sport from "../source/Sport";
 import Stub from "../source/Stub";
 import "./GraphContainer.css";
 
@@ -24,8 +26,14 @@ edgesCreator.CreateAllEdges(network, person, choosenIndices)
 
 const graph = GraphCreator.CreateGraph(network)
 
+
+let indice = new SportIndice(12, [Sport.TENNIS, Sport.BASEBALL])
 console.log(network)
 console.log(graph)
+choosenIndices.forEach((indice) =>{
+  console.log(indice.ToString("fr"))
+});
+console.log(person)
 
 
 const MyGraphComponent = () => {
diff --git a/cryptide_project/src/Translations/en.json b/cryptide_project/src/Translations/en.json
index acc8709..3391909 100644
--- a/cryptide_project/src/Translations/en.json
+++ b/cryptide_project/src/Translations/en.json
@@ -26,5 +26,38 @@
     "create_room" : "Create room",
     "play_solo" : "Single player",
 
-    "play" : "PLAY"
+    "play" : "PLAY",
+
+    "football": "Football",
+    "basketball": "Basketball",
+    "baseball": "Baseball",
+    "tennis": "Tennis",
+    "bowling": "Bowling",
+
+    "white": "White",
+    "black": "Black",
+    "blond": "Blond",
+    "redhead": "Red",
+    "brown": "Brown",
+
+    "and": "and",
+    "or": "or",
+    "or_sport": "or",
+
+
+    "age_indice_start": "The suspect is between",
+    "age_indice_more_start": "The suspect is older than or",
+    "age_indice_end": "years old",
+    
+    "color_edges_start": "The suspect has at least one friend with",
+    "color_edges_end": "hair",
+
+    "color_start": "The suspect has",
+    "color_end": "hair",
+
+    "nb_friends_indice_start": "The suspect has at least",
+    "nb_friends_indice_end": "friends",
+
+    "sport_start": "The suspect plays at least",
+    "sport_end": ""
 }
\ No newline at end of file
diff --git a/cryptide_project/src/Translations/fr.json b/cryptide_project/src/Translations/fr.json
index 6f6ec71..6d0e711 100644
--- a/cryptide_project/src/Translations/fr.json
+++ b/cryptide_project/src/Translations/fr.json
@@ -26,5 +26,37 @@
     "join" : "Rejoindre",
     "create_room" : "Créer une partie",
     "play_solo" : "Jouer seul",
-    "play" : "JOUER"
+    "play" : "JOUER",
+
+    "football": "Football",
+    "basketball": "Basketball",
+    "baseball": "Baseball",
+    "tennis": "Tennis",
+    "bowling": "Bowling",
+    
+    "white": "Blanc",
+    "black": "Noir",
+    "blond": "Blond",
+    "redhead": "Roux",
+    "brown": "Brun",
+
+    "and": "et",
+    "or": "ou",
+    "or_sport": "ou du",
+
+    "age_indice_start": "Le suspect a entre",
+    "age_indice_more_start": "Le suspect a ou a plus de",
+    "age_indice_end": "ans",
+
+    "color_edges_start": "Le suspect a au moins un ami avec les cheveux",
+    "color_edges_end": "",
+
+    "color_start": "Le suspect a les cheveux",
+    "color_end": "",
+
+    "nb_friends_indice_start": "Le suspect a au moins",
+    "nb_friends_indice_end": "amis",
+
+    "sport_start": "Le suspect fait au moins du",
+    "sport_end": ""
 }
diff --git a/cryptide_project/src/res/names.json b/cryptide_project/src/res/names.json
new file mode 100644
index 0000000..6d376b6
--- /dev/null
+++ b/cryptide_project/src/res/names.json
@@ -0,0 +1,97 @@
+{
+    "names": [
+        "Emma",
+        "Olivia",
+        "Sophia",
+        "Ava",
+        "Isabella",
+        "Mia",
+        "Amelia",
+        "Harper",
+        "Evelyn",
+        "Abigail",
+        "Emily",
+        "Charlotte",
+        "Scarlett",
+        "Grace",
+        "Lily",
+        "Aria",
+        "Chloe",
+        "Zoey",
+        "Penelope",
+        "Riley",
+        "Layla",
+        "Stella",
+        "Aurora",
+        "Natalie",
+        "Zoe",
+        "Lucy",
+        "Hannah",
+        "Leah",
+        "Victoria",
+        "Eleanor",
+        "Hazel",
+        "Violet",
+        "Aurora",
+        "Ruby",
+        "Ivy",
+        "Eleanor",
+        "Savannah",
+        "Alice",
+        "Claire",
+        "Nora",
+        "Lillian",
+        "Mila",
+        "Peyton",
+        "Aaliyah",
+        "Gabriella",
+        "Eliana",
+        "Bella",
+        "Sadie",
+        "Hailey",
+        "Aurora",
+        "Liam",
+        "Noah",
+        "Oliver",
+        "Elijah",
+        "William",
+        "James",
+        "Benjamin",
+        "Lucas",
+        "Henry",
+        "Alexander",
+        "Jackson",
+        "Aiden",
+        "Sebastian",
+        "Carter",
+        "Daniel",
+        "Matthew",
+        "Wyatt",
+        "Jack",
+        "Jayden",
+        "Owen",
+        "Noah",
+        "Ethan",
+        "Mason",
+        "Logan",
+        "Caden",
+        "Samuel",
+        "David",
+        "Joseph",
+        "Michael",
+        "Gabriel",
+        "Caleb",
+        "Ryan",
+        "Isaac",
+        "Luke",
+        "Andrew",
+        "Nathan",
+        "Dylan",
+        "Adam",
+        "Joshua",
+        "Connor",
+        "Brayden",
+        "Julian"
+    ]
+}
+  
\ No newline at end of file
diff --git a/cryptide_project/src/source/Color.ts b/cryptide_project/src/source/Color.ts
index 49c3e0f..acf8dc3 100644
--- a/cryptide_project/src/source/Color.ts
+++ b/cryptide_project/src/source/Color.ts
@@ -1,9 +1,9 @@
 enum Color {
-    BLANC,
-    NOIR,
+    WHITE,
+    BLACK,
     BLOND,
-    ROUX,
-    BRUN,
+    REDHEAD,
+    BROWN,
 }
 
 export default Color
\ No newline at end of file
diff --git a/cryptide_project/src/source/EdgesCreator.ts b/cryptide_project/src/source/EdgesCreator.ts
index fee63e6..8885158 100644
--- a/cryptide_project/src/source/EdgesCreator.ts
+++ b/cryptide_project/src/source/EdgesCreator.ts
@@ -92,6 +92,7 @@ class EdgesCreator{
             if (p != choosenPerson){
                 const rand = Math.floor(Math.random() * 4)
                 test.set(p.getId(), tabEdgesSize[rand] + p.getFriends().length)
+                tabEdgesSize.splice(rand, 1)
             }
         });
         personNetwork.getPersons().forEach((p) => {
diff --git a/cryptide_project/src/source/EnumExtender.ts b/cryptide_project/src/source/EnumExtender.ts
index 51e94c6..853ebf6 100644
--- a/cryptide_project/src/source/EnumExtender.ts
+++ b/cryptide_project/src/source/EnumExtender.ts
@@ -1,118 +1,99 @@
 import Color from "./Color";
 import Sport from "./Sport";
+import React from 'react';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { faFutbol, faBasketballBall } from '@fortawesome/free-solid-svg-icons';
+import { parseJsonText } from "typescript";
 
+
+
+function GetJsonFile(lang: string){
+    const response = require(`../Translations/${lang}.json`);
+    const data = response;
+    return data
+}
 function ColorToString(color: Color, lang: string): string{
+    let json = GetJsonFile(lang)
     switch(color){
-        case Color.BLANC:
-            switch(lang){
-                case "en":
-                    return "White"
-                default:
-                    return "Blanc" 
-            }
-        case Color.NOIR:
-            switch(lang){
-                case "en":
-                    return "Black"
-                default:
-                    return "Noir" 
-            }
+        case Color.WHITE:
+            return json.white
+        case Color.BLACK:
+            return json.black
         case Color.BLOND:
-            switch(lang){
-                case "en":
-                    return "Blond"
-                default:
-                    return "Blond" 
-            }
-        case Color.ROUX:
-            switch(lang){
-                case "en":
-                    return "Redhead"
-                default:
-                    return "Roux" 
-            }
-        case Color.BRUN:
-            switch(lang){
-                case "en":
-                    return "Brown"
-                default:
-                    return "Brun" 
-            }
+            return json.blond
+        case Color.REDHEAD:
+            return json.redhead
+        case Color.BROWN:
+            return json.brown
     }
 }
 
 
 function ColorToHexa(color: Color): string{
     switch(color){
-        case Color.BLANC:
+        case Color.WHITE:
             return "#FFFFFF"
-        case Color.NOIR:
+        case Color.BLACK:
             return "#000000"
         case Color.BLOND:
             return "#E2BC74"
-        case Color.ROUX:
+        case Color.REDHEAD:
             return "#FF8B00"
-        case Color.BRUN:
+        case Color.BROWN:
             return "#5B3C11"
     }
 }
 
 function ColorToColorFont(color: Color): string{
     switch(color){
-        case Color.BLANC:
+        case Color.WHITE:
             return "#000000"
-        case Color.NOIR:
+        case Color.BLACK:
             return "#FFFFFF"
         case Color.BLOND:
             return "#000000"
-        case Color.ROUX:
+        case Color.REDHEAD:
             return "#000000"
-        case Color.BRUN:
+        case Color.BROWN:
             return "#FFFFFF"
     }
 }
 
 
 function SportToString(sport: Sport, lang: string): string{
+    let json = GetJsonFile(lang)
     switch(sport){
         case Sport.FOOT:
-            switch(lang){
-                case "en":
-                    return "Football"
-                default:
-                    return "Football" 
-            }
-        case Sport.RUGBY:
-            switch(lang){
-                case "en":
-                    return "Rugby"
-                default:
-                    return "Rugby" 
-            }
+            return json.football
+        case Sport.BASEBALL:
+            return json.baseball
         case Sport.BASKET:
-            switch(lang){
-                case "en":
-                    return "Basket"
-                default:
-                    return "Basket" 
-            }
+            return json.basketball
         case Sport.TENNIS:
-            switch(lang){
-                case "en":
-                    return "Tennis"
-                default:
-                    return "Tennis" 
-            }
-        case Sport.CURLING:
-            switch(lang){
-                case "en":
-                    return "Curling"
-                default:
-                    return "Curling" 
-            }
+            return json.tennis
+        case Sport.BOWLING:
+            return json.bowling
         case Sport.AUCUN:
             return ""
     }
 }
 
-export {ColorToString, SportToString, ColorToHexa, ColorToColorFont}
+
+
+function SportToIcon(sport: Sport): string{
+    switch(sport){
+        case Sport.FOOT:
+            return "⚽" 
+        case Sport.BASEBALL:
+            return "⚾"
+        case Sport.BASKET:
+            return "🏀"
+        case Sport.TENNIS:
+            return "🎾"
+        case Sport.BOWLING:
+            return "🎳"
+        case Sport.AUCUN:
+            return ""
+    }
+}
+export {ColorToString, SportToString, ColorToHexa, ColorToColorFont, SportToIcon, GetJsonFile}
diff --git a/cryptide_project/src/source/Graph/GraphCreator.ts b/cryptide_project/src/source/Graph/GraphCreator.ts
index 1464e75..5b4ad6b 100644
--- a/cryptide_project/src/source/Graph/GraphCreator.ts
+++ b/cryptide_project/src/source/Graph/GraphCreator.ts
@@ -1,5 +1,5 @@
 import Edge from "./Edge";
-import { ColorToColorFont, ColorToHexa, SportToString } from "../EnumExtender";
+import { ColorToColorFont, ColorToHexa, SportToIcon, SportToString } from "../EnumExtender";
 import GraphPerson from "./GraphPerson";
 import NodePerson from "./NodePerson";
 import PersonNetwork from "../PersonsNetwork";
@@ -13,16 +13,11 @@ class GraphCreator{
         network.getPersons().forEach((p) =>{
             let label = p.getName() + "\n" + p.getAge() + "\n"
             for (let i = 0; i<p.getSports().length; i++){
-                if (i==p.getSports().length -1 || p.getSports().length == 1){
-                    label += SportToString(p.getSports()[i], "fr")
-                }
-                else{
-                    label += SportToString(p.getSports()[i], "fr") + "\n"
-                }
+                label += SportToIcon(p.getSports()[i])
             }
 
             
-            const nodePerson = new NodePerson(p.getId(), label, p.getColor(), new Font(ColorToColorFont(p.getColor()), 14, 'center'), 'ellipse')
+            const nodePerson = new NodePerson(p.getId(), label, p.getColor(), new Font(ColorToColorFont(p.getColor()), 14, 'center'), 'box')
             nodesPerson.push(nodePerson)
             p.getFriends().forEach((f) =>{
                 if(edges.some(edge => (edge.from === f.getId() && edge.to === p.getId()) || (edge.from === p.getId() && edge.to === f.getId()))){
diff --git a/cryptide_project/src/source/Indices/AgeIndice.ts b/cryptide_project/src/source/Indices/AgeIndice.ts
index 5221b70..ba7eb7d 100644
--- a/cryptide_project/src/source/Indices/AgeIndice.ts
+++ b/cryptide_project/src/source/Indices/AgeIndice.ts
@@ -1,3 +1,4 @@
+import { GetJsonFile } from "../EnumExtender";
 import Indice from "./Indice";
 
 class AgeIndice extends Indice {
@@ -12,7 +13,11 @@ class AgeIndice extends Indice {
   
     // Implémentation de la méthode abstraite
     ToString(lang: string): string {
-      return "La personne a entre " + this.minimum + " et " + this.maximum + " ans"
+      let json = GetJsonFile(lang)
+      if (this.maximum > 100){
+        return `${json.age_indice_more_start} ${this.minimum} ${json.age_indice_end}`
+      }
+      return `${json.age_indice_start} ${this.minimum} ${json.and} ${this.maximum} ${json.age_indice_end}`
     }
 
 
diff --git a/cryptide_project/src/source/Indices/ColorEdgesIndice.ts b/cryptide_project/src/source/Indices/ColorEdgesIndice.ts
index 7b37e4e..e922ed2 100644
--- a/cryptide_project/src/source/Indices/ColorEdgesIndice.ts
+++ b/cryptide_project/src/source/Indices/ColorEdgesIndice.ts
@@ -1,5 +1,5 @@
 import Color from "../Color";
-import { ColorToString } from "../EnumExtender";
+import { ColorToString, GetJsonFile } from "../EnumExtender";
 import EdgesIndice from "./EdgesIndice";
 
 class ColorEdgesIndice extends EdgesIndice {
@@ -17,16 +17,17 @@ class ColorEdgesIndice extends EdgesIndice {
   
     // Implémentation de la méthode abstraite
     ToString(lang: string): string {
-      let string =  "La personne a au moins un ami avec les cheveux";
+      let json = GetJsonFile(lang)
+      let string =  json.color_edges_start;
       for (let i = 0; i<this.neighborsColors.length; i++){
         if (i==this.neighborsColors.length - 1 || this.neighborsColors.length == 1){
-          string = string + " " + ColorToString(this.neighborsColors[i], lang)
+          string = `${string} ${ColorToString(this.neighborsColors[i], lang)}`
         }
         else{
-          string = string + " ou " + ColorToString(this.neighborsColors[i], lang)
+          string = `${string} ${ColorToString(this.neighborsColors[i], lang)} ${json.or}`
         }
       }
-      return string
+      return `${string} ${json.color_edges_end}` 
     }
   }
 
diff --git a/cryptide_project/src/source/Indices/ColorIndice.ts b/cryptide_project/src/source/Indices/ColorIndice.ts
index ade1cf8..3ec00ac 100644
--- a/cryptide_project/src/source/Indices/ColorIndice.ts
+++ b/cryptide_project/src/source/Indices/ColorIndice.ts
@@ -1,5 +1,5 @@
 import Color from "../Color";
-import { ColorToString } from "../EnumExtender";
+import { ColorToString, GetJsonFile } from "../EnumExtender";
 import Indice from "./Indice";
 
 class ColorIndice extends Indice {
@@ -12,16 +12,17 @@ class ColorIndice extends Indice {
   
     // Implémentation de la méthode abstraite
     ToString(lang: string): string {
-      let string =  "La personne a au moins un ami avec les cheveux";
+      let json = GetJsonFile(lang)
+      let string =  json.color_start;
       for (let i = 0; i<this.colors.length; i++){
         if (i==this.colors.length - 1 || this.colors.length == 1){
-          string = string + " " + ColorToString(this.colors[i], lang)
+          string = `${string} ${ColorToString(this.colors[i], lang)}`
         }
         else{
-          string = string + " ou " + ColorToString(this.colors[i], lang)
+          string = `${string} ${ColorToString(this.colors[i], lang)} ${json.or}`
         }
       }
-      return string
+      return `${string} ${json.color_end}` 
     }
 
     getColors(): Color[]{
diff --git a/cryptide_project/src/source/Indices/NbEdgesIndice.ts b/cryptide_project/src/source/Indices/NbEdgesIndice.ts
index b7a49a3..b0e4e7f 100644
--- a/cryptide_project/src/source/Indices/NbEdgesIndice.ts
+++ b/cryptide_project/src/source/Indices/NbEdgesIndice.ts
@@ -1,3 +1,4 @@
+import { GetJsonFile } from "../EnumExtender";
 import EdgesIndice from "./EdgesIndice";
 
 class NbEdgesIndice extends EdgesIndice {
@@ -14,7 +15,8 @@ class NbEdgesIndice extends EdgesIndice {
   
     // Implémentation de la méthode abstraite
     ToString(lang: string): string {
-      return "La personne a au moins " + this.nbNeighbors + " amis";
+      let json = GetJsonFile(lang)
+      return `${json.nb_friends_indice_start} ${this.nbNeighbors} ${json.nb_friends_indice_end}`;
     }
   }
 
diff --git a/cryptide_project/src/source/Indices/SportIndice.ts b/cryptide_project/src/source/Indices/SportIndice.ts
index 8a9180a..c4038fb 100644
--- a/cryptide_project/src/source/Indices/SportIndice.ts
+++ b/cryptide_project/src/source/Indices/SportIndice.ts
@@ -1,4 +1,4 @@
-import { SportToString } from "../EnumExtender";
+import { GetJsonFile, SportToString } from "../EnumExtender";
 import Sport from "../Sport";
 import Indice from "./Indice";
 
@@ -12,16 +12,17 @@ class SportIndice extends Indice {
   
     // Implémentation de la méthode abstraite
     ToString(lang: string): string {
-      let string =  "La personne pratique au moins un de ces sports: ";
+      let json = GetJsonFile(lang)
+      let string =  json.sport_start;
       for (let i = 0; i<this.sports.length; i++){
         if (i==this.sports.length - 1 || this.sports.length == 1){
-          string = string + " " + SportToString(this.sports[i], lang)
+          string = `${string} ${SportToString(this.sports[i], lang)}`
         }
         else{
-          string = string + " ou " + SportToString(this.sports[i], lang)
+          string = `${string} ${SportToString(this.sports[i], lang)} ${json.or_sport}`
         }
       }
-      return string
+      return `${string} ${json.sport_end}` 
     }
 
 
diff --git a/cryptide_project/src/source/NetworkGenerator.ts b/cryptide_project/src/source/NetworkGenerator.ts
index 6b93e2a..ebd60bd 100644
--- a/cryptide_project/src/source/NetworkGenerator.ts
+++ b/cryptide_project/src/source/NetworkGenerator.ts
@@ -6,6 +6,7 @@ import Sport from "./Sport";
 class NetworkGenerator{
 
     static GenerateNetwork(nbPerson: number): PersonNetwork{
+        let json = require("../res/names.json")
         const tabSports: Sport[] = [0, 1, 2, 3, 4, 5, 5, 5, 5]
         const tabColor: Color[] = [0, 1, 2, 3, 4]
         const tabJeune: number[] = []
@@ -15,6 +16,8 @@ class NetworkGenerator{
 
         const tabPerson: Person[] = []
 
+        const tabNames = json.names
+
         let id = 0
         for(let i = 0; i < nbPerson/4; i++){
             const nombreAleatoire = Math.floor(Math.random() * 14) + 1;
@@ -38,6 +41,9 @@ class NetworkGenerator{
         let tmpTabSport=[...tabSports]
         let tmpTabColor = [...tabColor]
         for (let i = 0; i<nbPerson; i++){
+            const randName = Math.floor(Math.random() * tabNames.length)
+            const name = tabNames[randName]
+            tabNames.splice(randName, 1)
             if (tmpTabColor.length == 0){
                 tmpTabColor = [...tabColor]
             }
@@ -62,7 +68,7 @@ class NetworkGenerator{
             if (tabAge[randAge].length == 0){
                 tabAge.splice(randAge, 1)
             }
-            tabPerson.push(new Person(i, i.toString(), age, color, sports, []))
+            tabPerson.push(new Person(i, name, age, color, sports, []))
         }
         return new PersonNetwork(tabPerson)
     }
diff --git a/cryptide_project/src/source/Sport.ts b/cryptide_project/src/source/Sport.ts
index 4a00666..5aba6ef 100644
--- a/cryptide_project/src/source/Sport.ts
+++ b/cryptide_project/src/source/Sport.ts
@@ -1,9 +1,9 @@
 enum Sport {
     FOOT,
-    RUGBY,
+    BASEBALL,
     BASKET,
     TENNIS,
-    CURLING,
+    BOWLING,
     AUCUN
 }
 
diff --git a/cryptide_project/tsconfig.json b/cryptide_project/tsconfig.json
index a859170..94f3ebb 100644
--- a/cryptide_project/tsconfig.json
+++ b/cryptide_project/tsconfig.json
@@ -1,12 +1,13 @@
 {
     "compilerOptions": {
+      "module": "commonjs",
       // ...
       "resolveJsonModule": true,
       "esModuleInterop": true,
       "allowSyntheticDefaultImports": true,
       "moduleResolution": "node",
       "target": "es5",
-      "lib": ["dom", "es2015"],
+      "lib": ["d"es2017""es2015"],
       "jsx": "react",
       "strict": true
     },
diff --git a/cryptide_project/yarn.lock b/cryptide_project/yarn.lock
index e1f39ad..9dbefe6 100644
--- a/cryptide_project/yarn.lock
+++ b/cryptide_project/yarn.lock
@@ -1372,6 +1372,39 @@
     "intl-messageformat" "10.5.5"
     "tslib" "^2.4.0"
 
+"@fortawesome/fontawesome-common-types@6.4.2":
+  "integrity" "sha512-1DgP7f+XQIJbLFCTX1V2QnxVmpLdKdzzo2k8EmvDOePfchaIGQ9eCHj2up3/jNEbZuBqel5OxiaOJf37TWauRA=="
+  "resolved" "https://registry.npmjs.org/@fortawesome/fontawesome-common-types/-/fontawesome-common-types-6.4.2.tgz"
+  "version" "6.4.2"
+
+"@fortawesome/fontawesome-svg-core@^6.4.2", "@fortawesome/fontawesome-svg-core@~1 || ~6":
+  "integrity" "sha512-gjYDSKv3TrM2sLTOKBc5rH9ckje8Wrwgx1CxAPbN5N3Fm4prfi7NsJVWd1jklp7i5uSCVwhZS5qlhMXqLrpAIg=="
+  "resolved" "https://registry.npmjs.org/@fortawesome/fontawesome-svg-core/-/fontawesome-svg-core-6.4.2.tgz"
+  "version" "6.4.2"
+  dependencies:
+    "@fortawesome/fontawesome-common-types" "6.4.2"
+
+"@fortawesome/free-regular-svg-icons@^6.4.2":
+  "integrity" "sha512-0+sIUWnkgTVVXVAPQmW4vxb9ZTHv0WstOa3rBx9iPxrrrDH6bNLsDYuwXF9b6fGm+iR7DKQvQshUH/FJm3ed9Q=="
+  "resolved" "https://registry.npmjs.org/@fortawesome/free-regular-svg-icons/-/free-regular-svg-icons-6.4.2.tgz"
+  "version" "6.4.2"
+  dependencies:
+    "@fortawesome/fontawesome-common-types" "6.4.2"
+
+"@fortawesome/free-solid-svg-icons@^6.4.2":
+  "integrity" "sha512-sYwXurXUEQS32fZz9hVCUUv/xu49PEJEyUOsA51l6PU/qVgfbTb2glsTEaJngVVT8VqBATRIdh7XVgV1JF1LkA=="
+  "resolved" "https://registry.npmjs.org/@fortawesome/free-solid-svg-icons/-/free-solid-svg-icons-6.4.2.tgz"
+  "version" "6.4.2"
+  dependencies:
+    "@fortawesome/fontawesome-common-types" "6.4.2"
+
+"@fortawesome/react-fontawesome@^0.2.0":
+  "integrity" "sha512-uHg75Rb/XORTtVt7OS9WoK8uM276Ufi7gCzshVWkUJbHhh3svsUUeqXerrM96Wm7fRiDzfKRwSoahhMIkGAYHw=="
+  "resolved" "https://registry.npmjs.org/@fortawesome/react-fontawesome/-/react-fontawesome-0.2.0.tgz"
+  "version" "0.2.0"
+  dependencies:
+    "prop-types" "^15.8.1"
+
 "@humanwhocodes/config-array@^0.11.13":
   "integrity" "sha512-JSBDMiDKSzQVngfRjOdFXgFfklaXI4K9nLF49Auh21lmBWRLIK3+xTErTWD4KU54pb6coM6ESE7Awz/FNU3zgQ=="
   "resolved" "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.11.13.tgz"
@@ -8251,7 +8284,7 @@
     "loose-envify" "^1.4.0"
     "prop-types" "^15.6.2"
 
-"react@*", "react@^16.6.0 || 17 || 18", "react@^16.8.0 || ^17.0.0-rc.1 || ^18.0.0", "react@^18.0.0", "react@^18.2.0", "react@>= 16", "react@>=0.14.0", "react@>=15.0.0", "react@>=16.14.0", "react@>=16.6.0", "react@>=16.8", "react@>=16.8.0":
+"react@*", "react@^16.6.0 || 17 || 18", "react@^16.8.0 || ^17.0.0-rc.1 || ^18.0.0", "react@^18.0.0", "react@^18.2.0", "react@>= 16", "react@>=0.14.0", "react@>=15.0.0", "react@>=16.14.0", "react@>=16.3", "react@>=16.6.0", "react@>=16.8", "react@>=16.8.0":
   "integrity" "sha512-/3IjMdb2L9QbBdWiW5e3P2/npwMBaU9mHCSCUzNln0ZCYbcfTsGbTJrU/kGemdH2IWmB2ioZ+zkxtmq6g09fGQ=="
   "resolved" "https://registry.npmjs.org/react/-/react-18.2.0.tgz"
   "version" "18.2.0"