diff --git a/src/frontend/static/frontend/package-lock.json b/src/frontend/static/frontend/package-lock.json
index d8f1a504..e0c950af 100644
--- a/src/frontend/static/frontend/package-lock.json
+++ b/src/frontend/static/frontend/package-lock.json
@@ -29,6 +29,7 @@
         "react-avatar": "^5.0.3",
         "react-colorful": "^5.6.1",
         "react-dom": "^18.3.1",
+        "react-intl": "^6.8.9",
         "react-markdown": "^10.1.0",
         "react-plotly.js": "^2.6.0",
         "react-virtualized": "^9.22.6",
@@ -70,7 +71,7 @@
         "style-loader": "^4.0.0",
         "ts-checker-rspack-plugin": "^1.1.1",
         "ts-loader": "^9.5.2",
-        "typescript": "^6.0.3",
+        "typescript": "^5.9.3",
         "typescript-eslint": "^8.59.3",
         "url-loader": "^4.1.1",
         "webpack-bundle-tracker": "^3.1.1"
@@ -2566,6 +2567,133 @@
         "react-dom": "^16.8.0 || ^17 || ^18"
       }
     },
+    "node_modules/@formatjs/ecma402-abstract": {
+      "version": "2.2.4",
+      "resolved": "https://registry.npmjs.org/@formatjs/ecma402-abstract/-/ecma402-abstract-2.2.4.tgz",
+      "integrity": "sha512-lFyiQDVvSbQOpU+WFd//ILolGj4UgA/qXrKeZxdV14uKiAUiPAtX6XAn7WBCRi7Mx6I7EybM9E5yYn4BIpZWYg==",
+      "dependencies": {
+        "@formatjs/fast-memoize": "2.2.3",
+        "@formatjs/intl-localematcher": "0.5.8",
+        "tslib": "2"
+      }
+    },
+    "node_modules/@formatjs/ecma402-abstract/node_modules/tslib": {
+      "version": "2.8.1",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
+      "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w=="
+    },
+    "node_modules/@formatjs/fast-memoize": {
+      "version": "2.2.3",
+      "resolved": "https://registry.npmjs.org/@formatjs/fast-memoize/-/fast-memoize-2.2.3.tgz",
+      "integrity": "sha512-3jeJ+HyOfu8osl3GNSL4vVHUuWFXR03Iz9jjgI7RwjG6ysu/Ymdr0JRCPHfF5yGbTE6JCrd63EpvX1/WybYRbA==",
+      "dependencies": {
+        "tslib": "2"
+      }
+    },
+    "node_modules/@formatjs/fast-memoize/node_modules/tslib": {
+      "version": "2.8.1",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
+      "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w=="
+    },
+    "node_modules/@formatjs/icu-messageformat-parser": {
+      "version": "2.9.4",
+      "resolved": "https://registry.npmjs.org/@formatjs/icu-messageformat-parser/-/icu-messageformat-parser-2.9.4.tgz",
+      "integrity": "sha512-Tbvp5a9IWuxUcpWNIW6GlMQYEc4rwNHR259uUFoKWNN1jM9obf9Ul0e+7r7MvFOBNcN+13K7NuKCKqQiAn1QEg==",
+      "dependencies": {
+        "@formatjs/ecma402-abstract": "2.2.4",
+        "@formatjs/icu-skeleton-parser": "1.8.8",
+        "tslib": "2"
+      }
+    },
+    "node_modules/@formatjs/icu-messageformat-parser/node_modules/tslib": {
+      "version": "2.8.1",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
+      "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w=="
+    },
+    "node_modules/@formatjs/icu-skeleton-parser": {
+      "version": "1.8.8",
+      "resolved": "https://registry.npmjs.org/@formatjs/icu-skeleton-parser/-/icu-skeleton-parser-1.8.8.tgz",
+      "integrity": "sha512-vHwK3piXwamFcx5YQdCdJxUQ1WdTl6ANclt5xba5zLGDv5Bsur7qz8AD7BevaKxITwpgDeU0u8My3AIibW9ywA==",
+      "dependencies": {
+        "@formatjs/ecma402-abstract": "2.2.4",
+        "tslib": "2"
+      }
+    },
+    "node_modules/@formatjs/icu-skeleton-parser/node_modules/tslib": {
+      "version": "2.8.1",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
+      "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w=="
+    },
+    "node_modules/@formatjs/intl": {
+      "version": "2.10.15",
+      "resolved": "https://registry.npmjs.org/@formatjs/intl/-/intl-2.10.15.tgz",
+      "integrity": "sha512-i6+xVqT+6KCz7nBfk4ybMXmbKO36tKvbMKtgFz9KV+8idYFyFbfwKooYk8kGjyA5+T5f1kEPQM5IDLXucTAQ9g==",
+      "dependencies": {
+        "@formatjs/ecma402-abstract": "2.2.4",
+        "@formatjs/fast-memoize": "2.2.3",
+        "@formatjs/icu-messageformat-parser": "2.9.4",
+        "@formatjs/intl-displaynames": "6.8.5",
+        "@formatjs/intl-listformat": "7.7.5",
+        "intl-messageformat": "10.7.7",
+        "tslib": "2"
+      },
+      "peerDependencies": {
+        "typescript": "^4.7 || 5"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@formatjs/intl-displaynames": {
+      "version": "6.8.5",
+      "resolved": "https://registry.npmjs.org/@formatjs/intl-displaynames/-/intl-displaynames-6.8.5.tgz",
+      "integrity": "sha512-85b+GdAKCsleS6cqVxf/Aw/uBd+20EM0wDpgaxzHo3RIR3bxF4xCJqH/Grbzx8CXurTgDDZHPdPdwJC+May41w==",
+      "dependencies": {
+        "@formatjs/ecma402-abstract": "2.2.4",
+        "@formatjs/intl-localematcher": "0.5.8",
+        "tslib": "2"
+      }
+    },
+    "node_modules/@formatjs/intl-displaynames/node_modules/tslib": {
+      "version": "2.8.1",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
+      "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w=="
+    },
+    "node_modules/@formatjs/intl-listformat": {
+      "version": "7.7.5",
+      "resolved": "https://registry.npmjs.org/@formatjs/intl-listformat/-/intl-listformat-7.7.5.tgz",
+      "integrity": "sha512-Wzes10SMNeYgnxYiKsda4rnHP3Q3II4XT2tZyOgnH5fWuHDtIkceuWlRQNsvrI3uiwP4hLqp2XdQTCsfkhXulg==",
+      "dependencies": {
+        "@formatjs/ecma402-abstract": "2.2.4",
+        "@formatjs/intl-localematcher": "0.5.8",
+        "tslib": "2"
+      }
+    },
+    "node_modules/@formatjs/intl-listformat/node_modules/tslib": {
+      "version": "2.8.1",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
+      "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w=="
+    },
+    "node_modules/@formatjs/intl-localematcher": {
+      "version": "0.5.8",
+      "resolved": "https://registry.npmjs.org/@formatjs/intl-localematcher/-/intl-localematcher-0.5.8.tgz",
+      "integrity": "sha512-I+WDNWWJFZie+jkfkiK5Mp4hEDyRSEvmyfYadflOno/mmKJKcB17fEpEH0oJu/OWhhCJ8kJBDz2YMd/6cDl7Mg==",
+      "dependencies": {
+        "tslib": "2"
+      }
+    },
+    "node_modules/@formatjs/intl-localematcher/node_modules/tslib": {
+      "version": "2.8.1",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
+      "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w=="
+    },
+    "node_modules/@formatjs/intl/node_modules/tslib": {
+      "version": "2.8.1",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
+      "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w=="
+    },
     "node_modules/@gamestdio/websocket": {
       "version": "0.3.2",
       "resolved": "https://registry.npmjs.org/@gamestdio/websocket/-/websocket-0.3.2.tgz",
@@ -5563,20 +5691,11 @@
         "@types/json-schema": "*"
       }
     },
-    "node_modules/@types/eslint-scope": {
-      "version": "3.7.7",
-      "resolved": "https://registry.npmjs.org/@types/eslint-scope/-/eslint-scope-3.7.7.tgz",
-      "integrity": "sha512-MzMFlSLBqNF2gcHWO0G1vP/YQyfvrxZ0bF+u7mzUdZ1/xK4A4sru+nraZz5i3iEIk1l1uyicaDVTB4QbbEkAYg==",
-      "peer": true,
-      "dependencies": {
-        "@types/eslint": "*",
-        "@types/estree": "*"
-      }
-    },
     "node_modules/@types/estree": {
-      "version": "1.0.7",
-      "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.7.tgz",
-      "integrity": "sha512-w28IoSUCJpidD/TGviZwwMJckNESJZXFu7NBZ5YJ4mEUnNraUn9Pm8HSZm/jDF1pDWYKspWE7oVphigUPRakIQ=="
+      "version": "1.0.9",
+      "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.9.tgz",
+      "integrity": "sha512-GhdPgy1el4/ImP05X05Uw4cw2/M93BCUmnEvWZNStlCzEKME4Fkk+YpoA5OiHNQmoS7Cafb8Xa3Pya8m1Qrzeg==",
+      "license": "MIT"
     },
     "node_modules/@types/estree-jsx": {
       "version": "1.0.5",
@@ -5663,6 +5782,17 @@
         "@types/unist": "*"
       }
     },
+    "node_modules/@types/hoist-non-react-statics": {
+      "version": "3.3.7",
+      "resolved": "https://registry.npmjs.org/@types/hoist-non-react-statics/-/hoist-non-react-statics-3.3.7.tgz",
+      "integrity": "sha512-PQTyIulDkIDro8P+IHbKCsw7U2xxBYflVzW/FgWdCAePD9xGSidgA76/GeJ6lBKoblyhf9pBY763gbrN+1dI8g==",
+      "dependencies": {
+        "hoist-non-react-statics": "^3.3.0"
+      },
+      "peerDependencies": {
+        "@types/react": "*"
+      }
+    },
     "node_modules/@types/html-minifier-terser": {
       "version": "5.1.2",
       "resolved": "https://registry.npmjs.org/@types/html-minifier-terser/-/html-minifier-terser-5.1.2.tgz",
@@ -6884,6 +7014,7 @@
       "version": "1.13.2",
       "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-numbers/-/helper-numbers-1.13.2.tgz",
       "integrity": "sha512-FE8aCmS5Q6eQYcV3gI35O4J789wlQA+7JrqTTpJqn5emA4U2hvwJmvFRC0HODS+3Ye6WioDklgd6scJ3+PLnEA==",
+      "license": "MIT",
       "peer": true,
       "dependencies": {
         "@webassemblyjs/floating-point-hex-parser": "1.13.2",
@@ -6895,12 +7026,14 @@
       "version": "1.13.2",
       "resolved": "https://registry.npmjs.org/@webassemblyjs/floating-point-hex-parser/-/floating-point-hex-parser-1.13.2.tgz",
       "integrity": "sha512-6oXyTOzbKxGH4steLbLNOu71Oj+C8Lg34n6CqRvqfS2O71BxY6ByfMDRhBytzknj9yGUPVJ1qIKhRlAwO1AovA==",
+      "license": "MIT",
       "peer": true
     },
     "node_modules/@webassemblyjs/helper-numbers/node_modules/@webassemblyjs/helper-api-error": {
       "version": "1.13.2",
       "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-api-error/-/helper-api-error-1.13.2.tgz",
       "integrity": "sha512-U56GMYxy4ZQCbDZd6JuvvNV/WFildOjsaWD3Tzzvmw/mas3cXzRJPMjP83JqEsgSbyrmaGjBfDtV7KDXV9UzFQ==",
+      "license": "MIT",
       "peer": true
     },
     "node_modules/@webassemblyjs/helper-wasm-bytecode": {
@@ -8251,6 +8384,18 @@
         }
       ]
     },
+    "node_modules/baseline-browser-mapping": {
+      "version": "2.10.37",
+      "resolved": "https://registry.npmjs.org/baseline-browser-mapping/-/baseline-browser-mapping-2.10.37.tgz",
+      "integrity": "sha512-girxaJ7WZssDOFhzCGZTDKoTa1gk6A1TbflaYTpykLJ4UU9Fz9kx1aREM8JCuoVHbL8X8T/mJg7w2oYSq72Oig==",
+      "license": "Apache-2.0",
+      "bin": {
+        "baseline-browser-mapping": "dist/cli.cjs"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
     "node_modules/batch": {
       "version": "0.6.1",
       "resolved": "https://registry.npmjs.org/batch/-/batch-0.6.1.tgz",
@@ -8582,9 +8727,9 @@
       }
     },
     "node_modules/browserslist": {
-      "version": "4.25.1",
-      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.25.1.tgz",
-      "integrity": "sha512-KGj0KoOMXLpSNkkEI6Z6mShmQy0bc1I+T7K9N81k4WWMrfz+6fQ6es80B/YLAeRoKvjYE1YSHHOW1qe9xIVzHw==",
+      "version": "4.28.2",
+      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.28.2.tgz",
+      "integrity": "sha512-48xSriZYYg+8qXna9kwqjIVzuQxi+KYWp2+5nCYnYKPTr0LvD89Jqk2Or5ogxz0NUMfIjhh2lIUX/LyX9B4oIg==",
       "funding": [
         {
           "type": "opencollective",
@@ -8601,10 +8746,11 @@
       ],
       "license": "MIT",
       "dependencies": {
-        "caniuse-lite": "^1.0.30001726",
-        "electron-to-chromium": "^1.5.173",
-        "node-releases": "^2.0.19",
-        "update-browserslist-db": "^1.1.3"
+        "baseline-browser-mapping": "^2.10.12",
+        "caniuse-lite": "^1.0.30001782",
+        "electron-to-chromium": "^1.5.328",
+        "node-releases": "^2.0.36",
+        "update-browserslist-db": "^1.2.3"
       },
       "bin": {
         "browserslist": "cli.js"
@@ -8879,9 +9025,9 @@
       }
     },
     "node_modules/caniuse-lite": {
-      "version": "1.0.30001727",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001727.tgz",
-      "integrity": "sha512-pB68nIHmbN6L/4C6MH1DokyR3bYqFwjaSs/sWDHGj4CTcFtQUQMuJftVwWkXq7mNWOybD3KhUv3oWHoGxgP14Q==",
+      "version": "1.0.30001799",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001799.tgz",
+      "integrity": "sha512-hG1bReV+OUU+MOqK4t/ZWI0tZOyz3rqS9XuhOUz1cIcbwBKjOyJEJuw9ER5JuNyqxNk8u/JUVbGibBOL1yrjFw==",
       "funding": [
         {
           "type": "opencollective",
@@ -9589,11 +9735,11 @@
       }
     },
     "node_modules/core-js-pure": {
-      "version": "3.23.2",
-      "resolved": "https://registry.npmjs.org/core-js-pure/-/core-js-pure-3.23.2.tgz",
-      "integrity": "sha512-t6u7H4Ff/yZNk+zqTr74UjCcZ3k8ApBryeLLV4rYQd9aF3gqmjjGjjR44ENfeBMH8VVvSynIjAJ0mUuFhzQtrA==",
-      "deprecated": "core-js-pure@<3.23.3 is no longer maintained and not recommended for usage due to the number of issues. Because of the V8 engine whims, feature detection in old core-js versions could cause a slowdown up to 100x even if nothing is polyfilled. Some versions have web compatibility issues. Please, upgrade your dependencies to the actual version of core-js-pure.",
+      "version": "3.49.0",
+      "resolved": "https://registry.npmjs.org/core-js-pure/-/core-js-pure-3.49.0.tgz",
+      "integrity": "sha512-XM4RFka59xATyJv/cS3O3Kml72hQXUeGRuuTmMYFxwzc9/7C8OYTaIR/Ji+Yt8DXzsFLNhat15cE/JP15HrCgw==",
       "hasInstallScript": true,
+      "license": "MIT",
       "peer": true,
       "funding": {
         "type": "opencollective",
@@ -11632,9 +11778,9 @@
       }
     },
     "node_modules/electron-to-chromium": {
-      "version": "1.5.188",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.188.tgz",
-      "integrity": "sha512-pfEx5CBFAocOKNrc+i5fSvhDaI1Vr9R9aT5uX1IzM3hhdL6k649wfuUcdUd9EZnmbE1xdfA51CwqQ61CO3Xl3g==",
+      "version": "1.5.372",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.372.tgz",
+      "integrity": "sha512-M3yhbAlilnwqC8D21t28UCDGHyitShTmmLRU/H+b74P6Ski16Nb9HONYEaVpMj/pwC7BEo5B95FpjODLCWbtfA==",
       "license": "ISC"
     },
     "node_modules/element-size": {
@@ -11905,7 +12051,8 @@
     "node_modules/es-module-lexer": {
       "version": "1.5.4",
       "resolved": "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-1.5.4.tgz",
-      "integrity": "sha512-MVNK56NiMrOwitFB7cqDwq0CQutbw+0BvLshJSse0MUNU+y1FC3bUS/AQg7oUng+/wKrrki7JfmwtVHkVfPLlw=="
+      "integrity": "sha512-MVNK56NiMrOwitFB7cqDwq0CQutbw+0BvLshJSse0MUNU+y1FC3bUS/AQg7oUng+/wKrrki7JfmwtVHkVfPLlw==",
+      "dev": true
     },
     "node_modules/es-object-atoms": {
       "version": "1.1.1",
@@ -14313,6 +14460,7 @@
       "version": "0.4.1",
       "resolved": "https://registry.npmjs.org/glob-to-regexp/-/glob-to-regexp-0.4.1.tgz",
       "integrity": "sha512-lkX1HJXwyMcprw/5YUZc2s7DrpAiHB21/V+E1rHUrVNokkvB6bqMzT0VfV6/86ZNabt1k14YOIaT7nDvOX3Iiw==",
+      "license": "BSD-2-Clause",
       "peer": true
     },
     "node_modules/global-modules": {
@@ -14942,6 +15090,14 @@
         "minimalistic-crypto-utils": "^1.0.1"
       }
     },
+    "node_modules/hoist-non-react-statics": {
+      "version": "3.3.2",
+      "resolved": "https://registry.npmjs.org/hoist-non-react-statics/-/hoist-non-react-statics-3.3.2.tgz",
+      "integrity": "sha512-/gGivxi8JPKWNm/W0jSmzcMPpfpPLc3dY/6GxhX2hQ9iGj3aDfklV4ET7NjKpSinLpJ5vafa9iiGIEZg10SfBw==",
+      "dependencies": {
+        "react-is": "^16.7.0"
+      }
+    },
     "node_modules/hoopy": {
       "version": "0.1.4",
       "resolved": "https://registry.npmjs.org/hoopy/-/hoopy-0.1.4.tgz",
@@ -15598,6 +15754,22 @@
         "node": ">=10.13.0"
       }
     },
+    "node_modules/intl-messageformat": {
+      "version": "10.7.7",
+      "resolved": "https://registry.npmjs.org/intl-messageformat/-/intl-messageformat-10.7.7.tgz",
+      "integrity": "sha512-F134jIoeYMro/3I0h08D0Yt4N9o9pjddU/4IIxMMURqbAtI2wu70X8hvG1V48W49zXHXv3RKSF/po+0fDfsGjA==",
+      "dependencies": {
+        "@formatjs/ecma402-abstract": "2.2.4",
+        "@formatjs/fast-memoize": "2.2.3",
+        "@formatjs/icu-messageformat-parser": "2.9.4",
+        "tslib": "2"
+      }
+    },
+    "node_modules/intl-messageformat/node_modules/tslib": {
+      "version": "2.8.1",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
+      "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w=="
+    },
     "node_modules/ip": {
       "version": "1.1.9",
       "resolved": "https://registry.npmjs.org/ip/-/ip-1.1.9.tgz",
@@ -23320,9 +23492,13 @@
       }
     },
     "node_modules/node-releases": {
-      "version": "2.0.19",
-      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.19.tgz",
-      "integrity": "sha512-xxOWJsBKtzAq7DY0J+DTzuz58K8e7sJbdgwkbMWQe8UYB6ekmsQ45q0M/tJDsGaZmbC+l7n57UV8Hl5tHxO9uw=="
+      "version": "2.0.47",
+      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.47.tgz",
+      "integrity": "sha512-Uzmd6LXpouKo8EUK68IjH4+E01w/hXyV3R3g/geCJo+rXLNfh1xucB+LOzYEOQPSiUK3h/xZf0cQGcSsmyL2Og==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      }
     },
     "node_modules/normalize-package-data": {
       "version": "3.0.3",
@@ -26405,6 +26581,37 @@
       "resolved": "https://registry.npmjs.org/react-fast-compare/-/react-fast-compare-3.2.2.tgz",
       "integrity": "sha512-nsO+KSNgo1SbJqJEYRE9ERzo7YtYbou/OqjSQKxV7jcKox7+usiUVZOAC+XnDOABXggQTno0Y1CpVnuWEc1boQ=="
     },
+    "node_modules/react-intl": {
+      "version": "6.8.9",
+      "resolved": "https://registry.npmjs.org/react-intl/-/react-intl-6.8.9.tgz",
+      "integrity": "sha512-TUfj5E7lyUDvz/GtovC9OMh441kBr08rtIbgh3p0R8iF3hVY+V2W9Am7rb8BpJ/29BH1utJOqOOhmvEVh3GfZg==",
+      "dependencies": {
+        "@formatjs/ecma402-abstract": "2.2.4",
+        "@formatjs/icu-messageformat-parser": "2.9.4",
+        "@formatjs/intl": "2.10.15",
+        "@formatjs/intl-displaynames": "6.8.5",
+        "@formatjs/intl-listformat": "7.7.5",
+        "@types/hoist-non-react-statics": "3",
+        "@types/react": "16 || 17 || 18",
+        "hoist-non-react-statics": "3",
+        "intl-messageformat": "10.7.7",
+        "tslib": "2"
+      },
+      "peerDependencies": {
+        "react": "^16.6.0 || 17 || 18",
+        "typescript": "^4.7 || 5"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/react-intl/node_modules/tslib": {
+      "version": "2.8.1",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
+      "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w=="
+    },
     "node_modules/react-is": {
       "version": "16.13.1",
       "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
@@ -29670,15 +29877,15 @@
       }
     },
     "node_modules/terser-webpack-plugin": {
-      "version": "5.3.14",
-      "resolved": "https://registry.npmjs.org/terser-webpack-plugin/-/terser-webpack-plugin-5.3.14.tgz",
-      "integrity": "sha512-vkZjpUjb6OMS7dhV+tILUW6BhpDR7P2L/aQSAv+Uwk+m8KATX9EccViHTJR2qDtACKPIYndLGCyl3FMo+r2LMw==",
+      "version": "5.6.1",
+      "resolved": "https://registry.npmjs.org/terser-webpack-plugin/-/terser-webpack-plugin-5.6.1.tgz",
+      "integrity": "sha512-201R5j+sJpK8nFWwKVyNfZot8FaJbLZDq5evriVzbV1wDtSXDjRUDRfJzHpAaxFDMEhsZL1QkeqM61wgsS3KaQ==",
+      "license": "MIT",
       "peer": true,
       "dependencies": {
         "@jridgewell/trace-mapping": "^0.3.25",
         "jest-worker": "^27.4.5",
         "schema-utils": "^4.3.0",
-        "serialize-javascript": "^6.0.2",
         "terser": "^5.31.1"
       },
       "engines": {
@@ -29692,21 +29899,49 @@
         "webpack": "^5.1.0"
       },
       "peerDependenciesMeta": {
+        "@minify-html/node": {
+          "optional": true
+        },
         "@swc/core": {
           "optional": true
         },
+        "@swc/css": {
+          "optional": true
+        },
+        "@swc/html": {
+          "optional": true
+        },
+        "clean-css": {
+          "optional": true
+        },
+        "cssnano": {
+          "optional": true
+        },
+        "csso": {
+          "optional": true
+        },
         "esbuild": {
           "optional": true
         },
+        "html-minifier-terser": {
+          "optional": true
+        },
+        "lightningcss": {
+          "optional": true
+        },
+        "postcss": {
+          "optional": true
+        },
         "uglify-js": {
           "optional": true
         }
       }
     },
     "node_modules/terser-webpack-plugin/node_modules/acorn": {
-      "version": "8.14.1",
-      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.14.1.tgz",
-      "integrity": "sha512-OvQ/2pUDKmgfCg++xsTX1wGxfTaszcHVcTctW4UJB4hibJx2HXxxO5UmVgyjMa+ZDsiaf5wWLXYpRWMmBI0QHg==",
+      "version": "8.17.0",
+      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.17.0.tgz",
+      "integrity": "sha512-xRQbDb9BnwDafYNn6Vwl839DYVjqXYb1XVGtWAZ1kcDc6iwAL4hg3B1dZlRiuENFeO2H53gFG3in621AdERVAg==",
+      "license": "MIT",
       "peer": true,
       "bin": {
         "acorn": "bin/acorn"
@@ -29716,9 +29951,10 @@
       }
     },
     "node_modules/terser-webpack-plugin/node_modules/ajv": {
-      "version": "8.17.1",
-      "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.17.1.tgz",
-      "integrity": "sha512-B/gBuNg5SiMTrPkC+A2+cW0RszwxYmn6VYxB/inlBStS5nx6xHIt/ehKRhIMhqusl7a8LjQoZnjCs5vhwxOQ1g==",
+      "version": "8.20.0",
+      "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.20.0.tgz",
+      "integrity": "sha512-Thbli+OlOj+iMPYFBVBfJ3OmCAnaSyNn4M1vz9T6Gka5Jt9ba/HIR56joy65tY6kx/FCF5VXNB819Y7/GUrBGA==",
+      "license": "MIT",
       "peer": true,
       "dependencies": {
         "fast-deep-equal": "^3.1.3",
@@ -29735,6 +29971,7 @@
       "version": "5.1.0",
       "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-5.1.0.tgz",
       "integrity": "sha512-YCS/JNFAUyr5vAuhk1DWm1CBxRHW9LbJ2ozWeemrIqpbsqKjHVxYPyi5GC0rjZIT5JxJ3virVTS8wk4i/Z+krw==",
+      "license": "MIT",
       "peer": true,
       "dependencies": {
         "fast-deep-equal": "^3.1.3"
@@ -29747,12 +29984,14 @@
       "version": "2.20.3",
       "resolved": "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz",
       "integrity": "sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==",
+      "license": "MIT",
       "peer": true
     },
     "node_modules/terser-webpack-plugin/node_modules/has-flag": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
       "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+      "license": "MIT",
       "peer": true,
       "engines": {
         "node": ">=8"
@@ -29762,6 +30001,7 @@
       "version": "27.5.1",
       "resolved": "https://registry.npmjs.org/jest-worker/-/jest-worker-27.5.1.tgz",
       "integrity": "sha512-7vuh85V5cdDofPyxn58nrPjBktZo0u9x1g8WtjQol+jZDaE+fhN+cIvTj11GndBnMnyfrUOG1sZQxCdjKh+DKg==",
+      "license": "MIT",
       "peer": true,
       "dependencies": {
         "@types/node": "*",
@@ -29776,12 +30016,14 @@
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz",
       "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==",
+      "license": "MIT",
       "peer": true
     },
     "node_modules/terser-webpack-plugin/node_modules/schema-utils": {
-      "version": "4.3.0",
-      "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-4.3.0.tgz",
-      "integrity": "sha512-Gf9qqc58SpCA/xdziiHz35F4GNIWYWZrEshUc/G/r5BnLph6xpKuLeoJoQuj5WfBIx/eQLf+hmVPYHaxJu7V2g==",
+      "version": "4.3.3",
+      "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-4.3.3.tgz",
+      "integrity": "sha512-eflK8wEtyOE6+hsaRVPxvUKYCpRgzLqDTb8krvAsRIwOGlHoSgYLgBXoubGgLd2fT41/OUYdb48v4k4WWHQurA==",
+      "license": "MIT",
       "peer": true,
       "dependencies": {
         "@types/json-schema": "^7.0.9",
@@ -29797,19 +30039,11 @@
         "url": "https://opencollective.com/webpack"
       }
     },
-    "node_modules/terser-webpack-plugin/node_modules/serialize-javascript": {
-      "version": "6.0.2",
-      "resolved": "https://registry.npmjs.org/serialize-javascript/-/serialize-javascript-6.0.2.tgz",
-      "integrity": "sha512-Saa1xPByTTq2gdeFZYLLo+RFE35NHZkAbqZeWNd3BpzppeVisAqpDjcp8dyf6uIvEqJRd46jemmyA4iFIeVk8g==",
-      "peer": true,
-      "dependencies": {
-        "randombytes": "^2.1.0"
-      }
-    },
     "node_modules/terser-webpack-plugin/node_modules/supports-color": {
       "version": "8.1.1",
       "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-8.1.1.tgz",
       "integrity": "sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==",
+      "license": "MIT",
       "peer": true,
       "dependencies": {
         "has-flag": "^4.0.0"
@@ -29822,13 +30056,14 @@
       }
     },
     "node_modules/terser-webpack-plugin/node_modules/terser": {
-      "version": "5.39.0",
-      "resolved": "https://registry.npmjs.org/terser/-/terser-5.39.0.tgz",
-      "integrity": "sha512-LBAhFyLho16harJoWMg/nZsQYgTrg5jXOn2nCYjRUcZZEdE3qa2zb8QEDRUGVZBW4rlazf2fxkg8tztybTaqWw==",
+      "version": "5.48.0",
+      "resolved": "https://registry.npmjs.org/terser/-/terser-5.48.0.tgz",
+      "integrity": "sha512-J/9An6vs9Us6wKRriSFXBWdRZapREHqFzdNUKk0pmu804EMR6dr6winwo7e5JDxN4xahxQsuysyYFwlwj4XN/Q==",
+      "license": "BSD-2-Clause",
       "peer": true,
       "dependencies": {
         "@jridgewell/source-map": "^0.3.3",
-        "acorn": "^8.8.2",
+        "acorn": "^8.15.0",
         "commander": "^2.20.0",
         "source-map-support": "~0.5.20"
       },
@@ -30531,9 +30766,9 @@
       "integrity": "sha512-YXvbd3a1QTREoD+FJoEkl0VQNJoEjewR2H11IjVv4bp6ahuIcw0yyw/3udC4vJkHw3T3cUh85FTg8eWef3pSaw=="
     },
     "node_modules/typescript": {
-      "version": "6.0.3",
-      "resolved": "https://registry.npmjs.org/typescript/-/typescript-6.0.3.tgz",
-      "integrity": "sha512-y2TvuxSZPDyQakkFRPZHKFm+KKVqIisdg9/CZwm9ftvKXLP8NRWj38/ODjNbr43SsoXqNuAisEf1GdCxqWcdBw==",
+      "version": "5.9.3",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.9.3.tgz",
+      "integrity": "sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==",
       "license": "Apache-2.0",
       "bin": {
         "tsc": "bin/tsc",
@@ -30885,9 +31120,9 @@
       }
     },
     "node_modules/update-browserslist-db": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.1.3.tgz",
-      "integrity": "sha512-UxhIZQ+QInVdunkDAaiazvvT/+fXL5Osr0JZlJulepYu6Jd7qJtDZjlur0emRlT71EN3ScPoE7gvsuIKKNavKw==",
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.2.3.tgz",
+      "integrity": "sha512-Js0m9cx+qOgDxo0eMiFGEueWztz+d4+M3rGlmKPT+T4IS/jP4ylw3Nwpu6cpTTP8R1MAC1kF4VbdLt3ARf209w==",
       "funding": [
         {
           "type": "opencollective",
@@ -30902,6 +31137,7 @@
           "url": "https://github.com/sponsors/ai"
         }
       ],
+      "license": "MIT",
       "dependencies": {
         "escalade": "^3.2.0",
         "picocolors": "^1.1.1"
@@ -30916,7 +31152,8 @@
     "node_modules/update-browserslist-db/node_modules/picocolors": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
-      "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA=="
+      "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==",
+      "license": "ISC"
     },
     "node_modules/update-diff": {
       "version": "1.1.0",
@@ -31599,36 +31836,35 @@
       }
     },
     "node_modules/webpack": {
-      "version": "5.99.8",
-      "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.99.8.tgz",
-      "integrity": "sha512-lQ3CPiSTpfOnrEGeXDwoq5hIGzSjmwD72GdfVzF7CQAI7t47rJG9eDWvcEkEn3CUQymAElVvDg3YNTlCYj+qUQ==",
+      "version": "5.107.2",
+      "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.107.2.tgz",
+      "integrity": "sha512-v7RhXaJbpMlV0D7hC7lb2EbnxkoeUqf9qhKr6lozx3Q48pmFrqqNRmZFUEGmi7pSwm6fCQ2H1IjvCkHqdpVdjQ==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
-        "@types/eslint-scope": "^3.7.7",
-        "@types/estree": "^1.0.6",
+        "@types/estree": "^1.0.8",
         "@types/json-schema": "^7.0.15",
         "@webassemblyjs/ast": "^1.14.1",
         "@webassemblyjs/wasm-edit": "^1.14.1",
         "@webassemblyjs/wasm-parser": "^1.14.1",
-        "acorn": "^8.14.0",
-        "browserslist": "^4.24.0",
+        "acorn": "^8.16.0",
+        "acorn-import-phases": "^1.0.3",
+        "browserslist": "^4.28.1",
         "chrome-trace-event": "^1.0.2",
-        "enhanced-resolve": "^5.17.1",
-        "es-module-lexer": "^1.2.1",
+        "enhanced-resolve": "^5.22.0",
+        "es-module-lexer": "^2.1.0",
         "eslint-scope": "5.1.1",
         "events": "^3.2.0",
         "glob-to-regexp": "^0.4.1",
         "graceful-fs": "^4.2.11",
-        "json-parse-even-better-errors": "^2.3.1",
-        "loader-runner": "^4.2.0",
-        "mime-types": "^2.1.27",
+        "loader-runner": "^4.3.2",
+        "mime-db": "^1.54.0",
         "neo-async": "^2.6.2",
-        "schema-utils": "^4.3.2",
-        "tapable": "^2.1.1",
-        "terser-webpack-plugin": "^5.3.11",
-        "watchpack": "^2.4.1",
-        "webpack-sources": "^3.2.3"
+        "schema-utils": "^4.3.3",
+        "tapable": "^2.3.0",
+        "terser-webpack-plugin": "^5.5.0",
+        "watchpack": "^2.5.1",
+        "webpack-sources": "^3.5.0"
       },
       "bin": {
         "webpack": "bin/webpack.js"
@@ -32490,6 +32726,7 @@
       "version": "1.14.1",
       "resolved": "https://registry.npmjs.org/@webassemblyjs/ast/-/ast-1.14.1.tgz",
       "integrity": "sha512-nuBEDgQfm1ccRp/8bCQrx1frohyufl4JlbMMZ4P1wpeOfDhF6FQkxZJ1b/e+PLwr6X1Nhw6OLme5usuBWYBvuQ==",
+      "license": "MIT",
       "peer": true,
       "dependencies": {
         "@webassemblyjs/helper-numbers": "1.13.2",
@@ -32500,24 +32737,28 @@
       "version": "1.13.2",
       "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-api-error/-/helper-api-error-1.13.2.tgz",
       "integrity": "sha512-U56GMYxy4ZQCbDZd6JuvvNV/WFildOjsaWD3Tzzvmw/mas3cXzRJPMjP83JqEsgSbyrmaGjBfDtV7KDXV9UzFQ==",
+      "license": "MIT",
       "peer": true
     },
     "node_modules/webpack/node_modules/@webassemblyjs/helper-buffer": {
       "version": "1.14.1",
       "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-buffer/-/helper-buffer-1.14.1.tgz",
       "integrity": "sha512-jyH7wtcHiKssDtFPRB+iQdxlDf96m0E39yb0k5uJVhFGleZFoNw1c4aeIcVUPPbXUVJ94wwnMOAqUHyzoEPVMA==",
+      "license": "MIT",
       "peer": true
     },
     "node_modules/webpack/node_modules/@webassemblyjs/helper-wasm-bytecode": {
       "version": "1.13.2",
       "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-wasm-bytecode/-/helper-wasm-bytecode-1.13.2.tgz",
       "integrity": "sha512-3QbLKy93F0EAIXLh0ogEVR6rOubA9AoZ+WRYhNbFyuB70j3dRdwH9g+qXhLAO0kiYGlg3TxDV+I4rQTr/YNXkA==",
+      "license": "MIT",
       "peer": true
     },
     "node_modules/webpack/node_modules/@webassemblyjs/helper-wasm-section": {
       "version": "1.14.1",
       "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-wasm-section/-/helper-wasm-section-1.14.1.tgz",
       "integrity": "sha512-ds5mXEqTJ6oxRoqjhWDU83OgzAYjwsCV8Lo/N+oRsNDmx/ZDpqalmrtgOMkHwxsG0iI//3BwWAErYRHtgn0dZw==",
+      "license": "MIT",
       "peer": true,
       "dependencies": {
         "@webassemblyjs/ast": "1.14.1",
@@ -32530,6 +32771,7 @@
       "version": "1.13.2",
       "resolved": "https://registry.npmjs.org/@webassemblyjs/ieee754/-/ieee754-1.13.2.tgz",
       "integrity": "sha512-4LtOzh58S/5lX4ITKxnAK2USuNEvpdVV9AlgGQb8rJDHaLeHciwG4zlGr0j/SNWlr7x3vO1lDEsuePvtcDNCkw==",
+      "license": "MIT",
       "peer": true,
       "dependencies": {
         "@xtuc/ieee754": "^1.2.0"
@@ -32539,6 +32781,7 @@
       "version": "1.13.2",
       "resolved": "https://registry.npmjs.org/@webassemblyjs/leb128/-/leb128-1.13.2.tgz",
       "integrity": "sha512-Lde1oNoIdzVzdkNEAWZ1dZ5orIbff80YPdHx20mrHwHrVNNTjNr8E3xz9BdpcGqRQbAEa+fkrCb+fRFTl/6sQw==",
+      "license": "Apache-2.0",
       "peer": true,
       "dependencies": {
         "@xtuc/long": "4.2.2"
@@ -32548,12 +32791,14 @@
       "version": "1.13.2",
       "resolved": "https://registry.npmjs.org/@webassemblyjs/utf8/-/utf8-1.13.2.tgz",
       "integrity": "sha512-3NQWGjKTASY1xV5m7Hr0iPeXD9+RDobLll3T9d2AO+g3my8xy5peVyjSag4I50mR1bBSN/Ct12lo+R9tJk0NZQ==",
+      "license": "MIT",
       "peer": true
     },
     "node_modules/webpack/node_modules/@webassemblyjs/wasm-edit": {
       "version": "1.14.1",
       "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-edit/-/wasm-edit-1.14.1.tgz",
       "integrity": "sha512-RNJUIQH/J8iA/1NzlE4N7KtyZNHi3w7at7hDjvRNm5rcUXa00z1vRz3glZoULfJ5mpvYhLybmVcwcjGrC1pRrQ==",
+      "license": "MIT",
       "peer": true,
       "dependencies": {
         "@webassemblyjs/ast": "1.14.1",
@@ -32570,6 +32815,7 @@
       "version": "1.14.1",
       "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-gen/-/wasm-gen-1.14.1.tgz",
       "integrity": "sha512-AmomSIjP8ZbfGQhumkNvgC33AY7qtMCXnN6bL2u2Js4gVCg8fp735aEiMSBbDR7UQIj90n4wKAFUSEd0QN2Ukg==",
+      "license": "MIT",
       "peer": true,
       "dependencies": {
         "@webassemblyjs/ast": "1.14.1",
@@ -32583,6 +32829,7 @@
       "version": "1.14.1",
       "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-opt/-/wasm-opt-1.14.1.tgz",
       "integrity": "sha512-PTcKLUNvBqnY2U6E5bdOQcSM+oVP/PmrDY9NzowJjislEjwP/C4an2303MCVS2Mg9d3AJpIGdUFIQQWbPds0Sw==",
+      "license": "MIT",
       "peer": true,
       "dependencies": {
         "@webassemblyjs/ast": "1.14.1",
@@ -32595,6 +32842,7 @@
       "version": "1.14.1",
       "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-parser/-/wasm-parser-1.14.1.tgz",
       "integrity": "sha512-JLBl+KZ0R5qB7mCnud/yyX08jWFw5MsoalJ1pQ4EdFlgj9VdXKGuENGsiCIjegI1W7p91rUlcB/LB5yRJKNTcQ==",
+      "license": "MIT",
       "peer": true,
       "dependencies": {
         "@webassemblyjs/ast": "1.14.1",
@@ -32609,6 +32857,7 @@
       "version": "1.14.1",
       "resolved": "https://registry.npmjs.org/@webassemblyjs/wast-printer/-/wast-printer-1.14.1.tgz",
       "integrity": "sha512-kPSSXE6De1XOR820C90RIo2ogvZG+c3KiHzqUoO/F34Y2shGzesfqv7o57xrxovZJH/MetF5UjroJ/R/3isoiw==",
+      "license": "MIT",
       "peer": true,
       "dependencies": {
         "@webassemblyjs/ast": "1.14.1",
@@ -32616,9 +32865,10 @@
       }
     },
     "node_modules/webpack/node_modules/acorn": {
-      "version": "8.14.1",
-      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.14.1.tgz",
-      "integrity": "sha512-OvQ/2pUDKmgfCg++xsTX1wGxfTaszcHVcTctW4UJB4hibJx2HXxxO5UmVgyjMa+ZDsiaf5wWLXYpRWMmBI0QHg==",
+      "version": "8.17.0",
+      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.17.0.tgz",
+      "integrity": "sha512-xRQbDb9BnwDafYNn6Vwl839DYVjqXYb1XVGtWAZ1kcDc6iwAL4hg3B1dZlRiuENFeO2H53gFG3in621AdERVAg==",
+      "license": "MIT",
       "peer": true,
       "bin": {
         "acorn": "bin/acorn"
@@ -32627,10 +32877,23 @@
         "node": ">=0.4.0"
       }
     },
+    "node_modules/webpack/node_modules/acorn-import-phases": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/acorn-import-phases/-/acorn-import-phases-1.0.4.tgz",
+      "integrity": "sha512-wKmbr/DDiIXzEOiWrTTUcDm24kQ2vGfZQvM2fwg2vXqR5uW6aapr7ObPtj1th32b9u90/Pf4AItvdTh42fBmVQ==",
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": ">=10.13.0"
+      },
+      "peerDependencies": {
+        "acorn": "^8.14.0"
+      }
+    },
     "node_modules/webpack/node_modules/ajv": {
-      "version": "8.17.1",
-      "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.17.1.tgz",
-      "integrity": "sha512-B/gBuNg5SiMTrPkC+A2+cW0RszwxYmn6VYxB/inlBStS5nx6xHIt/ehKRhIMhqusl7a8LjQoZnjCs5vhwxOQ1g==",
+      "version": "8.20.0",
+      "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.20.0.tgz",
+      "integrity": "sha512-Thbli+OlOj+iMPYFBVBfJ3OmCAnaSyNn4M1vz9T6Gka5Jt9ba/HIR56joy65tY6kx/FCF5VXNB819Y7/GUrBGA==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
@@ -32658,18 +32921,26 @@
       }
     },
     "node_modules/webpack/node_modules/enhanced-resolve": {
-      "version": "5.17.1",
-      "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.17.1.tgz",
-      "integrity": "sha512-LMHl3dXhTcfv8gM4kEzIUeTQ+7fpdA0l2tUf34BddXPkz2A5xJ5L/Pchd5BL6rdccM9QGvu0sWZzK1Z1t4wwyg==",
+      "version": "5.24.0",
+      "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.24.0.tgz",
+      "integrity": "sha512-SkE2t82KlkkxQRVMVLAGKxLfORGQfrkx5dkj+vlgXRVNEdPc4eZcR+J/Fvj8C+yKSFH5L0q3NFlyufOVQnCcYQ==",
+      "license": "MIT",
       "peer": true,
       "dependencies": {
         "graceful-fs": "^4.2.4",
-        "tapable": "^2.2.0"
+        "tapable": "^2.3.3"
       },
       "engines": {
         "node": ">=10.13.0"
       }
     },
+    "node_modules/webpack/node_modules/es-module-lexer": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-2.1.0.tgz",
+      "integrity": "sha512-n27zTYMjYu1aj4MjCWzSP7G9r75utsaoc8m61weK+W8JMBGGQybd43GstCXZ3WNmSFtGT9wi59qQTW6mhTR5LQ==",
+      "license": "MIT",
+      "peer": true
+    },
     "node_modules/webpack/node_modules/json-schema-traverse": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz",
@@ -32678,18 +32949,33 @@
       "peer": true
     },
     "node_modules/webpack/node_modules/loader-runner": {
-      "version": "4.3.0",
-      "resolved": "https://registry.npmjs.org/loader-runner/-/loader-runner-4.3.0.tgz",
-      "integrity": "sha512-3R/1M+yS3j5ou80Me59j7F9IMs4PXs3VqRrm0TU3AbKPxlmpoY1TNscJV/oGJXo8qCatFGTfDbY6W6ipGOYXfg==",
+      "version": "4.3.2",
+      "resolved": "https://registry.npmjs.org/loader-runner/-/loader-runner-4.3.2.tgz",
+      "integrity": "sha512-DFEqQ3ihfS9blba08cLfYf1NRAIEm+dDjic073DRDc3/JspI/8wYmtDsHwd3+4hwvdxSK7PGaElfTmm0awWJ4w==",
+      "license": "MIT",
       "peer": true,
       "engines": {
         "node": ">=6.11.5"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      }
+    },
+    "node_modules/webpack/node_modules/mime-db": {
+      "version": "1.54.0",
+      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.54.0.tgz",
+      "integrity": "sha512-aU5EJuIN2WDemCcAp2vFBfp/m4EAhWJnUNSSw0ixs7/kXbd6Pg64EmwJkNdFhB8aWt1sH2CTXrLxo/iAGV3oPQ==",
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": ">= 0.6"
       }
     },
     "node_modules/webpack/node_modules/schema-utils": {
-      "version": "4.3.2",
-      "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-4.3.2.tgz",
-      "integrity": "sha512-Gn/JaSk/Mt9gYubxTtSn/QCV4em9mpAPiR1rqy/Ocu19u/G9J5WWdNoUT4SiV6mFC3y6cxyFcFwdzPM3FgxGAQ==",
+      "version": "4.3.3",
+      "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-4.3.3.tgz",
+      "integrity": "sha512-eflK8wEtyOE6+hsaRVPxvUKYCpRgzLqDTb8krvAsRIwOGlHoSgYLgBXoubGgLd2fT41/OUYdb48v4k4WWHQurA==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
@@ -32707,21 +32993,26 @@
       }
     },
     "node_modules/webpack/node_modules/tapable": {
-      "version": "2.2.1",
-      "resolved": "https://registry.npmjs.org/tapable/-/tapable-2.2.1.tgz",
-      "integrity": "sha512-GNzQvQTOIP6RyTfE2Qxb8ZVlNmw0n88vp1szwWRimP02mnTsx3Wtn5qRdqY9w2XduFNUgvOwhNnQsjwCp+kqaQ==",
+      "version": "2.3.3",
+      "resolved": "https://registry.npmjs.org/tapable/-/tapable-2.3.3.tgz",
+      "integrity": "sha512-uxc/zpqFg6x7C8vOE7lh6Lbda8eEL9zmVm/PLeTPBRhh1xCgdWaQ+J1CUieGpIfm2HdtsUpRv+HshiasBMcc6A==",
+      "license": "MIT",
       "peer": true,
       "engines": {
         "node": ">=6"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
       }
     },
     "node_modules/webpack/node_modules/watchpack": {
-      "version": "2.4.1",
-      "resolved": "https://registry.npmjs.org/watchpack/-/watchpack-2.4.1.tgz",
-      "integrity": "sha512-8wrBCMtVhqcXP2Sup1ctSkga6uc2Bx0IIvKyT7yTFier5AXHooSI+QyQQAtTb7+E0IUCCKyTFmXqdqgum2XWGg==",
+      "version": "2.5.2",
+      "resolved": "https://registry.npmjs.org/watchpack/-/watchpack-2.5.2.tgz",
+      "integrity": "sha512-6i/00NBjP4yGPs+caKSyRfpTF/8Torsu0MOW3mMzIbhgISFder8i7xbqgHlLMwJrdiN8ndBV3UA1/AfzPSr+jg==",
+      "license": "MIT",
       "peer": true,
       "dependencies": {
-        "glob-to-regexp": "^0.4.1",
         "graceful-fs": "^4.1.2"
       },
       "engines": {
@@ -32729,9 +33020,10 @@
       }
     },
     "node_modules/webpack/node_modules/webpack-sources": {
-      "version": "3.2.3",
-      "resolved": "https://registry.npmjs.org/webpack-sources/-/webpack-sources-3.2.3.tgz",
-      "integrity": "sha512-/DyMEOrDgLKKIG0fmvtz+4dUX/3Ghozwgm6iPp8KRhvn+eQf9+Q7GWxVNMk3+uCPWfdXYC4ExGBckIXdFEfH1w==",
+      "version": "3.5.0",
+      "resolved": "https://registry.npmjs.org/webpack-sources/-/webpack-sources-3.5.0.tgz",
+      "integrity": "sha512-HPuy+uuoTCaaoEoI1LQ3JN9+vrPBvEesnnX1jADHy728cHSMlq4wUc4afYqahq2B1mhQVZxCXOkNTnXltr+2vQ==",
+      "license": "MIT",
       "peer": true,
       "engines": {
         "node": ">=10.13.0"
diff --git a/src/frontend/static/frontend/package.json b/src/frontend/static/frontend/package.json
index be342b16..58a49908 100644
--- a/src/frontend/static/frontend/package.json
+++ b/src/frontend/static/frontend/package.json
@@ -46,7 +46,7 @@
     "style-loader": "^4.0.0",
     "ts-checker-rspack-plugin": "^1.1.1",
     "ts-loader": "^9.5.2",
-    "typescript": "^6.0.3",
+    "typescript": "^5.9.3",
     "typescript-eslint": "^8.59.3",
     "url-loader": "^4.1.1",
     "webpack-bundle-tracker": "^3.1.1"
@@ -72,6 +72,7 @@
     "react-avatar": "^5.0.3",
     "react-colorful": "^5.6.1",
     "react-dom": "^18.3.1",
+    "react-intl": "^6.8.9",
     "react-markdown": "^10.1.0",
     "react-plotly.js": "^2.6.0",
     "react-virtualized": "^9.22.6",
@@ -88,4 +89,4 @@
       "react-app"
     ]
   }
-}
\ No newline at end of file
+}
diff --git a/src/frontend/static/frontend/rspack.common.js b/src/frontend/static/frontend/rspack.common.js
index e7f41f91..13bdbbf8 100644
--- a/src/frontend/static/frontend/rspack.common.js
+++ b/src/frontend/static/frontend/rspack.common.js
@@ -26,7 +26,8 @@ export const common = {
         survival: `${PATHS.src}/survival.tsx`,
         aboutUs: `${PATHS.src}/about-us.tsx`,
         openSource: `${PATHS.src}/open-source.tsx`,
-        sitePolicy: `${PATHS.src}/site-policy.tsx`
+        sitePolicy: `${PATHS.src}/site-policy.tsx`,
+        faq: `${PATHS.src}/faq.tsx`
     },
     output: {
         path: PATHS.output,
diff --git a/src/frontend/static/frontend/src/components/Base.tsx b/src/frontend/static/frontend/src/components/Base.tsx
index 25f7217e..282066ca 100644
--- a/src/frontend/static/frontend/src/components/Base.tsx
+++ b/src/frontend/static/frontend/src/components/Base.tsx
@@ -4,7 +4,26 @@ import ky from 'ky'
 import { DjangoUser } from '../utils/django_interfaces'
 import { Nullable } from '../utils/interfaces'
 import { Footer } from './Footer'
-import { ChatWidget } from './assistant/ChatWidget'
+import { IntlProvider } from 'react-intl'
+
+// Locales
+import es from '../locales/es'
+import en from '../locales/en'
+
+// Common dependencies for all the pages
+import 'fomantic-ui-css/semantic.css'
+import '../css/base.css'
+
+const messages = { en, es }
+
+interface LocaleContextType {
+    locale: 'en' | 'es',
+    setLocale: React.Dispatch<React.SetStateAction<'en' | 'es'>>
+}
+const LocaleContext = React.createContext<LocaleContextType>({
+    locale: 'es',
+    setLocale: () => {}
+})
 
 declare const urlCurrentUser: string
 
@@ -30,6 +49,8 @@ const Base = (props: BaseProps) => {
     const abortController = useRef(new AbortController())
     const [currentUser, setUser] = useState<Nullable<DjangoUser>>(null)
     const [isLoadingCurrentUser, setIsLoadingCurrentUser] = useState<boolean>(true)
+    // State that defines the current language ('es' or 'en') for <IntlProvider>, used to display the interface in the selected locale
+    const [locale, setLocale] = useState<'en' | 'es'>('es')
 
     /**
      * Method which is executed when the component has mounted
@@ -76,20 +97,21 @@ const Base = (props: BaseProps) => {
 
     return (
         <CurrentUserContext.Provider value={currentUser}>
-            {/* Navbar */}
-            <MainNavbar activeItem={props.activeItem} isLoadingUser={isLoadingCurrentUser} />
-
-            {/* Composition part */}
-            <div className={props.wrapperClass}>
-                {props.children}
-            </div>
+            <LocaleContext.Provider value={{ locale, setLocale }}>
+                <IntlProvider locale={locale} messages={messages[locale]}>
+                    {/* Navbar */}
+                    <MainNavbar activeItem={props.activeItem} isLoadingUser={isLoadingCurrentUser} />
 
-            {/* Footer */}
-            {/* TODO: add license */}
-            <Footer />
+                    {/* Composition part */}
+                    <div className={props.wrapperClass}>
+                        {props.children}
+                    </div>
 
-            {/* AI Assistant floating widget */}
-            {currentUser && !currentUser.is_anonymous && <ChatWidget />}
+                    {/* Footer */}
+                    {/* TODO: add license */}
+                    <Footer />
+                </IntlProvider>
+            </LocaleContext.Provider>
         </CurrentUserContext.Provider>
     )
 }
diff --git a/src/frontend/static/frontend/src/components/Footer.tsx b/src/frontend/static/frontend/src/components/Footer.tsx
index 3c4deed6..da849feb 100644
--- a/src/frontend/static/frontend/src/components/Footer.tsx
+++ b/src/frontend/static/frontend/src/components/Footer.tsx
@@ -1,5 +1,6 @@
 import React from 'react'
 import { Container, Grid, Icon, Segment } from 'semantic-ui-react'
+import { useIntl } from 'react-intl'
 
 declare const multiomixVersion: string
 declare const urlSitePolicy: string
@@ -9,6 +10,7 @@ declare const urlSitePolicy: string
  * @returns Component.
  */
 export const Footer = () => {
+    const intl = useIntl()
     return (
         <Segment id='footer-component' inverted vertical>
             <Container>
@@ -40,7 +42,9 @@ export const Footer = () => {
                                     href={urlSitePolicy}
                                     rel='noreferrer'
                                 >
-                                    Terms and privacy policy
+                                    {intl.formatMessage({
+                                        id: 'footer.termsAndPrivacyPolicy'
+                                    })}
                                 </a>
                             </p>
                         </Grid.Column>
diff --git a/src/frontend/static/frontend/src/components/MainNavbar.tsx b/src/frontend/static/frontend/src/components/MainNavbar.tsx
index 508735f1..b29e822b 100644
--- a/src/frontend/static/frontend/src/components/MainNavbar.tsx
+++ b/src/frontend/static/frontend/src/components/MainNavbar.tsx
@@ -5,6 +5,7 @@ import { ConfirmModal, CustomAlert, CustomAlertTypes, Nullable } from '../utils/
 import { CurrentUserContext } from './Base'
 import { UpdateUserModal } from './UpdateUserModal'
 import { Alert } from './common/Alert'
+import { useIntl } from 'react-intl'
 
 // Constants declared in base.html
 declare const urlIndex: string
@@ -30,6 +31,8 @@ interface LogInLogOutPanelProps {
  * @returns Component
  */
 const LogInLogOutPanel = (props: LogInLogOutPanelProps) => {
+    const intl = useIntl()
+
     const getDefaultConfirmModal = (): ConfirmModal => {
         return {
             confirmModal: false,
@@ -111,7 +114,7 @@ const LogInLogOutPanel = (props: LogInLogOutPanelProps) => {
     if (props.currentUser.is_anonymous) {
         return (
             <Menu.Item as='a' href={urlLogin} style={{ fontSize: '1rem' }}>
-                Log in
+                {intl.formatMessage({ id: 'mainNavbar.login' })}
             </Menu.Item>
         )
     }
@@ -119,10 +122,10 @@ const LogInLogOutPanel = (props: LogInLogOutPanelProps) => {
     // Logged user
     return (
         <>
-            <Dropdown text={`Hi, ${props.currentUser.username}`} className='link item' aria-label='Login/Logout'>
+            <Dropdown text={intl.formatMessage({ id: 'mainNavbar.greeting' }, { username: props.currentUser.username })} className='link item' aria-label='Login/Logout'>
                 <Dropdown.Menu>
-                    <Dropdown.Item icon='user' text='Edit profile' onClick={() => setModal({ ...modal, isOpen: true })} />
-                    <Dropdown.Item icon='power off' text='Exit' as='a' href={urlLogout} />
+                    <Dropdown.Item icon='user' text={intl.formatMessage({ id: 'mainNavbar.editProfile' })} onClick={() => setModal({ ...modal, isOpen: true })} />
+                    <Dropdown.Item icon='power off' text={intl.formatMessage({ id: 'mainNavbar.exit' })} as='a' href={urlLogout} />
                 </Dropdown.Menu>
             </Dropdown>
             <UpdateUserModal isOpen={modal.isOpen} handleClose={() => setModal({ ...modal, isOpen: false })} currentUser={props.currentUser} handleChangeConfirmModalState={handleChangeConfirmModalState} handleUpdateAlert={handleUpdateAlert} />
@@ -150,7 +153,7 @@ const LogInLogOutPanel = (props: LogInLogOutPanelProps) => {
     )
 }
 
-type ActiveItemOptions = 'home' | 'pipeline' | 'files' | 'cgds' | 'survival' | 'institutions' | 'about-us' | 'biomarkers' | 'open-source' | 'differential-expression'
+type ActiveItemOptions = 'home' | 'pipeline' | 'files' | 'cgds' | 'survival' | 'institutions' | 'about-us' | 'biomarkers' | 'open-source' | 'differential-expression' | 'faq'
 
 interface MainNavbarProps {
     activeItem?: ActiveItemOptions,
@@ -163,12 +166,13 @@ interface MainNavbarProps {
  * @returns Component
  */
 const MainNavbar = (props: MainNavbarProps) => {
+    const intl = useIntl()
     // Gets current user context
     const currentUser = useContext(CurrentUserContext)
 
     const cBioPortalOption = (
         <Dropdown.Item
-            text='cBioPortal'
+            text={intl.formatMessage({ id: 'mainNavbar.cbioportal' })}
             icon='cloud'
             as='a' href={urlCGDSPanel}
             active={props.activeItem === 'cgds'}
@@ -178,8 +182,8 @@ const MainNavbar = (props: MainNavbarProps) => {
     return (
         <Menu className='margin-bottom-0' inverted borderless aria-label='Main navigation'>
             {/* Logo */}
-            <Menu.Item as='a' header href={urlIndex} title='Multiomix homepage'>
-                <Image size='tiny' src='/static/frontend/img/logo.png' alt='Multiomix homepage' />
+            <Menu.Item as='a' header href={urlIndex} title={intl.formatMessage({ id: 'mainNavbar.logo.title' })}>
+                <Image size='tiny' src='/static/frontend/img/logo.png' alt={intl.formatMessage({ id: 'mainNavbar.logo.alt' })} />
             </Menu.Item>
 
             {/* Loading spinners while user is fetch */}
@@ -203,13 +207,13 @@ const MainNavbar = (props: MainNavbarProps) => {
             {currentUser && !currentUser.is_anonymous && (
                 <>
                     <Menu.Menu>
-                        <Dropdown item text='Analysis' className='link item' icon={null} aria-label='Analysis'>
+                        <Dropdown item text={intl.formatMessage({ id: 'mainNavbar.analysis' })} className='link item' icon={null} aria-label='Analysis'>
                             <Dropdown.Menu>
                                 {/* GEM panel */}
                                 <Dropdown.Item
-                                    text='GEM'
+                                    text={intl.formatMessage({ id: 'mainNavbar.gem' })}
                                     icon='lab'
-                                    title='Gene Expression Modulation'
+                                    title={intl.formatMessage({ id: 'mainNavbar.gem.title' })}
                                     as='a' href={urlPipeline}
                                     active={props.activeItem === 'pipeline'}
                                 />
@@ -226,7 +230,7 @@ const MainNavbar = (props: MainNavbarProps) => {
 
                                 {/* Biomarkers panel */}
                                 <Dropdown.Item
-                                    text='Biomarkers'
+                                    text={intl.formatMessage({ id: 'mainNavbar.biomarkers' })}
                                     icon='list layout'
                                     as='a' href={urlBiomarkers}
                                     active={props.activeItem === 'biomarkers'}
@@ -234,7 +238,7 @@ const MainNavbar = (props: MainNavbarProps) => {
 
                                 {/* Differential Expression panel */}
                                 <Dropdown.Item
-                                    text='Differential expression'
+                                    text={intl.formatMessage({ id: 'mainNavbar.differentialExpression' })}
                                     icon='buromobelexperte'
                                     as='a' href={urlDifferentialExpression}
                                     active={props.activeItem === 'differential-expression'}
@@ -245,11 +249,11 @@ const MainNavbar = (props: MainNavbarProps) => {
 
                     {/* Datasets menu */}
                     <Menu.Menu>
-                        <Dropdown text='Datasets' className='link item' icon={null} aria-label='Datasets'>
+                        <Dropdown text={intl.formatMessage({ id: 'mainNavbar.datasets' })} className='link item' icon={null} aria-label='Datasets'>
                             <Dropdown.Menu>
                                 {/* User's Datasets panel */}
                                 <Dropdown.Item
-                                    text='My datasets'
+                                    text={intl.formatMessage({ id: 'mainNavbar.myDatasets' })}
                                     icon='database'
                                     as='a' href={urlDatasets}
                                     active={props.activeItem === 'files'}
@@ -264,7 +268,7 @@ const MainNavbar = (props: MainNavbarProps) => {
                     {/* Institutions  */}
                     <Menu.Menu>
                         <Menu.Item as='a' href={urlInstitutions} style={{ fontSize: '1rem' }}>
-                            Institutions
+                            {intl.formatMessage({ id: 'mainNavbar.institutions' })}
                         </Menu.Item>
                     </Menu.Menu>
                 </>
@@ -273,13 +277,13 @@ const MainNavbar = (props: MainNavbarProps) => {
             {/* Only admin options */}
             {currentUser && (currentUser.is_superuser || currentUser.is_institution_admin) && (
                 <Menu.Menu>
-                    <Dropdown text='Admin' className='link item' icon={null} aria-label='Admin'>
+                    <Dropdown text={intl.formatMessage({ id: 'mainNavbar.admin' })} className='link item' icon={null} aria-label='Admin'>
                         <Dropdown.Menu>
                             {currentUser.is_superuser && (
                                 <>
                                     {/* User's Datasets panel */}
                                     <Dropdown.Item
-                                        text='Database: Genes'
+                                        text={intl.formatMessage({ id: 'mainNavbar.databaseGenes' })}
                                         icon='dna'
                                         // as='a' href={null}
                                         disabled
@@ -294,13 +298,24 @@ const MainNavbar = (props: MainNavbarProps) => {
             {/* About us */}
             <Menu.Menu>
                 <Menu.Item as='a' href={urlAboutUs} style={{ fontSize: '1rem' }}>
-                    About us
+                    {intl.formatMessage({ id: 'mainNavbar.aboutUs' })}
+                </Menu.Item>
+            </Menu.Menu>
+
+            <Menu.Menu>
+                <Menu.Item
+                    as='a'
+                    href='/faq'
+                    style={{ fontSize: '1rem' }}
+                    active={props.activeItem === 'faq'}
+                >
+                    {intl.formatMessage({ id: 'mainNavbar.faq' })}
                 </Menu.Item>
             </Menu.Menu>
 
             <Menu.Menu>
                 <Menu.Item as='a' href={urlOpenSource} style={{ fontSize: '1rem' }}>
-                    Open source
+                    {intl.formatMessage({ id: 'mainNavbar.openSource' })}
                 </Menu.Item>
             </Menu.Menu>
 
diff --git a/src/frontend/static/frontend/src/components/UpdateUserModal.tsx b/src/frontend/static/frontend/src/components/UpdateUserModal.tsx
index e3e8bc07..837b28e2 100644
--- a/src/frontend/static/frontend/src/components/UpdateUserModal.tsx
+++ b/src/frontend/static/frontend/src/components/UpdateUserModal.tsx
@@ -4,6 +4,7 @@ import { Button, Divider, Icon, Input, Message, MessageHeader, Modal, ModalActio
 import { getDjangoHeader } from '../utils/util_functions'
 import { DjangoUser } from '../utils/django_interfaces'
 import { CustomAlertTypes, Nullable } from '../utils/interfaces'
+import { useIntl } from 'react-intl'
 
 declare const urlUpdateUser: string
 
@@ -16,6 +17,7 @@ interface Props {
 }
 
 export const UpdateUserModal = (props: Props) => {
+    const intl = useIntl()
     const [isLoading, setIsLoading] = useState(false)
     const [firstName, setFirstName] = useState(props.currentUser.first_name)
     const [lastName, setLastName] = useState(props.currentUser.last_name)
@@ -29,12 +31,12 @@ export const UpdateUserModal = (props: Props) => {
 
         if (password.text.length || passwordCheck.text.length) {
             if (password.text !== passwordCheck.text) {
-                setTextError(prevState => ({ ...prevState, title: 'Both password have to be equal', isOpen: true, body: 'Ensure to both password being equal.' }))
+                setTextError(prevState => ({ ...prevState, title: intl.formatMessage({ id: 'updateUserModal.passwordMismatch.title' }), isOpen: true, body: intl.formatMessage({ id: 'updateUserModal.passwordMismatch.body' }) }))
                 return
             }
 
             if (password.text.length < 8) {
-                setTextError(prevState => ({ ...prevState, title: 'Password length', isOpen: true, body: 'Password has at lesat 8 characters.' }))
+                setTextError(prevState => ({ ...prevState, title: intl.formatMessage({ id: 'updateUserModal.passwordLength.title' }), isOpen: true, body: intl.formatMessage({ id: 'updateUserModal.passwordLength.body' }) }))
                 return
             }
 
@@ -53,7 +55,7 @@ export const UpdateUserModal = (props: Props) => {
         setIsLoading(true)
         ky.patch(urlUpdateUser, { headers: myHeaders, json: body }).then((response) => {
             response.json<any>().then((_) => {
-                props.handleUpdateAlert(true, CustomAlertTypes.SUCCESS, 'Credentials changed!', () => {
+                props.handleUpdateAlert(true, CustomAlertTypes.SUCCESS, intl.formatMessage({ id: 'updateUserModal.success' }), () => {
                     setTextError({ isOpen: false, title: '', body: '' })
                     setPassword(prevState => ({ ...prevState, text: '' }))
                     setPasswordCheck(prevState => ({ ...prevState, text: '' }))
@@ -67,10 +69,10 @@ export const UpdateUserModal = (props: Props) => {
             })
         }).catch((err) => {
             console.error('Error parsing JSON ->', err)
-            props.handleUpdateAlert(true, CustomAlertTypes.ERROR, 'Error updating credentials!', null)
+            props.handleUpdateAlert(true, CustomAlertTypes.ERROR, intl.formatMessage({ id: 'updateUserModal.error' }), null)
         }).catch((err) => {
             console.error('Error updating profile ->', err)
-            props.handleUpdateAlert(true, CustomAlertTypes.ERROR, 'Error updating credentials!', null)
+            props.handleUpdateAlert(true, CustomAlertTypes.ERROR, intl.formatMessage({ id: 'updateUserModal.error' }), null)
         }).finally(() => {
             if (password.text.length || passwordCheck.text.length) {
                 setTimeout(() => {
@@ -88,28 +90,28 @@ export const UpdateUserModal = (props: Props) => {
             closeIcon={<Icon name='close' size='large' onClick={props.handleClose} />}
             style={{ width: '30%' }}
         >
-            <ModalHeader>Edit {props.currentUser.username} information</ModalHeader>
+            <ModalHeader>{intl.formatMessage({ id: 'updateUserModal.title' }, { username: props.currentUser.username })}</ModalHeader>
 
             <ModalContent>
                 <Segment>
                     <div style={{ display: 'flex', flexDirection: 'column', alignItems: 'center' }}>
                         <div className='padding-vertical-1'>
                             <h6 style={{ fontSize: '18px', margin: 1 }}>
-                                Email:
+                                {intl.formatMessage({ id: 'updateUserModal.email' })}
                             </h6>
                             <Input value={props.currentUser.email} disabled />
                         </div>
                         <div>
                             <h6 style={{ fontSize: '16px', margin: 1 }}>
-                                First name:
+                                {intl.formatMessage({ id: 'updateUserModal.firstName' })}
                             </h6>
-                            <Input placeholder='Enter first name' value={firstName} onChange={(e, { value }) => setFirstName(value)} />
+                            <Input placeholder={intl.formatMessage({ id: 'updateUserModal.firstName.placeholder' })} value={firstName} onChange={(e, { value }) => setFirstName(value)} />
                         </div>
                         <div className='padding-vertical-1'>
                             <h6 style={{ fontSize: '16px', margin: 1 }}>
-                                Last name:
+                                {intl.formatMessage({ id: 'updateUserModal.lastName' })}
                             </h6>
-                            <Input placeholder='Enter last name' value={lastName} onChange={(e, { value }) => setLastName(value)} />
+                            <Input placeholder={intl.formatMessage({ id: 'updateUserModal.lastName.placeholder' })} value={lastName} onChange={(e, { value }) => setLastName(value)} />
                         </div>
                     </div>
                     <Divider />
@@ -117,7 +119,7 @@ export const UpdateUserModal = (props: Props) => {
                         <div className='padding-vertical-1'>
 
                             <h6 style={{ fontSize: '16px', margin: 1 }}>
-                                Reset password:
+                                {intl.formatMessage({ id: 'updateUserModal.resetPassword' })}
                             </h6>
                             <Input
                                 type={password.visibility ? 'text' : 'password'}
@@ -136,7 +138,7 @@ export const UpdateUserModal = (props: Props) => {
                             />
                         </div>
                         <div className='padding-vertical-1'>
-                            <p>Repeat password:</p>
+                            <p>{intl.formatMessage({ id: 'updateUserModal.repeatPassword' })}</p>
                             <Input
                                 type={passwordCheck.visibility ? 'text' : 'password'}
                                 icon={(
@@ -164,15 +166,15 @@ export const UpdateUserModal = (props: Props) => {
             </ModalContent>
             <ModalActions>
                 <Button onClick={props.handleClose} disabled={isLoading}>
-                    Cancel
+                    {intl.formatMessage({ id: 'common.cancel' })}
                 </Button>
                 <Button
                     color='green'
                     loading={isLoading}
                     disabled={isLoading}
-                    onClick={!password.text.length && !passwordCheck.text.length ? () => handleUpdateUser() : () => props.handleChangeConfirmModalState(true, 'Change password', 'Are you sure to change your password?', handleUpdateUser)}
+                    onClick={!password.text.length && !passwordCheck.text.length ? () => handleUpdateUser() : () => props.handleChangeConfirmModalState(true, intl.formatMessage({ id: 'updateUserModal.changePassword.title' }), intl.formatMessage({ id: 'updateUserModal.changePassword.confirm' }), handleUpdateUser)}
                 >
-                    Confirm
+                    {intl.formatMessage({ id: 'common.confirm' })}
                 </Button>
             </ModalActions>
         </Modal>
diff --git a/src/frontend/static/frontend/src/components/about-us/AboutUs.tsx b/src/frontend/static/frontend/src/components/about-us/AboutUs.tsx
index 6e26bbb3..8c77c8ae 100644
--- a/src/frontend/static/frontend/src/components/about-us/AboutUs.tsx
+++ b/src/frontend/static/frontend/src/components/about-us/AboutUs.tsx
@@ -1,6 +1,7 @@
 import React from 'react'
 import { Container, Divider, Grid, Header, Image, List } from 'semantic-ui-react'
 import { Base } from '../Base'
+import { useIntl } from 'react-intl'
 
 const EMAILS: string[] = [
     'mcabba@gmail.com',
@@ -13,6 +14,7 @@ const EMAILS: string[] = [
  * @returns Component
  */
 export const AboutUs = () => {
+    const intl = useIntl()
     return (
         <div>
             <Base activeItem='about-us' wrapperClass='wrapper'>
@@ -34,13 +36,13 @@ export const AboutUs = () => {
                         <Grid.Row columns={1}>
                             <Grid.Column>
                                 <Header as='h1'>
-                                    Multiomix is the result of interdisciplinary work between members of the following scientific institutions:
+                                    {intl.formatMessage({ id: 'about.description' })}
                                 </Header>
 
                                 <List>
-                                    <List.Item icon='building' content='CAETI - Universidad Abierta Interamericana' />
-                                    <List.Item icon='building' content='CINIBA - Faculty of Medical Sciences - UNLP' />
-                                    <List.Item icon='building' content='LIDI - Faculty of Informatics - UNLP' />
+                                    <List.Item icon='building' content={intl.formatMessage({ id: 'about.institution.caeti' })} />
+                                    <List.Item icon='building' content={intl.formatMessage({ id: 'about.institution.ciniba' })} />
+                                    <List.Item icon='building' content={intl.formatMessage({ id: 'about.institution.lidi' })} />
                                 </List>
                             </Grid.Column>
                         </Grid.Row>
@@ -51,7 +53,7 @@ export const AboutUs = () => {
                         <Grid.Row columns={1}>
                             <Grid.Column>
                                 <Header as='h1'>
-                                    Project coordination:
+                                    {intl.formatMessage({ id: 'about.coordination' })}
                                 </Header>
 
                                 <List>
@@ -67,15 +69,16 @@ export const AboutUs = () => {
                         <Grid.Row columns={1}>
                             <Grid.Column>
                                 <Header as='h1'>
-                                    Project members
+                                    {intl.formatMessage({ id: 'about.members.title' })}
                                 </Header>
 
                                 <Header as='h3'>
-                                    Main contributor: B.Comp.Sc. Genaro Camele
+                                    {intl.formatMessage({ id: 'about.members.main' })} PhD in Computer Science Genaro Camele
                                 </Header>
 
                                 <Header as='h3'>
-                                    Collaborators: Esp. Hernán Chanfreau, Dr. Sebastián Menazzi, St. Agustín Marraco, B.Comp.Sc. Julián Muhlberger, St. Ramiro Lasorsa, PhD. Waldo Hasperué
+                                    {intl.formatMessage({ id: 'about.members.collaborators' })} Esp. Hernán Chanfreau, Dr. Sebastián Menazzi, St. Agustín Marraco, B.Comp.Sc. Julián Muhlberger, St. Ramiro Lasorsa, PhD. Waldo Hasperué
+
                                 </Header>
                             </Grid.Column>
                         </Grid.Row>
@@ -87,10 +90,10 @@ export const AboutUs = () => {
                             <Grid.Column>
                                 {/* Contact */}
                                 <Header as='h3'>
-                                    Contact:
+                                    {intl.formatMessage({ id: 'about.contact.title' })}
                                 </Header>
 
-                                <p>For questions or suggestions please contact us:</p>
+                                <p>{intl.formatMessage({ id: 'about.contact.questions' })}</p>
 
                                 {EMAILS.map((email) => (
                                     <p key={email}>
@@ -98,7 +101,7 @@ export const AboutUs = () => {
                                     </p>
                                 ))}
 
-                                <p>You can also contact us for creating your research institution. It will let researchers share datasets inside Multiomix.</p>
+                                <p>{intl.formatMessage({ id: 'about.contact.institutions' })}</p>
                             </Grid.Column>
                         </Grid.Row>
                     </Grid>
diff --git a/src/frontend/static/frontend/src/components/assistant/ChatPanel.tsx b/src/frontend/static/frontend/src/components/assistant/ChatPanel.tsx
index f72316d7..faa55ec2 100644
--- a/src/frontend/static/frontend/src/components/assistant/ChatPanel.tsx
+++ b/src/frontend/static/frontend/src/components/assistant/ChatPanel.tsx
@@ -142,6 +142,7 @@ const ChatPanel = (props: ChatPanelProps) => {
      * @param e - The mouse event that triggered the drag.
      * @param dir - Resize axis: 'w' (horizontal), 'h' (vertical), or 'both' (corner).
      */
+
     const startDrag = (e: React.MouseEvent, dir: 'w' | 'h' | 'both') => {
         e.preventDefault()
         dragRef.current = { dir, startX: e.clientX, startY: e.clientY, startW: panelW, startH: panelH }
@@ -182,6 +183,7 @@ const ChatPanel = (props: ChatPanelProps) => {
      * Fetches all messages for the conversation with the given ID.
      * @param id - ID of the conversation whose messages should be loaded.
      */
+
     const loadConvMessages = (id: number) => {
         const convUrl = `${urlAssistantConversations}${id}/`
         ky.get(convUrl).json<ConversationDetail>().then(data => {
@@ -194,6 +196,7 @@ const ChatPanel = (props: ChatPanelProps) => {
      * and loads its messages.
      * @param id - ID of the conversation to activate.
      */
+
     const selectConversation = (id: number) => {
         localStorage.setItem(ACTIVE_CONV_KEY, String(id))
         setActiveConvId(id)
@@ -214,6 +217,7 @@ const ChatPanel = (props: ChatPanelProps) => {
      * conversation if it was active.
      * @param id - ID of the conversation to delete.
      */
+
     const deleteConversation = (id: number) => {
         const convUrl = `${urlAssistantConversations}${id}/`
         const removeConv = (prev: ConversationSummary[]) => prev.filter(c => c.id !== id)
@@ -233,6 +237,7 @@ const ChatPanel = (props: ChatPanelProps) => {
      * @param id - ID of the conversation to rename.
      * @param title - New title; empty string resets it to null on the server.
      */
+
     const renameConversation = (id: number, title: string) => {
         const convUrl = `${urlAssistantConversations}${id}/`
         const applyTitle = (prev: ConversationSummary[]) => prev.map(c => c.id === id ? { ...c, title: title || null } : c)
@@ -249,6 +254,7 @@ const ChatPanel = (props: ChatPanelProps) => {
      * then appends the assistant reply or an error message.
      * @param text - The message text entered by the user.
      */
+
     const sendMessage = (text: string) => {
         const userMsg: ChatMessage = { role: 'user', content: text }
         setMessages(prev => [...prev, userMsg])
diff --git a/src/frontend/static/frontend/src/components/assistant/ChatWidget.tsx b/src/frontend/static/frontend/src/components/assistant/ChatWidget.tsx
index 54f56ac4..49c88bfc 100644
--- a/src/frontend/static/frontend/src/components/assistant/ChatWidget.tsx
+++ b/src/frontend/static/frontend/src/components/assistant/ChatWidget.tsx
@@ -10,6 +10,7 @@ const STORAGE_KEY = 'multiomix_chat_open'
  * Open state is persisted in localStorage so it survives page reloads.
  * @returns The rendered FAB and, when open, the ChatPanel.
  */
+
 const ChatWidget = () => {
     const [isOpen, setIsOpen] = useState(() => localStorage.getItem(STORAGE_KEY) === '1')
 
@@ -17,6 +18,7 @@ const ChatWidget = () => {
      * Sets the open/closed state and persists it to localStorage.
      * @param next - The desired open state.
      */
+
     const toggle = (next: boolean) => {
         localStorage.setItem(STORAGE_KEY, next ? '1' : '0')
         setIsOpen(next)
diff --git a/src/frontend/static/frontend/src/components/assistant/ConversationList.tsx b/src/frontend/static/frontend/src/components/assistant/ConversationList.tsx
index 83345105..e71fb9a1 100644
--- a/src/frontend/static/frontend/src/components/assistant/ConversationList.tsx
+++ b/src/frontend/static/frontend/src/components/assistant/ConversationList.tsx
@@ -53,6 +53,7 @@ const ConversationList = (props: ConversationListProps) => {
      * @param conv - The conversation being edited.
      * @param e - The mouse event that triggered the edit.
      */
+
     const startEdit = (conv: ConversationSummary, e: React.MouseEvent) => {
         e.stopPropagation()
         setEditingId(conv.id)
@@ -64,6 +65,7 @@ const ConversationList = (props: ConversationListProps) => {
      * Submits the trimmed title via `onRename` and exits edit mode.
      * @param id - ID of the conversation being renamed.
      */
+
     const commitEdit = (id: number) => {
         onRename(id, editTitle.trim())
         setEditingId(null)
@@ -73,6 +75,7 @@ const ConversationList = (props: ConversationListProps) => {
      * Exits edit mode without saving changes.
      * @returns void
      */
+
     const cancelEdit = () => setEditingId(null)
 
     return (
diff --git a/src/frontend/static/frontend/src/components/biomarkers/BiomarkersPanel.tsx b/src/frontend/static/frontend/src/components/biomarkers/BiomarkersPanel.tsx
index 1dc764cc..7fec916a 100644
--- a/src/frontend/static/frontend/src/components/biomarkers/BiomarkersPanel.tsx
+++ b/src/frontend/static/frontend/src/components/biomarkers/BiomarkersPanel.tsx
@@ -25,6 +25,7 @@ import { SharedInstitutionsBiomarker, SharedInstitutionsBiomarkerPropsExtend } f
 import { EditBiomarkerIcon } from './EditBiomarkerIcon'
 import { SwitchPublicButton } from '../common/SwitchPublicButton'
 import { PopupIcons } from '../common/PopupIcons'
+import { useIntl, IntlShape } from 'react-intl'
 import { TagsPanel } from '../files-manager/TagsPanel'
 
 // URLs defined in biomarkers.html
@@ -105,10 +106,14 @@ interface BiomarkersPanelState {
     deletingTag: boolean,
 }
 
+interface BiomarkersPanelProps {
+    intl: IntlShape
+}
+
 /**
  * Renders a CRUD panel for a Biomarker.
  */
-export class BiomarkersPanel extends React.Component<unknown, BiomarkersPanelState> {
+class BiomarkersPanel extends React.Component<BiomarkersPanelProps, BiomarkersPanelState> {
     abortController = new AbortController()
     constructor (props) {
         super(props)
@@ -347,6 +352,7 @@ export class BiomarkersPanel extends React.Component<unknown, BiomarkersPanelSta
      * @returns Modal component. Null if no Experiment was selected to stop
      */
     getExperimentStopConfirmModals () {
+        const { intl } = this.props
         const biomarkerToStop = this.state.biomarkerToStop
 
         if (!biomarkerToStop) {
@@ -355,13 +361,13 @@ export class BiomarkersPanel extends React.Component<unknown, BiomarkersPanelSta
 
         return (
             <Modal size='small' open={biomarkerToStop !== null} onClose={this.handleCloseStopFSExperiment} centered={false}>
-                <Header icon='stop' content='Stop experiment' />
+                <Header icon='stop' content={intl.formatMessage({ id: 'biomarkersPanel.stopExperiment.header' })} />
                 <Modal.Content>
-                    Are you sure you want to stop the experiment <strong>{biomarkerToStop.name}</strong>?
+                    {intl.formatMessage({ id: 'biomarkersPanel.stopExperiment.content' }, { name: biomarkerToStop.name })}
                 </Modal.Content>
                 <Modal.Actions>
                     <Button onClick={this.handleCloseStopFSExperiment}>
-                        Cancel
+                        {intl.formatMessage({ id: 'common.cancel' })}
                     </Button>
                     <Button
                         color='red'
@@ -369,7 +375,7 @@ export class BiomarkersPanel extends React.Component<unknown, BiomarkersPanelSta
                         loading={this.state.stoppingExperiment}
                         disabled={this.state.stoppingExperiment}
                     >
-                        Stop
+                        {intl.formatMessage({ id: 'common.stop' })}
                     </Button>
                 </Modal.Actions>
             </Modal>
@@ -1182,6 +1188,7 @@ export class BiomarkersPanel extends React.Component<unknown, BiomarkersPanelSta
      * Makes the request to create a Biomarker
      */
     handleSendForm = () => {
+        const { intl } = this.props
         const formBiomarker = this.state.formBiomarker
         this.setState(prevState => ({
             formBiomarker: {
@@ -1221,7 +1228,7 @@ export class BiomarkersPanel extends React.Component<unknown, BiomarkersPanelSta
         if (!formBiomarker.id) {
             ky.post(urlBiomarkersCreate, settings).then((response) => {
                 response.json<Biomarker>().then((_jsonResponse) => {
-                    this.closeModalWithSuccessMsg('Biomarker created successfully')
+                    this.closeModalWithSuccessMsg(intl.formatMessage({ id: 'biomarkersPanel.alert.successCreating' }))
                 }).catch((err) => {
                     console.error('Error parsing JSON ->', err)
                 })
@@ -1232,7 +1239,7 @@ export class BiomarkersPanel extends React.Component<unknown, BiomarkersPanelSta
                         ...prevState.alert,
                         isOpen: true,
                         type: CustomAlertTypes.ERROR,
-                        message: 'Error creating biomarker!'
+                        message: intl.formatMessage({ id: 'biomarkersPanel.alert.errorCreating' })
                     }
                 }))
             }).finally(() => {
@@ -1250,7 +1257,7 @@ export class BiomarkersPanel extends React.Component<unknown, BiomarkersPanelSta
             const url = formBiomarker.canEditMolecules ? urlBiomarkersCRUD : urlBiomarkersSimpleUpdate
             ky.patch(`${url}/${formBiomarker.id}/`, settings).then((response) => {
                 response.json<Biomarker>().then((_jsonResponse) => {
-                    this.closeModalWithSuccessMsg('Biomarker edited successfully')
+                    this.closeModalWithSuccessMsg(intl.formatMessage({ id: 'biomarkersPanel.alert.successEditing' }))
                 }).catch((err) => {
                     console.error('Error parsing JSON ->', err)
                 })
@@ -1261,7 +1268,7 @@ export class BiomarkersPanel extends React.Component<unknown, BiomarkersPanelSta
                         ...prevState.alert,
                         isOpen: true,
                         type: CustomAlertTypes.ERROR,
-                        message: 'Error editing biomarker!'
+                        message: intl.formatMessage({ id: 'biomarkersPanel.alert.errorEditing' })
                     }
                 }))
             }).finally(() => {
@@ -1448,22 +1455,24 @@ export class BiomarkersPanel extends React.Component<unknown, BiomarkersPanelSta
      * @returns Modal component. Null if no Tag was selected to delete
      */
     getDeletionConfirmModal () {
+        const { intl } = this.props
+
         if (!this.state.selectedBiomarkerToDeleteOrSync) {
             return null
         }
 
         return (
             <Modal size='small' open={this.state.showDeleteBiomarkerModal} onClose={this.handleClose} centered={false}>
-                <Header icon='trash' content='Delete Biomarker' />
+                <Header icon='trash' content={intl.formatMessage({ id: 'biomarkersPanel.deleteModal.header' })} />
                 <Modal.Content>
-                    Are you sure you want to delete the Biomarker <strong>{this.state.selectedBiomarkerToDeleteOrSync.name}</strong>?
+                    {intl.formatMessage({ id: 'biomarkersPanel.deleteModal.content' }, { name: this.state.selectedBiomarkerToDeleteOrSync.name })}
                 </Modal.Content>
                 <Modal.Actions>
                     <Button onClick={this.handleClose}>
-                        Cancel
+                        {intl.formatMessage({ id: 'common.cancel' })}
                     </Button>
                     <Button color='red' onClick={this.deleteBiomarker} loading={this.state.deletingBiomarker} disabled={this.state.deletingBiomarker}>
-                        Delete
+                        {intl.formatMessage({ id: 'common.delete' })}
                     </Button>
                 </Modal.Actions>
             </Modal>
@@ -1601,6 +1610,7 @@ export class BiomarkersPanel extends React.Component<unknown, BiomarkersPanelSta
      * Submits the Feature Selection experiment to backend
      */
     submitFeatureSelectionExperiment = () => {
+        const { intl } = this.props
         // For short...
         const fsSettings = this.state.featureSelection
 
@@ -1634,7 +1644,7 @@ export class BiomarkersPanel extends React.Component<unknown, BiomarkersPanelSta
             ky.post(urlFeatureSelectionSubmit, { headers, body: formData }).then((response) => {
                 response.json<OkResponse>().then((responseJSON) => {
                     if (responseJSON.ok) {
-                        this.closeModalWithSuccessMsg('Experiment submitted!')
+                        this.closeModalWithSuccessMsg((intl.formatMessage({ id: 'biomarkersPanel.alert.successSubmitting' })))
                         this.setState({ featureSelection: this.getDefaultFeatureSelectionProps(), openCreateEditBiomarkerModal: false })
                     } else {
                         alertGeneralError()
@@ -1657,16 +1667,17 @@ export class BiomarkersPanel extends React.Component<unknown, BiomarkersPanelSta
      * @returns Default object for table's Filters
      */
     getDefaultFilters (): PaginationCustomFilter[] {
+        const { intl } = this.props
         const tagOptions: DropdownItemProps[] = this.state.tags.map((tag) => {
             const id = tag.id as number
             return { key: id, value: id, text: tag.name }
         })
 
-        tagOptions.unshift({ key: 'no_tag', text: 'No tag' })
+        tagOptions.unshift({ key: 'no_tag', text: intl.formatMessage({ id: 'biomarkersPanel.tags.noTag' }) })
 
         // TODO: refactor Tag key as it's the same as AllExperimentsView.tsx and UserFilesView.tsx
         return [
-            { label: 'Tag', keyForServer: 'tag', defaultValue: '', placeholder: 'Select an existing Tag', options: tagOptions, width: 3 }
+            { label: intl.formatMessage({ id: 'biomarkersPanel.tags.label' }), keyForServer: 'tag', defaultValue: '', placeholder: intl.formatMessage({ id: 'biomarkersPanel.tags.placeholder' }), options: tagOptions, width: 3 }
         ]
     }
 
@@ -1848,6 +1859,7 @@ export class BiomarkersPanel extends React.Component<unknown, BiomarkersPanelSta
     editTag = (selectedTag: DjangoTag) => { this.setState({ newTag: copyObject(selectedTag) }) }
 
     render () {
+        const { intl } = this.props
         // Biomarker deletion modal
         const deletionConfirmModal = this.getDeletionConfirmModal()
         const experimentStopConfirmModal = this.getExperimentStopConfirmModals()
@@ -1906,21 +1918,21 @@ export class BiomarkersPanel extends React.Component<unknown, BiomarkersPanelSta
                         textAlign='center'
                     >
                         <PaginatedTable<BiomarkerSimple>
-                            headerTitle='Biomarkers'
+                            headerTitle={intl.formatMessage({ id: 'biomarkersPanel.table.headerTitle' })}
                             headers={[
-                                { name: 'Name', serverCodeToSort: 'name', width: 3 },
-                                { name: 'Description', serverCodeToSort: 'description', width: 4 },
-                                { name: 'Tag', serverCodeToSort: 'tag' },
-                                { name: 'State', serverCodeToSort: 'state', textAlign: 'center' },
-                                { name: 'Origin', serverCodeToSort: 'origin', textAlign: 'center' },
-                                { name: 'Date', serverCodeToSort: 'upload_date' },
+                                { name: intl.formatMessage({ id: 'common.name' }), serverCodeToSort: 'name', width: 3 },
+                                { name: intl.formatMessage({ id: 'common.description' }), serverCodeToSort: 'description', width: 4 },
+                                { name: intl.formatMessage({ id: 'biomarkersPanel.table.column.tag' }), serverCodeToSort: 'tag' },
+                                { name: intl.formatMessage({ id: 'common.state' }), serverCodeToSort: 'state', textAlign: 'center' },
+                                { name: intl.formatMessage({ id: 'biomarkersPanel.table.column.origin' }), serverCodeToSort: 'origin', textAlign: 'center' },
+                                { name: intl.formatMessage({ id: 'common.date' }), serverCodeToSort: 'upload_date' },
                                 { name: '# mRNAS', serverCodeToSort: 'number_of_mrnas', width: 1 },
                                 { name: '# miRNAS', serverCodeToSort: 'number_of_mirnas', width: 1 },
                                 { name: '# CNA', serverCodeToSort: 'number_of_cnas', width: 1 },
                                 { name: '# Methylation', serverCodeToSort: 'number_of_methylations', width: 1 },
-                                { name: 'Public', width: 1 },
-                                { name: 'Shared', width: 1 },
-                                { name: 'Actions', width: 2 }
+                                { name: intl.formatMessage({ id: 'biomarkersPanel.table.column.public' }), width: 1 },
+                                { name: intl.formatMessage({ id: 'biomarkersPanel.table.column.shared' }), width: 1 },
+                                { name: intl.formatMessage({ id: 'common.actions' }), width: 2 }
                             ]}
                             defaultSortProp={{ sortField: 'upload_date', sortOrderAscendant: false }}
                             customFilters={this.getDefaultFilters()}
@@ -1936,8 +1948,8 @@ export class BiomarkersPanel extends React.Component<unknown, BiomarkersPanelSta
                                     </Button>
                                 </Form.Field>
                             ]}
-                            searchLabel='Name'
-                            searchPlaceholder='Search by name'
+                            searchLabel={intl.formatMessage({ id: 'common.name' })}
+                            searchPlaceholder={intl.formatMessage({ id: 'biomarkersPanel.table.searchPlaceholder' })}
                             urlToRetrieveData={urlBiomarkersCRUD}
                             updateWSKey='update_biomarkers'
                             mapFunction={(biomarker: BiomarkerSimple) => {
@@ -1964,14 +1976,14 @@ export class BiomarkersPanel extends React.Component<unknown, BiomarkersPanelSta
                                                 biomarker.is_public
                                                     ? (
                                                         <Icon
-                                                            title='All users of the platform can see this experiment'
+                                                            title={intl.formatMessage({ id: 'differentialExpression.panel.publicVisible' })}
                                                             name='check'
                                                             color='green'
                                                         />
                                                     )
                                                     : (
                                                         <Icon
-                                                            title='If this is checked all the users in the platform can see (but not edit or remove) this element'
+                                                            title={intl.formatMessage({ id: 'differentialExpression.panel.publicHidden' })}
                                                             name='close'
                                                             color='red'
                                                         />
@@ -1986,7 +1998,7 @@ export class BiomarkersPanel extends React.Component<unknown, BiomarkersPanelSta
                                                 onClick={() => this.setState({ modalInstitutions: { ...this.state.modalInstitutions, biomarkerId: biomarker.id || 0, isOpen: true, user: biomarker.user } })}
                                             >
                                                 <Icon
-                                                    title='shared institutions'
+                                                    title={intl.formatMessage({ id: 'biomarkersPanel.icon.public' })}
                                                     name='building'
                                                     color='green'
                                                 />
@@ -1998,7 +2010,7 @@ export class BiomarkersPanel extends React.Component<unknown, BiomarkersPanelSta
                                                 onClick={() => this.setState({ modalUsers: { ...this.state.modalUsers, biomarkerId: biomarker.id || 0, isOpen: true, user: biomarker.user } })}
                                             >
                                                 <Icon
-                                                    title='shared users'
+                                                    title={intl.formatMessage({ id: 'sharedUsers.title' })}
                                                     name='users'
                                                     color='teal'
                                                 />
@@ -2012,7 +2024,7 @@ export class BiomarkersPanel extends React.Component<unknown, BiomarkersPanelSta
                                                     name={currentBiomarkerIsLoading ? 'spinner' : 'chart bar'}
                                                     className='clickable'
                                                     color='blue'
-                                                    title='Details'
+                                                    title={intl.formatMessage({ id: 'common.details' })}
                                                     loading={currentBiomarkerIsLoading}
                                                     disabled={biomarker.state !== BiomarkerState.COMPLETED || isLoadingFullBiomarker}
                                                     onClick={() => this.openBiomarkerDetailsModal(biomarker)}
@@ -2036,14 +2048,14 @@ export class BiomarkersPanel extends React.Component<unknown, BiomarkersPanelSta
                                                                 color='teal'
                                                                 className='clickable margin-left-5'
                                                                 disabled={currentBiomarkerIsLoading}
-                                                                title='Clone biomarker'
+                                                                title={intl.formatMessage({ id: 'biomarkersPanel.icon.clone' })}
                                                                 onClick={() => this.setState({ biomarkerToClone: biomarker })}
                                                             />
 
                                                             {/* Stop button */}
                                                             {isInProcess && (
                                                                 <StopExperimentButton
-                                                                    title='Stop biomarker'
+                                                                    title={intl.formatMessage({ id: 'biomarkersPanel.icon.stop' })}
                                                                     onClick={() => this.setState({ biomarkerToStop: biomarker })}
                                                                 />
                                                             )}
@@ -2051,7 +2063,7 @@ export class BiomarkersPanel extends React.Component<unknown, BiomarkersPanelSta
                                                             {/* Delete button */}
                                                             {!isInProcess && !biomarker.is_public && (
                                                                 <DeleteButton
-                                                                    title='Delete biomarker'
+                                                                    title={intl.formatMessage({ id: 'common.delete' })}
                                                                     disabled={currentBiomarkerIsLoading}
                                                                     onClick={() => this.confirmBiomarkerDeletion(biomarker)}
                                                                     ownerId={biomarker.user.id}
@@ -2085,16 +2097,16 @@ export class BiomarkersPanel extends React.Component<unknown, BiomarkersPanelSta
                             centered={false}
                             onClose={this.closeModalToClone}
                         >
-                            <Header icon='copy' content='Clone Biomarker' />
+                            <Header icon='copy' content={intl.formatMessage({ id: 'biomarkersPanel.icon.clone' })} />
                             <Modal.Content>
-                                Are you sure you want to clone the Biomarker "<strong>{this.state.biomarkerToClone?.name}</strong>"?
+                                {intl.formatMessage({ id: 'biomarkersPanel.cloneModal.content' }, { name: this.state.biomarkerToClone?.name })}
                             </Modal.Content>
                             <Modal.Actions>
                                 <Button onClick={this.closeModalToClone}>
-                                    Cancel
+                                    {intl.formatMessage({ id: 'common.cancel' })}
                                 </Button>
                                 <Button color='blue' onClick={this.cloneBiomarker} loading={this.state.cloningBiomarker} disabled={this.state.cloningBiomarker}>
-                                    Clone
+                                    {intl.formatMessage({ id: 'biomarkersPanel.cloneModal.button' })}
                                 </Button>
                             </Modal.Actions>
                         </Modal>
@@ -2112,8 +2124,8 @@ export class BiomarkersPanel extends React.Component<unknown, BiomarkersPanelSta
                                 if (this.state.biomarkerTypeSelected !== BiomarkerOrigin.BASE) {
                                     this.handleChangeConfirmModalState(
                                         true,
-                                        'You are going to lose all the data inserted',
-                                        'Are you sure?',
+                                        intl.formatMessage({ id: 'biomarkersPanel.confirmModal.loseData.header' }),
+                                        intl.formatMessage({ id: 'biomarkersPanel.confirmModal.loseData.content' }),
                                         this.closeBiomarkerModal
                                     )
                                 } else {
@@ -2176,7 +2188,9 @@ export class BiomarkersPanel extends React.Component<unknown, BiomarkersPanelSta
                                     submitFeatureSelectionExperiment={this.submitFeatureSelectionExperiment}
                                     handleChangeAdvanceAlgorithm={this.handleChangeAdvanceAlgorithm}
                                     handleSwitchAdvanceAlgorithm={this.handleSwitchAdvanceAlgorithm}
-                                    cancelForm={() => this.handleChangeConfirmModalState(true, 'You are going to lose all the data inserted', 'Are you sure?', this.closeBiomarkerModal)}
+                                    cancelForm={() => {
+                                        this.handleChangeConfirmModalState(true, intl.formatMessage({ id: 'biomarkersPanel.confirmModal.loseData.header' }), intl.formatMessage({ id: 'biomarkersPanel.confirmModal.loseData.content' }), this.closeBiomarkerModal)
+                                    }}
                                 />
                             )}
                         </Modal>
@@ -2242,3 +2256,15 @@ export class BiomarkersPanel extends React.Component<unknown, BiomarkersPanelSta
         )
     }
 }
+
+/**
+ * Functional wrapper to inject intl into the class component.
+ * @param props Component props.
+ * @returns Component.
+ */
+const BiomarkersPanelWithIntl = (props: Omit<BiomarkersPanelProps, 'intl'>) => {
+    const intl = useIntl()
+    return <BiomarkersPanel {...props} intl={intl} />
+}
+
+export { BiomarkersPanelWithIntl as BiomarkersPanel }
diff --git a/src/frontend/static/frontend/src/components/biomarkers/biomarker-details-modal/BiomarkerTrainedModelsTable.tsx b/src/frontend/static/frontend/src/components/biomarkers/biomarker-details-modal/BiomarkerTrainedModelsTable.tsx
index 07b80220..7c22fe09 100644
--- a/src/frontend/static/frontend/src/components/biomarkers/biomarker-details-modal/BiomarkerTrainedModelsTable.tsx
+++ b/src/frontend/static/frontend/src/components/biomarkers/biomarker-details-modal/BiomarkerTrainedModelsTable.tsx
@@ -13,6 +13,7 @@ import ky from 'ky'
 import { StopExperimentButton } from '../../pipeline/all-experiments-view/StopExperimentButton'
 import { DeleteButton } from '../../common/DeleteButton'
 import { TableCellSources } from '../../common/TableCellSources'
+import { useIntl } from 'react-intl'
 
 declare const urlBiomarkerTrainedModels: string
 declare const urlStopTrainedModel: string
@@ -37,6 +38,7 @@ interface BiomarkerTrainedModelsPanelProps {
  * @returns Component.
  */
 export const BiomarkerTrainedModelsTable = (props: BiomarkerTrainedModelsPanelProps) => {
+    const intl = useIntl()
     const [showNewTrainedModelModal, setShowNewTrainedModelModal] = useState(false)
 
     const [stoppingTrainedModel, setStoppingTrainedModel] = useState(false)
@@ -117,13 +119,16 @@ export const BiomarkerTrainedModelsTable = (props: BiomarkerTrainedModelsPanelPr
 
         return (
             <Modal size='small' open={trainedModelToStop !== null} onClose={handleCloseStopTrainedModel} centered={false}>
-                <Header icon='stop' content='Stop training' />
+                <Header icon='stop' content={intl.formatMessage({ id: 'biomarkerTrainedModelsTable.header.stopTraining' })} />
                 <Modal.Content>
-                    Are you sure you want to stop the training of model <strong>{trainedModelToStop.name}</strong>?
+                    {intl.formatMessage(
+                        { id: 'biomarkerTrainedModelsTable.confirm.stopTraining' },
+                        { modelName: trainedModelToStop.name }
+                    )}
                 </Modal.Content>
                 <Modal.Actions>
                     <Button onClick={handleCloseStopTrainedModel}>
-                        Cancel
+                        {intl.formatMessage({ id: 'common.cancel' })}
                     </Button>
                     <Button
                         color='red'
@@ -131,7 +136,7 @@ export const BiomarkerTrainedModelsTable = (props: BiomarkerTrainedModelsPanelPr
                         loading={stoppingTrainedModel}
                         disabled={stoppingTrainedModel}
                     >
-                        Stop
+                        {intl.formatMessage({ id: 'biomarkerTrainedModelsTable.button.stop' })}
                     </Button>
                 </Modal.Actions>
             </Modal>
@@ -149,16 +154,20 @@ export const BiomarkerTrainedModelsTable = (props: BiomarkerTrainedModelsPanelPr
 
         return (
             <Modal size='small' open={trainedModelToRemove !== null} onClose={handleCloseRemoveTrainedModel} centered={false}>
-                <Header icon='trash' content='Delete Biomarker' />
+                <Header icon='trash' content={intl.formatMessage({ id: 'biomarkerTrainedModelsTable.header.deleteBiomarker' })} />
                 <Modal.Content>
-                    Are you sure you want to delete the Biomarker <strong>{trainedModelToRemove.name}</strong>?
+                    {intl.formatMessage(
+                        { id: 'biomarkerTrainedModelsTable.confirm.deleteBiomarker' },
+                        { modelName: trainedModelToRemove.name }
+                    )}
+
                 </Modal.Content>
                 <Modal.Actions>
                     <Button onClick={handleCloseRemoveTrainedModel}>
-                        Cancel
+                        {intl.formatMessage({ id: 'common.cancel' })}
                     </Button>
                     <Button color='red' onClick={deleteTrainedModel} loading={deletingTrainedModel} disabled={deletingTrainedModel}>
-                        Delete
+                        {intl.formatMessage({ id: 'common.delete' })}
                     </Button>
                 </Modal.Actions>
             </Modal>
@@ -205,26 +214,27 @@ export const BiomarkerTrainedModelsTable = (props: BiomarkerTrainedModelsPanelPr
 
             {/* TrainedModels table. */}
             <PaginatedTable<TrainedModelForTable>
-                headerTitle='Trained models'
+                headerTitle={intl.formatMessage({ id: 'biomarkerTrainedModelsTable.header.trainedModels' })}
                 headers={[
-                    { name: 'Name', serverCodeToSort: 'name', width: 3 },
-                    { name: 'Description', serverCodeToSort: 'description', width: 4 },
-                    { name: 'State', serverCodeToSort: 'state', width: 1 },
-                    { name: 'Model', serverCodeToSort: 'fitness_function', width: 1 },
-                    { name: 'Date', serverCodeToSort: 'created' },
-                    { name: 'Metric', serverCodeToSort: 'fitness_metric' },
-                    { name: 'Best CV metric', serverCodeToSort: 'best_fitness_value' },
-                    { name: 'Datasets' },
+                    { name: intl.formatMessage({ id: 'common.name' }), serverCodeToSort: 'name', width: 3 },
+                    { name: intl.formatMessage({ id: 'common.description' }), serverCodeToSort: 'description', width: 4 },
+                    { name: intl.formatMessage({ id: 'common.state' }), serverCodeToSort: 'state', width: 1 },
+                    { name: intl.formatMessage({ id: 'biomarkerTrainedModelsTable.header.model' }), serverCodeToSort: 'fitness_function', width: 1 },
+                    { name: intl.formatMessage({ id: 'common.date' }), serverCodeToSort: 'created' },
+                    { name: intl.formatMessage({ id: 'common.metric' }), serverCodeToSort: 'fitness_metric' },
+                    { name: intl.formatMessage({ id: 'biomarkerTrainedModelsTable.header.bestCVMetric' }), serverCodeToSort: 'best_fitness_value' },
+                    { name: intl.formatMessage({ id: 'biomarkerTrainedModelsTable.header.datasets' }) },
                     ...actionColumn
+
                 ]}
                 defaultSortProp={{ sortField: 'created', sortOrderAscendant: false }}
                 queryParams={{ biomarker_pk: props.selectedBiomarker.id, ...extraQueryParams }}
                 customFilters={[
                     {
-                        label: 'Model type',
+                        label: intl.formatMessage({ id: 'biomarkerTrainedModelsTable.filter.modelType' }),
                         keyForServer: 'fitness_function',
                         defaultValue: '',
-                        placeholder: 'Model type',
+                        placeholder: intl.formatMessage({ id: 'biomarkerTrainedModelsTable.filter.modelType' }),
                         options: fitnessFunctionsOptions,
                         width: 3
                     },
@@ -233,7 +243,7 @@ export const BiomarkerTrainedModelsTable = (props: BiomarkerTrainedModelsPanelPr
                 customElements={
                     props.allowFullManagement
                         ? [
-                            <Form.Field key={1} className='custom-table-field' title='New trained model'>
+                            <Form.Field key={1} className='custom-table-field' title={intl.formatMessage({ id: 'biomarkerTrainedModelsTable.button.newTrainedModel' })}>
                                 <Button primary icon onClick={() => { setShowNewTrainedModelModal(true) }}>
                                     <Icon name='add' />
                                 </Button>
@@ -242,8 +252,8 @@ export const BiomarkerTrainedModelsTable = (props: BiomarkerTrainedModelsPanelPr
                         : undefined
                 }
                 showSearchInput
-                searchLabel='Name'
-                searchPlaceholder='Search by name or description'
+                searchLabel={intl.formatMessage({ id: 'common.name' })}
+                searchPlaceholder={intl.formatMessage({ id: 'biomarkerTrainedModelsTable.search.placeholder' })}
                 searchWidth={4}
                 entriesSelectWidth={2}
                 urlToRetrieveData={urlBiomarkerTrainedModels}
@@ -289,7 +299,7 @@ export const BiomarkerTrainedModelsTable = (props: BiomarkerTrainedModelsPanelPr
                                     {/* Stop button */}
                                     {isInProcess && (
                                         <StopExperimentButton
-                                            title='Stop trained model'
+                                            title={intl.formatMessage({ id: 'biomarkerTrainedModelsTable.button.stopTrainedModel' })}
                                             onClick={() => setTrainedModelToStop(trainedModel)}
                                         />
                                     )}
@@ -300,8 +310,8 @@ export const BiomarkerTrainedModelsTable = (props: BiomarkerTrainedModelsPanelPr
                                         <DeleteButton
                                             disabled={!trainedModel.can_be_deleted}
                                             title={trainedModel.can_be_deleted
-                                                ? 'Delete trained model'
-                                                : 'Trained model cannot be deleted as it has related statistical validations and/or inference experiments'}
+                                                ? intl.formatMessage({ id: 'biomarkerTrainedModelsTable.button.deleteTrainedModel' })
+                                                : intl.formatMessage({ id: 'biomarkerTrainedModelsTable.button.deleteTrainedModelNotAllowed' })}
                                             onClick={() => setTrainedModelToRemove(trainedModel)}
                                             ownerId={null}
                                         />
diff --git a/src/frontend/static/frontend/src/components/biomarkers/biomarker-details-modal/ModelDetailsPanels.tsx b/src/frontend/static/frontend/src/components/biomarkers/biomarker-details-modal/ModelDetailsPanels.tsx
index 09e2abd9..16e17a16 100644
--- a/src/frontend/static/frontend/src/components/biomarkers/biomarker-details-modal/ModelDetailsPanels.tsx
+++ b/src/frontend/static/frontend/src/components/biomarkers/biomarker-details-modal/ModelDetailsPanels.tsx
@@ -9,6 +9,7 @@ import { FitnessFunction, ClusteringModelDetails, SVMModelDetails, ModelDetails,
 import { Nullable } from '../../../utils/interfaces'
 import ky from 'ky'
 import { alertGeneralError } from '../../../utils/util_functions'
+import { useIntl } from 'react-intl'
 
 declare const urlStatisticalValidationModalDetails: string
 
@@ -21,13 +22,14 @@ type GeneralMetricsProps = { data: ModelDetails, fitness_function: FitnessFuncti
  * @returns Component.
  */
 const GeneralMetrics = (props: GeneralMetricsProps) => {
+    const intl = useIntl()
     return (
         <>
             <List.Item>
                 <List.Icon name='cogs' size='large' verticalAlign='middle' />
                 <List.Content>
                     <List.Header>
-                        Model:
+                        {intl.formatMessage({ id: 'common.model' })}
 
                         <FitnessFunctionLabel
                             fluid={false}
@@ -41,7 +43,7 @@ const GeneralMetrics = (props: GeneralMetricsProps) => {
                 <List.Icon name='star outline' size='large' verticalAlign='middle' />
                 <List.Content>
                     <List.Header>
-                        Best fitness value: {props.data.best_fitness.toFixed(4)}
+                        {intl.formatMessage({ id: 'modelDetails.general.bestFitnessValue' })} {props.data.best_fitness.toFixed(4)}
                     </List.Header>
                 </List.Content>
             </List.Item>
@@ -49,7 +51,7 @@ const GeneralMetrics = (props: GeneralMetricsProps) => {
                 <List.Icon name='random' size='large' verticalAlign='middle' />
                 <List.Content>
                     <List.Header>
-                        Random state: {props.data.random_state ?? '-'}
+                        {intl.formatMessage({ id: 'common.randomState' })} {props.data.random_state ?? '-'}
                     </List.Header>
                 </List.Content>
             </List.Item>
@@ -66,6 +68,7 @@ type ClusteringModelDetailsPanelProps = { data: ClusteringModelDetails, fitness_
  * @returns Component.
  */
 const ClusteringModelDetailsPanel = (props: ClusteringModelDetailsPanelProps) => {
+    const intl = useIntl()
     return (
         <List divided relaxed>
             <GeneralMetrics {...props} />
@@ -74,7 +77,7 @@ const ClusteringModelDetailsPanel = (props: ClusteringModelDetailsPanelProps) =>
                 <List.Icon name='lab' size='large' verticalAlign='middle' />
                 <List.Content>
                     <List.Header>
-                        Algorithm:
+                        {intl.formatMessage({ id: 'common.algorithm' })}
 
                         <ClusteringAlgorithmLabel clusteringAlgorithm={props.data.algorithm} className='margin-left-2' />
                     </List.Header>
@@ -84,7 +87,7 @@ const ClusteringModelDetailsPanel = (props: ClusteringModelDetailsPanelProps) =>
                 <List.Icon name='lightning' size='large' verticalAlign='middle' />
                 <List.Content>
                     <List.Header>
-                        Scoring method:
+                        {intl.formatMessage({ id: 'common.scoringMethod' })}
 
                         <ClusteringScoringMethodLabel scoreMethod={props.data.scoring_method} className='margin-left-2' />
                     </List.Header>
@@ -93,7 +96,7 @@ const ClusteringModelDetailsPanel = (props: ClusteringModelDetailsPanelProps) =>
             <List.Item>
                 <List.Icon name='grid layout' size='large' verticalAlign='middle' />
                 <List.Content>
-                    <List.Header>Number of clusters: {props.data.n_clusters}</List.Header>
+                    <List.Header>{intl.formatMessage({ id: 'common.nClusters' })} {props.data.n_clusters}</List.Header>
                 </List.Content>
             </List.Item>
         </List>
@@ -109,6 +112,7 @@ type SVMModelDetailsPanelProps = { data: SVMModelDetails, fitness_function: Fitn
  * @returns Component.
  */
 const SVMModelDetailsPanel = (props: SVMModelDetailsPanelProps) => {
+    const intl = useIntl()
     return (
         <List divided relaxed>
             <GeneralMetrics {...props} />
@@ -127,7 +131,7 @@ const SVMModelDetailsPanel = (props: SVMModelDetailsPanelProps) => {
                 <List.Icon name='tasks' size='large' verticalAlign='middle' />
                 <List.Content>
                     <List.Header>
-                        Task:
+                        {intl.formatMessage({ id: 'modelDetails.svm.task' })}
 
                         <SVMKernelTask task={props.data.task} className='margin-left-2' />
                     </List.Header>
@@ -146,6 +150,7 @@ type RFModelDetailsPanelProps = { data: RFModelDetails, fitness_function: Fitnes
  * @returns Component.
  */
 const RFModelDetailsPanel = (props: RFModelDetailsPanelProps) => {
+    const intl = useIntl()
     return (
         <List divided relaxed>
             <GeneralMetrics {...props} />
@@ -153,13 +158,13 @@ const RFModelDetailsPanel = (props: RFModelDetailsPanelProps) => {
             <List.Item>
                 <List.Icon name='tree' size='large' verticalAlign='middle' />
                 <List.Content>
-                    <List.Header>Number of estimators: {props.data.n_estimators}</List.Header>
+                    <List.Header>{intl.formatMessage({ id: 'modelDetails.rf.numberOfEstimators' })} {props.data.n_estimators}</List.Header>
                 </List.Content>
             </List.Item>
             <List.Item>
                 <List.Icon name='angle double down' size='large' verticalAlign='middle' />
                 <List.Content>
-                    <List.Header>Max. depth: {props.data.max_depth ?? '-'}</List.Header>
+                    <List.Header>{intl.formatMessage({ id: 'modelDetails.rf.maxDepth' })} {props.data.max_depth ?? '-'}</List.Header>
                 </List.Content>
             </List.Item>
         </List>
diff --git a/src/frontend/static/frontend/src/components/biomarkers/biomarker-details-modal/inference/BiomarkerInferenceExperimentsPanel.tsx b/src/frontend/static/frontend/src/components/biomarkers/biomarker-details-modal/inference/BiomarkerInferenceExperimentsPanel.tsx
index 9b6133fb..af7929ba 100644
--- a/src/frontend/static/frontend/src/components/biomarkers/biomarker-details-modal/inference/BiomarkerInferenceExperimentsPanel.tsx
+++ b/src/frontend/static/frontend/src/components/biomarkers/biomarker-details-modal/inference/BiomarkerInferenceExperimentsPanel.tsx
@@ -7,6 +7,7 @@ import { NewInferenceExperimentModal } from './NewInferenceExperimentModal'
 import { InferenceExperimentResultModal } from './InferenceExperimentResultModal'
 import ky from 'ky'
 import { alertGeneralError } from '../../../../utils/util_functions'
+import { useIntl } from 'react-intl'
 
 declare const urlBiomarkerInferenceExperimentsDetails: string
 
@@ -23,7 +24,7 @@ interface BiomarkerInferenceExperimentsPanelProps {
  */
 export const BiomarkerInferenceExperimentsPanel = (props: BiomarkerInferenceExperimentsPanelProps) => {
     const abortController = useRef(new AbortController())
-
+    const intl = useIntl()
     const [openModalNewInferenceExperiment, setOpenModalNewInferenceExperiment] = useState(false)
     const [openModalResultInferenceExperiment, setOpenModalResultInferenceExperiment] = useState(false)
     const [selectedInferenceExperiment, setSelectedInferenceExperiment] = useState<Nullable<InferenceExperimentForTable>>(null)
@@ -92,7 +93,7 @@ export const BiomarkerInferenceExperimentsPanel = (props: BiomarkerInferenceExpe
         return (
             <Modal
                 className='large-modal'
-                closeIcon={<Icon name='close' size='large' />}
+                closeIcon={<Icon name='close' size='large' title={intl.formatMessage({ id: 'common.close' })} />}
                 closeOnEscape={false}
                 centered={false}
                 closeOnDimmerClick={false}
@@ -100,7 +101,7 @@ export const BiomarkerInferenceExperimentsPanel = (props: BiomarkerInferenceExpe
                 onClose={closeStatResult}
                 open={openModalResultInferenceExperiment}
             >
-                <Header icon='area chart' content={`Inference experiment "${selectedInferenceExperiment.name}"`} />
+                <Header icon='area chart' content={intl.formatMessage({ id: 'inference.experiment.title' }, { name: selectedInferenceExperiment.name })} />
 
                 <Modal.Content>
                     <InferenceExperimentResultModal selectedInferenceExperiment={selectedInferenceExperiment} refreshExperimentInfo={refreshExperimentInfo} />
diff --git a/src/frontend/static/frontend/src/components/biomarkers/biomarker-details-modal/inference/InferenceExperimentClinicalAttributeSelect.tsx b/src/frontend/static/frontend/src/components/biomarkers/biomarker-details-modal/inference/InferenceExperimentClinicalAttributeSelect.tsx
index 89aa61ad..abfc52bc 100644
--- a/src/frontend/static/frontend/src/components/biomarkers/biomarker-details-modal/inference/InferenceExperimentClinicalAttributeSelect.tsx
+++ b/src/frontend/static/frontend/src/components/biomarkers/biomarker-details-modal/inference/InferenceExperimentClinicalAttributeSelect.tsx
@@ -67,7 +67,7 @@ export const InferenceExperimentClinicalAttributeSelect = (props: InferenceExper
     }, [props.selectedInferenceExperiment.id])
     return (
         <>
-            <InputLabel label='Group by clinical attribute' />
+            <InputLabel label='inference.clinicalAttribute.label' />
 
             <Form.Select
                 fluid
@@ -79,7 +79,7 @@ export const InferenceExperimentClinicalAttributeSelect = (props: InferenceExper
                 clearable
                 value={props.selectedClinicalAttribute}
                 onChange={(_, { value }) => { props.setSelectedClinicalAttribute(value as string) }}
-                placeholder='Clinical attribute to group by'
+                placeholder='inference.clinicalAttribute.placeholder'
                 disabled={clinicalAttributesOptions.length === 0}
             />
         </>
diff --git a/src/frontend/static/frontend/src/components/biomarkers/biomarker-details-modal/inference/InferenceExperimentResultMetrics.tsx b/src/frontend/static/frontend/src/components/biomarkers/biomarker-details-modal/inference/InferenceExperimentResultMetrics.tsx
index 405c5d1f..60a3a157 100644
--- a/src/frontend/static/frontend/src/components/biomarkers/biomarker-details-modal/inference/InferenceExperimentResultMetrics.tsx
+++ b/src/frontend/static/frontend/src/components/biomarkers/biomarker-details-modal/inference/InferenceExperimentResultMetrics.tsx
@@ -2,6 +2,7 @@ import React from 'react'
 import { Header, Segment } from 'semantic-ui-react'
 import { InferenceExperimentForTable } from '../../types'
 import { ModelDetailsPanel } from '../ModelDetailsPanels'
+import { useIntl } from 'react-intl'
 
 // declare const urlInferenceExperimentMetrics: string
 
@@ -17,15 +18,16 @@ interface InferenceExperimentResultMetricsProps {
  * @returns Component
  */
 export const InferenceExperimentResultMetrics = (props: InferenceExperimentResultMetricsProps) => {
+    const intl = useIntl()
     return (
         <>
             <Header textAlign='center' dividing as='h1'>
-                "{props.selectedInferenceExperiment.name}" metrics
+                {intl.formatMessage({ id: 'inference.metrics.title' }, { name: props.selectedInferenceExperiment.name })}
             </Header>
 
             {/* Model details. */}
             <Segment>
-                <Header as='h2' dividing>Model details</Header>
+                <Header as='h2' dividing>{intl.formatMessage({ id: 'common.details' }) + ' ' + intl.formatMessage({ id: 'inference.model' })}</Header>
 
                 {props.selectedInferenceExperiment.trained_model !== null &&
                     <ModelDetailsPanel trainedModelPk={props.selectedInferenceExperiment.trained_model} />}
diff --git a/src/frontend/static/frontend/src/components/biomarkers/biomarker-details-modal/inference/InferenceExperimentsTable.tsx b/src/frontend/static/frontend/src/components/biomarkers/biomarker-details-modal/inference/InferenceExperimentsTable.tsx
index 1cbb1fbd..1693f136 100644
--- a/src/frontend/static/frontend/src/components/biomarkers/biomarker-details-modal/inference/InferenceExperimentsTable.tsx
+++ b/src/frontend/static/frontend/src/components/biomarkers/biomarker-details-modal/inference/InferenceExperimentsTable.tsx
@@ -11,6 +11,7 @@ import { Nullable } from '../../../../utils/interfaces'
 import { StopExperimentButton } from '../../../pipeline/all-experiments-view/StopExperimentButton'
 import { DeleteButton } from '../../../common/DeleteButton'
 import { TableCellSources } from '../../../common/TableCellSources'
+import { useIntl } from 'react-intl'
 
 declare const urlBiomarkerInferenceExperiments: string
 declare const urlStopInferenceExperiment: string
@@ -31,6 +32,7 @@ interface InferenceExperimentsTableProps {
  * @returns Component.
  */
 export const InferenceExperimentsTable = (props: InferenceExperimentsTableProps) => {
+    const intl = useIntl()
     const [stoppingInferenceExperiment, setStoppingInferenceExperiment] = useState(false)
     const [inferenceExperimentToStop, setInferenceExperimentToStop] = useState<Nullable<InferenceExperimentForTable>>(null)
 
@@ -109,13 +111,13 @@ export const InferenceExperimentsTable = (props: InferenceExperimentsTableProps)
 
         return (
             <Modal size='small' open={inferenceExperimentToStop !== null} onClose={handleCloseStopInferenceExperiment} centered={false}>
-                <Header icon='stop' content='Stop inference experiment' />
+                <Header icon='stop' content={intl.formatMessage({ id: 'inference.stop.title' })} />
                 <Modal.Content>
-                    Are you sure you want to stop the inference experiment <strong>{inferenceExperimentToStop.name}</strong>?
+                    {intl.formatMessage({ id: 'inference.stop.confirm' }, { name: inferenceExperimentToStop.name })}
                 </Modal.Content>
                 <Modal.Actions>
                     <Button onClick={handleCloseStopInferenceExperiment}>
-                        Cancel
+                        {intl.formatMessage({ id: 'common.cancel' })}
                     </Button>
                     <Button
                         color='red'
@@ -123,7 +125,7 @@ export const InferenceExperimentsTable = (props: InferenceExperimentsTableProps)
                         loading={stoppingInferenceExperiment}
                         disabled={stoppingInferenceExperiment}
                     >
-                        Stop
+                        {intl.formatMessage({ id: 'common.stop' })}
                     </Button>
                 </Modal.Actions>
             </Modal>
@@ -141,16 +143,16 @@ export const InferenceExperimentsTable = (props: InferenceExperimentsTableProps)
 
         return (
             <Modal size='small' open={inferenceExperimentToRemove !== null} onClose={handleCloseRemoveInferenceExperiment} centered={false}>
-                <Header icon='trash' content='Delete experiment' />
+                <Header icon='trash' content={intl.formatMessage({ id: 'inference.delete.title' })} />
                 <Modal.Content>
-                    Are you sure you want to delete the inference experiment <strong>{inferenceExperimentToRemove.name}</strong>?
+                    {intl.formatMessage({ id: 'inference.delete.confirm' }, { name: inferenceExperimentToRemove.name })}
                 </Modal.Content>
                 <Modal.Actions>
                     <Button onClick={handleCloseRemoveInferenceExperiment}>
-                        Cancel
+                        {intl.formatMessage({ id: 'common.cancel' })}
                     </Button>
                     <Button color='red' onClick={deleteInferenceExperiment} loading={deletingInferenceExperiment} disabled={deletingInferenceExperiment}>
-                        Delete
+                        {intl.formatMessage({ id: 'common.delete' })}
                     </Button>
                 </Modal.Actions>
             </Modal>
@@ -165,24 +167,25 @@ export const InferenceExperimentsTable = (props: InferenceExperimentsTableProps)
             {/* Modal to confirm deleting the InferenceExperiment */}
             {getDeletionConfirmModal()}
             <PaginatedTable<InferenceExperimentForTable>
-                headerTitle='Inference experiments'
+                headerTitle={intl.formatMessage({ id: 'inference.experiments.table.title' })}
                 headers={[
-                    { name: 'Name', serverCodeToSort: 'name', width: 3 },
-                    { name: 'Description', serverCodeToSort: 'description', width: 4 },
-                    { name: 'State', serverCodeToSort: 'state', textAlign: 'center' },
-                    { name: 'Model', serverCodeToSort: 'model', width: 1 },
-                    { name: 'Date', serverCodeToSort: 'created' },
-                    { name: 'Datasets' },
-                    { name: 'Actions' }
+                    { name: intl.formatMessage({ id: 'common.name' }), serverCodeToSort: 'name', width: 3 },
+                    { name: intl.formatMessage({ id: 'common.description' }), serverCodeToSort: 'description', width: 4 },
+                    { name: intl.formatMessage({ id: 'common.state' }), serverCodeToSort: 'state', textAlign: 'center' },
+                    { name: intl.formatMessage({ id: 'inference.table.columns.model' }), serverCodeToSort: 'model', width: 1 },
+                    { name: intl.formatMessage({ id: 'common.date' }), serverCodeToSort: 'created' },
+                    { name: intl.formatMessage({ id: 'inference.table.columns.dataset' }) },
+                    { name: intl.formatMessage({ id: 'common.actions' }) }
+
                 ]}
                 queryParams={{ biomarker_pk: props.selectedBiomarker.id }}
                 defaultSortProp={{ sortField: 'created', sortOrderAscendant: false }}
                 showSearchInput
-                searchLabel='Name'
-                searchPlaceholder='Search by name or description'
+                searchLabel={intl.formatMessage({ id: 'common.name' })}
+                searchPlaceholder={intl.formatMessage({ id: 'inference.search.placeholder' })}
                 urlToRetrieveData={urlBiomarkerInferenceExperiments}
                 customElements={[
-                    <Form.Field key={1} className='custom-table-field' title='New inference experiment'>
+                    <Form.Field key={1} className='custom-table-field' title={intl.formatMessage({ id: 'inference.new.title' })}>
                         <Button primary icon onClick={() => { props.setOpenModalNewInferenceExperiment(true) }}>
                             <Icon name='add' />
                         </Button>
@@ -219,14 +222,15 @@ export const InferenceExperimentsTable = (props: InferenceExperimentsTableProps)
                                         onClick={() => { props.openInferenceResult(inferenceExperiment) }}
                                         className='clickable'
                                         color='blue'
-                                        title='See results'
+                                        title={intl.formatMessage({ id: 'inference.results.tooltip' })}
+
                                     />
                                 )}
 
                                 {/* Stop button */}
                                 {isInProcess && (
                                     <StopExperimentButton
-                                        title='Stop experiment'
+                                        title={intl.formatMessage({ id: 'inference.stop.title' })}
                                         onClick={() => setInferenceExperimentToStop(inferenceExperiment)}
                                     />
                                 )}
@@ -235,7 +239,7 @@ export const InferenceExperimentsTable = (props: InferenceExperimentsTableProps)
                                 {/* Todo: Revisar ownerid */}
                                 {!isInProcess && (
                                     <DeleteButton
-                                        title='Delete experiment'
+                                        title={intl.formatMessage({ id: 'inference.delete.title' })}
                                         onClick={() => setInferenceExperimentToRemove(inferenceExperiment)}
                                         ownerId={null}
                                     />
diff --git a/src/frontend/static/frontend/src/components/biomarkers/biomarker-details-modal/inference/NewInferenceExperimentModal.tsx b/src/frontend/static/frontend/src/components/biomarkers/biomarker-details-modal/inference/NewInferenceExperimentModal.tsx
index 7c23e08d..b3a28ca7 100644
--- a/src/frontend/static/frontend/src/components/biomarkers/biomarker-details-modal/inference/NewInferenceExperimentModal.tsx
+++ b/src/frontend/static/frontend/src/components/biomarkers/biomarker-details-modal/inference/NewInferenceExperimentModal.tsx
@@ -7,6 +7,7 @@ import { SourceSelectors } from '../../../common/SourceSelectors'
 import { DjangoCGDSStudy, DjangoUserFile } from '../../../../utils/django_interfaces'
 import { BiomarkerTrainedModelsTable } from '../BiomarkerTrainedModelsTable'
 import ky from 'ky'
+import { useIntl } from 'react-intl'
 
 declare const urlSubmitInferenceExperiment: string
 
@@ -56,6 +57,7 @@ const getDefaultNewInferenceExperimentData = (): NewInferenceExperimentData => (
  * @returns Component
  */
 export const NewInferenceExperimentModal = (props: NewInferenceExperimentModalProps) => {
+    const intl = useIntl()
     const [form, setForm] = useState<NewInferenceExperimentData>(getDefaultNewInferenceExperimentData())
     const [currentStep, setCurrentStep] = useState(1)
     const [sendingData, setSendingData] = useState(false)
@@ -292,7 +294,7 @@ export const NewInferenceExperimentModal = (props: NewInferenceExperimentModalPr
     return (
         <Modal
             className='large-modal'
-            closeIcon={<Icon name='close' size='large' />}
+            closeIcon={<Icon name='close' size='large' title={intl.formatMessage({ id: 'common.close' })} />}
             closeOnEscape={false}
             centered={false}
             closeOnDimmerClick={false}
@@ -302,7 +304,7 @@ export const NewInferenceExperimentModal = (props: NewInferenceExperimentModalPr
         >
             <Modal.Header>
                 <Icon name='sitemap' />
-                Create new inference experiment
+                {intl.formatMessage({ id: 'inference.new.title' })}
             </Modal.Header>
             <Modal.Content>
                 <Grid>
@@ -311,27 +313,30 @@ export const NewInferenceExperimentModal = (props: NewInferenceExperimentModalPr
                         <Grid.Column width={4}>
                             {/* Basic data */}
                             <Segment>
-                                <Header dividing as='h2'>Basic data</Header>
+                                <Header dividing as='h2'>
+                                    {intl.formatMessage({ id: 'common.basicData' })}
+                                </Header>
 
                                 <Form>
                                     <Form.Input
                                         name='name'
                                         value={form.name}
                                         icon='asterisk'
-                                        placeholder='Name'
+                                        placeholder={intl.formatMessage({ id: 'common.name' })}
                                         onChange={handleInputChange}
                                     />
 
                                     <Form.TextArea
                                         name='description'
                                         value={form.description ?? ''}
-                                        placeholder='Description (optional)'
+                                        placeholder={intl.formatMessage({ id: 'common.descriptionOptional' })}
                                         onChange={handleInputChange}
                                     />
                                 </Form>
 
                                 <div className='margin-top-2'>
-                                    <Icon name='asterisk' /> Required field
+                                    <Icon name='asterisk' /> {intl.formatMessage({ id: 'common.requiredField' })}
+
                                 </div>
                             </Segment>
                         </Grid.Column>
@@ -341,7 +346,7 @@ export const NewInferenceExperimentModal = (props: NewInferenceExperimentModalPr
                                 <Step active={currentStep === 1} completed={currentStep > 1} link onClick={() => { setCurrentStep(1) }}>
                                     <Icon name='list' />
                                     <Step.Content>
-                                        <Step.Title>Step 1: Trained model</Step.Title>
+                                        <Step.Title>{intl.formatMessage({ id: 'inference.new.step1' })}</Step.Title>
                                     </Step.Content>
                                 </Step>
                                 <Step
@@ -357,7 +362,7 @@ export const NewInferenceExperimentModal = (props: NewInferenceExperimentModalPr
                                 >
                                     <Icon name='boxes' />
                                     <Step.Content>
-                                        <Step.Title>Step 2: molecules datasets</Step.Title>
+                                        <Step.Title>{intl.formatMessage({ id: 'inference.new.step2' })}</Step.Title>
                                     </Step.Content>
                                 </Step>
                             </Step.Group>
@@ -378,7 +383,7 @@ export const NewInferenceExperimentModal = (props: NewInferenceExperimentModalPr
                         color='red'
                         onClick={() => setCurrentStep(currentStep - 1)}
                     >
-                        Go back
+                        {intl.formatMessage({ id: 'common.goBack' })}
                     </Button>
                 )}
 
@@ -392,7 +397,7 @@ export const NewInferenceExperimentModal = (props: NewInferenceExperimentModalPr
                         }}
                         disabled={!selectedTrainedModelIsValid}
                     >
-                        Continue
+                        {intl.formatMessage({ id: 'common.continue' })}
                     </Button>
                 )}
 
@@ -406,7 +411,7 @@ export const NewInferenceExperimentModal = (props: NewInferenceExperimentModalPr
                         }}
                         disabled={!formIsValid()}
                     >
-                        Confirm
+                        {intl.formatMessage({ id: 'common.confirm' })}
                     </Button>
                 )}
             </Modal.Actions>
diff --git a/src/frontend/static/frontend/src/components/biomarkers/biomarker-details-modal/inference/SamplesAndGroupsInferenceTable.tsx b/src/frontend/static/frontend/src/components/biomarkers/biomarker-details-modal/inference/SamplesAndGroupsInferenceTable.tsx
index 5a763c07..c774d6eb 100644
--- a/src/frontend/static/frontend/src/components/biomarkers/biomarker-details-modal/inference/SamplesAndGroupsInferenceTable.tsx
+++ b/src/frontend/static/frontend/src/components/biomarkers/biomarker-details-modal/inference/SamplesAndGroupsInferenceTable.tsx
@@ -5,6 +5,7 @@ import { PaginatedTable } from '../../../common/PaginatedTable'
 import { TableCellWithTitle } from '../../../common/TableCellWithTitle'
 import { ClusterLabelsSetSelect } from '../../../common/cluster-labels/ClusterLabelsSetSelect'
 import { NewClusterLabelsSetModal } from '../../../common/cluster-labels/NewClusterLabelsSetModal'
+import { useIntl } from 'react-intl'
 
 declare const urlInferenceExperimentSamplesAndClusters: string
 declare const urlInferenceExperimentSamplesAndClustersDownload: string
@@ -22,6 +23,7 @@ interface SamplesAndGroupsInferenceTableProps {
  * @returns Component.
  */
 export const SamplesAndGroupsInferenceTable = (props: SamplesAndGroupsInferenceTableProps) => {
+    const intl = useIntl()
     const [selectedClusterSetPk, setSelectedClusterSetPk] = useState<number | undefined>(undefined)
     const [openClusterLabelsSetModal, setOpenClusterLabelsSetModal] = useState(false)
 
@@ -47,15 +49,16 @@ export const SamplesAndGroupsInferenceTable = (props: SamplesAndGroupsInferenceT
                 <Grid.Column width={12}>
                     <PaginatedTable<SampleAndCluster>
                         headers={[
-                            { name: 'Sample', serverCodeToSort: 'sample', width: 3, textAlign: 'center' },
-                            { name: 'Cluster', serverCodeToSort: 'cluster', width: 2, textAlign: 'center' }
+                            { name: intl.formatMessage({ id: 'common.sample' }), serverCodeToSort: 'sample', width: 3, textAlign: 'center' },
+                            { name: intl.formatMessage({ id: 'common.cluster' }), serverCodeToSort: 'cluster', width: 2, textAlign: 'center' }
+
                         ]}
                         queryParams={{
                             inference_experiment_pk: props.selectedInferenceExperiment.id,
                             ...extraQueryParams
                         }}
                         customElements={[
-                            <Form.Field key='download-csv-button' className='custom-table-field' title='Download results in a CSV file'>
+                            <Form.Field key='download-csv-button' className='custom-table-field' title={intl.formatMessage({ id: 'inference.table.download.tooltip' })}>
                                 <Button color='green' icon as='a' href={downloadUrl}>
                                     <Icon name='file excel' />
                                 </Button>
@@ -63,10 +66,10 @@ export const SamplesAndGroupsInferenceTable = (props: SamplesAndGroupsInferenceT
                         ]}
                         customFilters={[
                             {
-                                label: 'Cluster',
+                                label: intl.formatMessage({ id: 'common.sample' }),
                                 keyForServer: 'cluster',
                                 defaultValue: '',
-                                placeholder: 'Filter by cluster',
+                                placeholder: intl.formatMessage({ id: 'inference.table.filter.cluster.placeholder' }),
                                 allowZero: true,
                                 urlToRetrieveOptions: `${urlClustersUniqueInferenceExperiment}/${props.selectedInferenceExperiment.id}/`
                             }
@@ -74,8 +77,8 @@ export const SamplesAndGroupsInferenceTable = (props: SamplesAndGroupsInferenceT
                         defaultSortProp={{ sortField: 'sample', sortOrderAscendant: false }}
                         showSearchInput
                         defaultPageSize={25}
-                        searchLabel='Sample'
-                        searchPlaceholder='Search by sample'
+                        searchLabel={intl.formatMessage({ id: 'common.sample' })}
+                        searchPlaceholder={intl.formatMessage({ id: 'common.search' })}
                         urlToRetrieveData={urlInferenceExperimentSamplesAndClusters}
                         mapFunction={(sampleAndCluster: SampleAndCluster) => {
                             return (
@@ -88,7 +91,7 @@ export const SamplesAndGroupsInferenceTable = (props: SamplesAndGroupsInferenceT
                     />
                 </Grid.Column>
                 <Grid.Column width={4}>
-                    {selectedTrainedModelPk !== null && (
+                    {selectedTrainedModelPk !== null && (
                         <>
                             <NewClusterLabelsSetModal
                                 showNewClusterLabelsSet={openClusterLabelsSetModal}
@@ -102,8 +105,8 @@ export const SamplesAndGroupsInferenceTable = (props: SamplesAndGroupsInferenceT
                                 setSelectedClusterSetPk={setSelectedClusterSetPk}
                             />
 
-                            <Button className='margin-top-2' primary fluid onClick={() => { setOpenClusterLabelsSetModal(true) }}>Add Cluster labels</Button>
-                        </>
+                            <Button className='margin-top-2' primary fluid onClick={() => { setOpenClusterLabelsSetModal(true) }}>{intl.formatMessage({ id: 'inference.table.addClusterLabels' })}</Button>
+                        </>
                     )}
                 </Grid.Column>
             </Grid.Row>
diff --git a/src/frontend/static/frontend/src/components/biomarkers/biomarker-details-modal/inference/SamplesAndTimeInferenceCharts.tsx b/src/frontend/static/frontend/src/components/biomarkers/biomarker-details-modal/inference/SamplesAndTimeInferenceCharts.tsx
index cac0d918..cb3eb9b1 100644
--- a/src/frontend/static/frontend/src/components/biomarkers/biomarker-details-modal/inference/SamplesAndTimeInferenceCharts.tsx
+++ b/src/frontend/static/frontend/src/components/biomarkers/biomarker-details-modal/inference/SamplesAndTimeInferenceCharts.tsx
@@ -8,6 +8,7 @@ import { alertGeneralError } from '../../../../utils/util_functions'
 import { ResultPlaceholder } from '../stat-validations/result/ResultPlaceholder'
 import { BoxPlotChart } from '../../../pipeline/experiment-result/gene-gem-details/stats/BoxPlotChart'
 import { COLOR_YELLOW_FILL, COLOR_YELLOW_STROKE } from '../../../../utils/constants'
+import { useIntl } from 'react-intl'
 
 declare const urlClinicalSourceAddOrEditInferenceExperiment: string
 declare const urlUnlinkClinicalSourceInferenceExperiment: string
@@ -36,6 +37,7 @@ interface SamplesAndTimeInferenceChartsProps {
  * @returns Component.
  */
 export const SamplesAndTimeInferenceCharts = (props: SamplesAndTimeInferenceChartsProps) => {
+    const intl = useIntl()
     const abortController = useRef(new AbortController())
     const [loadingChartData, setLoadingChartData] = useState(false)
     const [chartData, setChartData] = useState<ChartData[]>([])
@@ -80,10 +82,10 @@ export const SamplesAndTimeInferenceCharts = (props: SamplesAndTimeInferenceChar
             <Header size='huge' icon textAlign='center'>
                 <Icon name='object group outline' />
 
-                No clinical attribute selected
+                {intl.formatMessage({ id: 'inference.charts.noAttribute' })}
 
                 <Header.Subheader>
-                    Please, select one in the right Select.
+                    {intl.formatMessage({ id: 'inference.charts.selectAttribute' })}
                 </Header.Subheader>
             </Header>
         )
diff --git a/src/frontend/static/frontend/src/components/biomarkers/biomarker-details-modal/inference/SamplesAndTimeInferenceTable.tsx b/src/frontend/static/frontend/src/components/biomarkers/biomarker-details-modal/inference/SamplesAndTimeInferenceTable.tsx
index de57c85c..65dd11c4 100644
--- a/src/frontend/static/frontend/src/components/biomarkers/biomarker-details-modal/inference/SamplesAndTimeInferenceTable.tsx
+++ b/src/frontend/static/frontend/src/components/biomarkers/biomarker-details-modal/inference/SamplesAndTimeInferenceTable.tsx
@@ -8,7 +8,8 @@ import { NewPredictionRangeLabelsSetModal } from '../../../common/prediction-ran
 import { InfoPopup } from '../../../pipeline/experiment-result/gene-gem-details/InfoPopup'
 import { SamplesAndTimeInferenceCharts } from './SamplesAndTimeInferenceCharts'
 import { InferenceExperimentClinicalAttributeSelect } from './InferenceExperimentClinicalAttributeSelect'
-import { ClinicalSourcePopup } from '../../../pipeline/all-experiments-view/ClinicalSourcePopup'
+import ClinicalSourcePopup from '../../../pipeline/all-experiments-view/ClinicalSourcePopup'
+import { useIntl } from 'react-intl'
 
 declare const urlInferenceExperimentSamplesAndTime: string
 declare const urlClinicalSourceAddOrEditInferenceExperiment: string
@@ -28,6 +29,7 @@ interface SamplesAndTimeInferenceTableProps {
  * @returns Component.
  */
 export const SamplesAndTimeInferenceTable = (props: SamplesAndTimeInferenceTableProps) => {
+    const intl = useIntl()
     const [activeMenuItem, setActiveMenuItem] = useState<'table' | 'charts'>('charts') // TODO: change to 'table'
     const [selectedRangeSetPk, setSelectedClusterSetPk] = useState<number | undefined>(undefined)
     const [openRangeLabelsSetModal, setOpenRangeLabelsSetModal] = useState(false)
@@ -48,8 +50,9 @@ export const SamplesAndTimeInferenceTable = (props: SamplesAndTimeInferenceTable
                 return (
                     <PaginatedTable<SampleAndTime>
                         headers={[
-                            { name: 'Sample', serverCodeToSort: 'sample', width: 3, textAlign: 'center' },
-                            { name: 'Predicted time', serverCodeToSort: 'prediction', width: 2, textAlign: 'center' }
+                            { name: intl.formatMessage({ id: 'common.sample' }), serverCodeToSort: 'sample', width: 3, textAlign: 'center' },
+                            { name: intl.formatMessage({ id: 'inference.timeTable.columns.predictedTime' }), serverCodeToSort: 'prediction', width: 2, textAlign: 'center' }
+
                         ]}
                         queryParams={{
                             inference_experiment_pk: props.selectedInferenceExperiment.id,
@@ -57,18 +60,18 @@ export const SamplesAndTimeInferenceTable = (props: SamplesAndTimeInferenceTable
                         }}
                         customFilters={[
                             {
-                                label: 'Range',
+                                label: intl.formatMessage({ id: 'inference.timeTable.filter.range.label' }),
                                 keyForServer: 'prediction',
                                 defaultValue: '',
-                                placeholder: 'Filter by range',
+                                placeholder: intl.formatMessage({ id: 'inference.timeTable.filter.range.placeholder' }),
                                 disabledFunction: () => selectedRangeSetPk === undefined
                             }
                         ]}
                         defaultSortProp={{ sortField: 'sample', sortOrderAscendant: false }}
                         showSearchInput
                         defaultPageSize={25}
-                        searchLabel='Sample'
-                        searchPlaceholder='Search by sample'
+                        searchLabel={intl.formatMessage({ id: 'common.sample' })}
+                        searchPlaceholder={intl.formatMessage({ id: 'common.search' })}
                         searchWidth={5}
                         entriesSelectWidth={3}
                         urlToRetrieveData={urlInferenceExperimentSamplesAndTime}
@@ -116,10 +119,10 @@ export const SamplesAndTimeInferenceTable = (props: SamplesAndTimeInferenceTable
                             active={activeMenuItem === 'charts'}
                             onClick={() => setActiveMenuItem('charts')}
                         >
-                            Charts
+                            {intl.formatMessage({ id: 'inference.timeTable.menu.table' })}
 
                             <InfoPopup
-                                content='Shows some charts with the samples and their predicted hazard/survival time grouped by some condition'
+                                content={intl.formatMessage({ id: 'inference.timeTable.menu.table.info' })}
                                 onTop={false}
                                 onEvent='hover'
                                 extraClassName='margin-left-5'
@@ -133,7 +136,7 @@ export const SamplesAndTimeInferenceTable = (props: SamplesAndTimeInferenceTable
                 </Grid.Column>
 
                 <Grid.Column width={4}>
-                    {selectedTrainedModelPk !== null && (
+                    {selectedTrainedModelPk !== null && (
                         <>
                             <NewPredictionRangeLabelsSetModal
                                 showNewPredictionRangeLabelsSet={openRangeLabelsSetModal}
@@ -142,7 +145,7 @@ export const SamplesAndTimeInferenceTable = (props: SamplesAndTimeInferenceTable
                             />
 
                             {/* Clinical attribute select */}
-                            {(activeMenuItem === 'charts' && props.selectedInferenceExperiment.clinical_source_id) && (
+                            {(activeMenuItem === 'charts' && props.selectedInferenceExperiment.clinical_source_id) && (
                                 <>
                                     <ClinicalSourcePopup
                                         experiment={props.selectedInferenceExperiment}
@@ -166,7 +169,7 @@ export const SamplesAndTimeInferenceTable = (props: SamplesAndTimeInferenceTable
                                         selectedClinicalAttribute={selectedClinicalAttribute}
                                         setSelectedClinicalAttribute={setSelectedClinicalAttribute}
                                     />
-                                </>
+                                </>
                             )}
 
                             {/* Range Select */}
@@ -176,8 +179,8 @@ export const SamplesAndTimeInferenceTable = (props: SamplesAndTimeInferenceTable
                                 setSelectedClusterSetPk={setSelectedClusterSetPk}
                             />
 
-                            <Button className='margin-top-2' primary fluid onClick={() => { setOpenRangeLabelsSetModal(true) }}>Add Range labels</Button>
-                        </>
+                            <Button className='margin-top-2' primary fluid onClick={() => { setOpenRangeLabelsSetModal(true) }}>{intl.formatMessage({ id: 'inference.timeTable.addRangeLabels' })}</Button>
+                        </>
                     )}
                 </Grid.Column>
             </Grid.Row>
diff --git a/src/frontend/static/frontend/src/components/biomarkers/biomarker-details-modal/molecules/CurrentMoleculeDetails.tsx b/src/frontend/static/frontend/src/components/biomarkers/biomarker-details-modal/molecules/CurrentMoleculeDetails.tsx
index 1f173352..800ce103 100644
--- a/src/frontend/static/frontend/src/components/biomarkers/biomarker-details-modal/molecules/CurrentMoleculeDetails.tsx
+++ b/src/frontend/static/frontend/src/components/biomarkers/biomarker-details-modal/molecules/CurrentMoleculeDetails.tsx
@@ -8,10 +8,11 @@ import { PathwaysInformation } from './genes/PathwaysInformation'
 import { MirnaInteractionsPanel } from './MirnaInteractionsPanel'
 import { GeneOntologyPanel } from './gene-ontology/GeneOntologyPanel'
 import { GeneAssociationsNetworkPanel } from './genes/GeneAssociationsNetworkPanel'
+import { GeneExpressionRegulationNetworkPanel } from './genes/GeneAssociationsNetwork'
 import { MiRNADrugsPanel } from '../../../pipeline/experiment-result/gene-gem-details/MiRNADrugsPanel'
 import { MiRNADiseasesPanel } from '../../../pipeline/experiment-result/gene-gem-details/MiRNADiseasesPanel'
 import { ActionableCancerGenesPanel } from './genes/ActionableCancerGenesPanel'
-import { GeneExpressionRegulationNetworkPanel } from './genes/GeneAssociationsNetwork'
+import { useIntl } from 'react-intl'
 
 // const MENU_DEFAULT: ActiveBiomarkerMoleculeItemMenu = ActiveBiomarkerMoleculeItemMenu.DETAILS // TODO: use this
 const MENU_DEFAULT: ActiveBiomarkerMoleculeItemMenu = ActiveBiomarkerMoleculeItemMenu.DETAILS
@@ -32,6 +33,7 @@ interface CurrentMoleculeDetailsProps {
  */
 export const CurrentMoleculeDetails = (props: CurrentMoleculeDetailsProps) => {
     const [activeItem, setActiveItem] = useState<ActiveBiomarkerMoleculeItemMenu>(MENU_DEFAULT)
+    const intl = useIntl()
 
     /** Effect to set the active item to DETAILS when the selected molecule changes. */
     useEffect(() => {
@@ -101,10 +103,10 @@ export const CurrentMoleculeDetails = (props: CurrentMoleculeDetailsProps) => {
             <Header size='huge' icon textAlign='center' style={{ alignItems: 'center', justifyContent: 'center', display: 'flex', flexDirection: 'column', height: '100%' }}>
                 <Icon name='dna' />
 
-                No molecule selected
+                {intl.formatMessage({ id: 'currentMoleculeDetails.noSelection' })}
 
                 <Header.Subheader>
-                    Select one in the left panel
+                    {intl.formatMessage({ id: 'currentMoleculeDetails.selectOne' })}
                 </Header.Subheader>
             </Header>
         )
diff --git a/src/frontend/static/frontend/src/components/biomarkers/biomarker-details-modal/molecules/MoleculesDetailsMenu.tsx b/src/frontend/static/frontend/src/components/biomarkers/biomarker-details-modal/molecules/MoleculesDetailsMenu.tsx
index ec0b914c..82755819 100644
--- a/src/frontend/static/frontend/src/components/biomarkers/biomarker-details-modal/molecules/MoleculesDetailsMenu.tsx
+++ b/src/frontend/static/frontend/src/components/biomarkers/biomarker-details-modal/molecules/MoleculesDetailsMenu.tsx
@@ -3,6 +3,7 @@ import { Menu } from 'semantic-ui-react'
 import { InfoPopup } from '../../../pipeline/experiment-result/gene-gem-details/InfoPopup'
 import { ActiveBiomarkerMoleculeItemMenu, BiomarkerMolecule } from '../../types'
 import { MoleculeType } from '../../../../utils/interfaces'
+import { useIntl } from 'react-intl'
 
 /** MoleculesDetailsMenu props. */
 interface MoleculesDetailsMenuProps {
@@ -29,13 +30,13 @@ interface ItemMenuProp {
  */
 export const MoleculesDetailsMenu = (props: MoleculesDetailsMenuProps) => {
     const isGene = [MoleculeType.MRNA, MoleculeType.CNA].includes(props.selectedMolecule.type)
-
+    const intl = useIntl()
     /**
      * Array with all the items and conditions
      */
     const items: ItemMenuProp[] = [
         {
-            name: 'Details',
+            name: intl.formatMessage({ id: 'common.details' }),
             onClick: () => props.setActiveItem(ActiveBiomarkerMoleculeItemMenu.DETAILS),
             isActive: props.activeItem === ActiveBiomarkerMoleculeItemMenu.DETAILS,
             popupInfo: `Details of ${props.selectedMolecule.identifier} obtained from different standardized sources`,
@@ -50,14 +51,14 @@ export const MoleculesDetailsMenu = (props: MoleculesDetailsMenuProps) => {
         //     isVisible: isGene
         // },
         {
-            name: 'Gene associations network',
+            name: intl.formatMessage({ id: 'moleculesDetailsMenu.geneAssociations' }),
             onClick: () => props.setActiveItem(ActiveBiomarkerMoleculeItemMenu.GENE_ASSOCIATIONS_NETWORK),
             isActive: props.activeItem === ActiveBiomarkerMoleculeItemMenu.GENE_ASSOCIATIONS_NETWORK,
             popupInfo: 'It shows the network of gene associations of the genes of this biomarker',
             isVisible: isGene
         },
         {
-            name: 'Gene Ontology',
+            name: intl.formatMessage({ id: 'moleculesDetailsMenu.geneOntology' }),
             onClick: () => props.setActiveItem(ActiveBiomarkerMoleculeItemMenu.GENE_ONTOLOGY),
             isActive: props.activeItem === ActiveBiomarkerMoleculeItemMenu.GENE_ONTOLOGY,
             popupInfo: 'Gene Ontology (GO) is a powerful tool for understanding the biological processes, molecular functions, and cellular components associated with a gene',
@@ -79,21 +80,21 @@ export const MoleculesDetailsMenu = (props: MoleculesDetailsMenuProps) => {
         //     isVisible: isGene
         // },
         {
-            name: 'Diseases',
+            name: intl.formatMessage({ id: 'moleculesDetailsMenu.diseases' }),
             onClick: () => props.setActiveItem(ActiveBiomarkerMoleculeItemMenu.DISEASES),
             isActive: props.activeItem === ActiveBiomarkerMoleculeItemMenu.DISEASES,
             popupInfo: 'Interactions of the molecule with diseases that have been reported in the literature',
             isVisible: [MoleculeType.MIRNA].includes(props.selectedMolecule.type)
         },
         {
-            name: 'Drugs',
+            name: intl.formatMessage({ id: 'moleculesDetailsMenu.drugs' }),
             onClick: () => props.setActiveItem(ActiveBiomarkerMoleculeItemMenu.DRUGS),
             isActive: props.activeItem === ActiveBiomarkerMoleculeItemMenu.DRUGS,
             popupInfo: 'Interactions of the molecule with drugs that have been reported in the literature',
             isVisible: [MoleculeType.MIRNA].includes(props.selectedMolecule.type)
         },
         {
-            name: 'miRNA-Gene interactions',
+            name: intl.formatMessage({ id: 'moleculesDetailsMenu.miRNAGeneInteractions' }),
             onClick: () => props.setActiveItem(ActiveBiomarkerMoleculeItemMenu.MIRNA_GENE_INTERACTIONS),
             isActive: props.activeItem === ActiveBiomarkerMoleculeItemMenu.MIRNA_GENE_INTERACTIONS,
             popupInfo: 'Different miRNA-Gene interactions that have been reported in the literature along with the associated mirDIP score and Pubmed sources',
diff --git a/src/frontend/static/frontend/src/components/biomarkers/biomarker-details-modal/molecules/MoleculesTable.tsx b/src/frontend/static/frontend/src/components/biomarkers/biomarker-details-modal/molecules/MoleculesTable.tsx
index dc1b9d23..e19784ab 100644
--- a/src/frontend/static/frontend/src/components/biomarkers/biomarker-details-modal/molecules/MoleculesTable.tsx
+++ b/src/frontend/static/frontend/src/components/biomarkers/biomarker-details-modal/molecules/MoleculesTable.tsx
@@ -5,6 +5,7 @@ import { PaginatedTable } from '../../../common/PaginatedTable'
 import { TableCellWithTitle } from '../../../common/TableCellWithTitle'
 import { MoleculeTypeLabel } from '../../labels/MoleculeTypeLabel'
 import { MoleculeType, Nullable } from '../../../../utils/interfaces'
+import { useIntl } from 'react-intl'
 
 declare const urlBiomarkerMolecules: string
 
@@ -18,35 +19,35 @@ interface MoleculesTableProps {
     openMoleculeDetails: (molecule: BiomarkerMolecule) => void
 }
 
-const moleculesTypesOptions: DropdownItemProps[] = [
-    { key: MoleculeType.MRNA, text: 'mRNA', value: MoleculeType.MRNA },
-    { key: MoleculeType.MIRNA, text: 'miRNA', value: MoleculeType.MIRNA },
-    { key: MoleculeType.CNA, text: 'CNA', value: MoleculeType.CNA },
-    { key: MoleculeType.METHYLATION, text: 'Methylation', value: MoleculeType.METHYLATION }
-]
-
 /**
  * Renders a Table with the samples and the cluster where they belong.
  * @param props Component props.
  * @returns Component.
  */
 export const MoleculesTable = (props: MoleculesTableProps) => {
+    const intl = useIntl()
+    const moleculesTypesOptions: DropdownItemProps[] = [
+        { key: MoleculeType.MRNA, text: intl.formatMessage({ id: 'moleculesTable.type.mrna' }), value: MoleculeType.MRNA },
+        { key: MoleculeType.MIRNA, text: intl.formatMessage({ id: 'moleculesTable.type.mirna' }), value: MoleculeType.MIRNA },
+        { key: MoleculeType.CNA, text: intl.formatMessage({ id: 'moleculesTable.type.cna' }), value: MoleculeType.CNA },
+        { key: MoleculeType.METHYLATION, text: intl.formatMessage({ id: 'moleculesTable.type.methylation' }), value: MoleculeType.METHYLATION }
+    ]
     return (
         <PaginatedTable<BiomarkerMolecule>
             headers={[
-                { name: 'Identifier', serverCodeToSort: 'identifier', width: 3 },
-                { name: 'Type', serverCodeToSort: 'type', width: 2 },
-                { name: 'Actions' }
+                { name: intl.formatMessage({ id: 'moleculesTable.header.identifier' }), serverCodeToSort: 'identifier', width: 3 },
+                { name: intl.formatMessage({ id: 'moleculesTable.header.type' }), serverCodeToSort: 'type', width: 2 },
+                { name: intl.formatMessage({ id: 'moleculesTable.header.actions' }) }
             ]}
             queryParams={{ biomarker_pk: props.selectedBiomarker.id }}
             customFilters={[
-                { label: 'Type', keyForServer: 'type', defaultValue: '', options: moleculesTypesOptions, width: 6 }
+                { label: intl.formatMessage({ id: 'moleculesTable.header.type' }), keyForServer: 'type', defaultValue: '', options: moleculesTypesOptions, width: 6 }
             ]}
             defaultSortProp={{ sortField: 'identifier', sortOrderAscendant: true }}
             showSearchInput
             defaultPageSize={25}
-            searchLabel='Sample'
-            searchPlaceholder='Search by identifier'
+            searchLabel={intl.formatMessage({ id: 'common.sample' })}
+            searchPlaceholder={intl.formatMessage({ id: 'common.search' }) + ' ' + intl.formatMessage({ id: 'moleculesTable.header.identifier' })}
             urlToRetrieveData={urlBiomarkerMolecules}
             searchWidth={6}
             entriesSelectWidth={3}
@@ -61,7 +62,7 @@ export const MoleculesTable = (props: MoleculesTableProps) => {
                             name='chart bar'
                             className='clickable'
                             color='blue'
-                            title='Details'
+                            title={intl.formatMessage({ id: 'common.details' })}
                             onClick={() => props.openMoleculeDetails(molecule)}
                         />
                     </Table.Cell>
diff --git a/src/frontend/static/frontend/src/components/biomarkers/biomarker-details-modal/molecules/gene-ontology/GeneOntologyCytoscapeChart.tsx b/src/frontend/static/frontend/src/components/biomarkers/biomarker-details-modal/molecules/gene-ontology/GeneOntologyCytoscapeChart.tsx
index e98871a2..34db0c30 100644
--- a/src/frontend/static/frontend/src/components/biomarkers/biomarker-details-modal/molecules/gene-ontology/GeneOntologyCytoscapeChart.tsx
+++ b/src/frontend/static/frontend/src/components/biomarkers/biomarker-details-modal/molecules/gene-ontology/GeneOntologyCytoscapeChart.tsx
@@ -6,6 +6,7 @@ import { alertGeneralError } from '../../../../../utils/util_functions'
 import { OntologyRelationTermToTermFilter, CytoscapeElements, OntologyType, GoTermToTermSearchParams, GoTermToTermForm } from './types'
 import { Button, Form, Grid } from 'semantic-ui-react'
 import '../../../../../css/cytoscape.css'
+import { useIntl } from 'react-intl'
 
 declare const urlGOTermToTerms: string
 
@@ -20,18 +21,27 @@ const COLORS_BY_ONTOLOGY_RELATION = {
  * Renders the legends for the Cytoscape instance.
  * @returns Component.
  */
-const CytoscapeLegends = () => (
-    <div className='cytoscape-legends'>
-        <div className='legend-title'>Relations</div>
-        <div className='legend-scale'>
-            <ul className='legend-labels' id='legend'>
-                {Object.entries(COLORS_BY_ONTOLOGY_RELATION).map(([_, [relationDescription, color]]) => (
-                    <li key={relationDescription}><span style={{ backgroundColor: color }} />{relationDescription}</li>
-                ))}
-            </ul>
+const CytoscapeLegends = () => {
+    const intl = useIntl()
+
+    return (
+        <div className='cytoscape-legends'>
+            <div className='legend-title'>
+                {intl.formatMessage({ id: 'common.relations' })}
+            </div>
+            <div className='legend-scale'>
+                <ul className='legend-labels' id='legend'>
+                    {Object.entries(COLORS_BY_ONTOLOGY_RELATION).map(([_, [relationDescription, color]]) => (
+                        <li key={relationDescription}>
+                            <span style={{ backgroundColor: color }} />
+                            {relationDescription}
+                        </li>
+                    ))}
+                </ul>
+            </div>
         </div>
-    </div>
-)
+    )
+}
 
 /** GeneOntologyCytoscapeChart props. */
 interface GeneOntologyCytoscapeChartProps {
@@ -47,6 +57,7 @@ interface GeneOntologyCytoscapeChartProps {
  * @returns Component.
  */
 export const GeneOntologyCytoscapeChart = (props: GeneOntologyCytoscapeChartProps) => {
+    const intl = useIntl()
     const abortControllerTerm = useRef(new AbortController())
     const [termsRelatedToTermForm, setTermsRelatedToTermForm] = useState<GoTermToTermForm>({
         relations: [OntologyRelationTermToTermFilter.PART_OF, OntologyRelationTermToTermFilter.REGULATES, OntologyRelationTermToTermFilter.HAS_PART],
@@ -188,12 +199,12 @@ export const GeneOntologyCytoscapeChart = (props: GeneOntologyCytoscapeChartProp
         <Grid.Row columns={2}>
             <Grid.Column width={3}>
                 {/* Go back button. */}
-                <Button onClick={props.goBack} icon='arrow left' content='Go back' />
+                <Button onClick={props.goBack} icon='arrow left' content={intl.formatMessage({ id: 'common.goBack' })} />
 
                 {/* Form for termsRelatedToTermForm */}
                 <Form className='margin-top-5'>
                     <Form.Field>
-                        <label>Relations</label>
+                        <label>{intl.formatMessage({ id: 'common.relations' })}</label>
                         {Object.entries(OntologyRelationTermToTermFilter)
                             .filter(([_key, value]) => value !== OntologyRelationTermToTermFilter.IS_A)
                             .map(([key, value]) => (
@@ -206,7 +217,7 @@ export const GeneOntologyCytoscapeChart = (props: GeneOntologyCytoscapeChartProp
                             ))}
                     </Form.Field>
                     <Form.Field>
-                        <label>Ontology type</label>
+                        <label>{intl.formatMessage({ id: 'geneOntology.form.ontologyType' })}</label>
                         {Object.entries(OntologyType).map(([key, value]) => (
                             <Form.Checkbox
                                 key={key}
@@ -217,19 +228,19 @@ export const GeneOntologyCytoscapeChart = (props: GeneOntologyCytoscapeChartProp
                         ))}
                     </Form.Field>
                     <Form.Input
-                        label='General depth'
+                        label={intl.formatMessage({ id: 'geneOntology.form.generalDepth' })}
                         type='number'
                         value={termsRelatedToTermForm.general_depth}
                         onChange={(e) => handleChangesInForm('general_depth', parseInt(e.target.value))}
                     />
                     <Form.Input
-                        label='Hierarchical depth to children'
+                        label={intl.formatMessage({ id: 'geneOntology.form.hierarchicalDepth' })}
                         type='number'
                         value={termsRelatedToTermForm.hierarchical_depth_to_children}
                         onChange={(e) => handleChangesInForm('hierarchical_depth_to_children', parseInt(e.target.value))}
                     />
                     <Form.Checkbox
-                        label='To root'
+                        label={intl.formatMessage({ id: 'geneOntology.form.toRoot' })}
                         checked={termsRelatedToTermForm.to_root === 1}
                         onChange={() => handleChangesInForm('to_root', termsRelatedToTermForm.to_root === 1 ? 0 : 1)}
                     />
diff --git a/src/frontend/static/frontend/src/components/biomarkers/biomarker-details-modal/molecules/gene-ontology/GeneOntologyPanel.tsx b/src/frontend/static/frontend/src/components/biomarkers/biomarker-details-modal/molecules/gene-ontology/GeneOntologyPanel.tsx
index bb8be1aa..ac4b01f6 100644
--- a/src/frontend/static/frontend/src/components/biomarkers/biomarker-details-modal/molecules/gene-ontology/GeneOntologyPanel.tsx
+++ b/src/frontend/static/frontend/src/components/biomarkers/biomarker-details-modal/molecules/gene-ontology/GeneOntologyPanel.tsx
@@ -7,6 +7,7 @@ import { Nullable } from '../../../../../utils/interfaces'
 import { GeneOntologyCytoscapeChart } from './GeneOntologyCytoscapeChart'
 import { GORelationType, GeneToTermFilterType, GeneToTermForm, GeneToTermSearchParams, GoTerm, OntologyType, TermsRelatedToGene } from './types'
 import { debounce } from 'lodash'
+import { useIntl } from 'react-intl'
 
 // Defined in biomarkers.html
 declare const urlGOGeneToTerms: string
@@ -18,6 +19,7 @@ interface GeneOntologyPanelProps {
 }
 
 export const GeneOntologyPanel = (props: GeneOntologyPanelProps) => {
+    const intl = useIntl()
     const abortController = useRef(new AbortController())
     const [terms, setTerms] = useState<Nullable<GoTerm[]>>(null)
     const [selectedTerm, setSelectedTerm] = useState<Nullable<string>>(null)
@@ -121,9 +123,9 @@ export const GeneOntologyPanel = (props: GeneOntologyPanelProps) => {
                         <Form>
                             <Form.Group grouped>
                                 <Form.Field>
-                                    <label>Filter type</label>
+                                    <label>{intl.formatMessage({ id: 'geneOntology.panel.filterType' })}</label>
                                     <Form.Radio
-                                        label='Intersection'
+                                        label={intl.formatMessage({ id: 'geneOntology.panel.filterType.intersection' })}
                                         value={GeneToTermFilterType.INTERSECTION}
                                         checked={termsRelatedToGeneForm.filter_type === GeneToTermFilterType.INTERSECTION}
                                         onChange={() => handleChangesInForm('filter_type', GeneToTermFilterType.INTERSECTION)}
@@ -131,7 +133,7 @@ export const GeneOntologyPanel = (props: GeneOntologyPanelProps) => {
                                 </Form.Field>
                                 <Form.Field>
                                     <Form.Radio
-                                        label='Union'
+                                        label={intl.formatMessage({ id: 'geneOntology.panel.filterType.union' })}
                                         value={GeneToTermFilterType.UNION}
                                         checked={termsRelatedToGeneForm.filter_type === GeneToTermFilterType.UNION}
                                         onChange={() => handleChangesInForm('filter_type', GeneToTermFilterType.UNION)}
@@ -139,7 +141,7 @@ export const GeneOntologyPanel = (props: GeneOntologyPanelProps) => {
                                 </Form.Field>
                                 <Form.Field>
                                     <Form.Radio
-                                        label='Enrichment'
+                                        label={intl.formatMessage({ id: 'geneOntology.panel.filterType.enrichment' })}
                                         value={GeneToTermFilterType.ENRICHMENT}
                                         checked={termsRelatedToGeneForm.filter_type === GeneToTermFilterType.ENRICHMENT}
                                         onChange={() => handleChangesInForm('filter_type', GeneToTermFilterType.ENRICHMENT)}
@@ -149,17 +151,17 @@ export const GeneOntologyPanel = (props: GeneOntologyPanelProps) => {
                             {termsRelatedToGeneForm.filter_type === GeneToTermFilterType.ENRICHMENT && (
                                 <>
                                     <Form.Input
-                                        label='P-value threshold'
+                                        label={intl.formatMessage({ id: 'geneOntology.panel.pValueThreshold' })}
                                         type='number'
                                         value={termsRelatedToGeneForm.p_value_threshold}
                                         onChange={(_e, { value }) => handleChangesInForm('p_value_threshold', value)}
                                     />
                                     <Form.Select
-                                        label='Correction method'
+                                        label={intl.formatMessage({ id: 'geneOntology.panel.correctionMethod' })}
                                         options={[
-                                            { key: 'analytical', text: 'Analytical', value: 'analytical' },
-                                            { key: 'bonferroni', text: 'Bonferroni', value: 'bonferroni' },
-                                            { key: 'false_discovery_rate', text: 'False discovery rate', value: 'false_discovery_rate' }
+                                            { key: 'analytical', text: intl.formatMessage({ id: 'geneOntology.panel.correctionMethod.analytical' }), value: 'analytical' },
+                                            { key: 'bonferroni', text: intl.formatMessage({ id: 'geneOntology.panel.correctionMethod.bonferroni' }), value: 'bonferroni' },
+                                            { key: 'false_discovery_rate', text: intl.formatMessage({ id: 'geneOntology.panel.correctionMethod.falseDiscoveryRate' }), value: 'false_discovery_rate' }
                                         ]}
                                         value={termsRelatedToGeneForm.correction_method}
                                         onChange={(_e, { value }) => handleChangesInForm('correction_method', value)}
@@ -168,9 +170,9 @@ export const GeneOntologyPanel = (props: GeneOntologyPanelProps) => {
                             )}
                             <Form.Group grouped>
                                 <Form.Field>
-                                    <label>Relation type</label>
+                                    <label>{intl.formatMessage({ id: 'geneOntology.panel.relationType' })}</label>
                                     <Form.Checkbox
-                                        label='Enables'
+                                        label={intl.formatMessage({ id: 'geneOntology.panel.relationType.enables' })}
                                         value={GORelationType.ENABLES}
                                         checked={termsRelatedToGeneForm.relation_type.includes(GORelationType.ENABLES)}
                                         onChange={(_e, { value }) => handleCheckboxChange('relation_type', value)}
@@ -178,7 +180,7 @@ export const GeneOntologyPanel = (props: GeneOntologyPanelProps) => {
                                 </Form.Field>
                                 <Form.Field>
                                     <Form.Checkbox
-                                        label='Involved in'
+                                        label={intl.formatMessage({ id: 'geneOntology.panel.relationType.involvedIn' })}
                                         value={GORelationType.INVOLVED_IN}
                                         checked={termsRelatedToGeneForm.relation_type.includes(GORelationType.INVOLVED_IN)}
                                         onChange={(_e, { value }) => handleCheckboxChange('relation_type', value)}
@@ -186,7 +188,7 @@ export const GeneOntologyPanel = (props: GeneOntologyPanelProps) => {
                                 </Form.Field>
                                 <Form.Field>
                                     <Form.Checkbox
-                                        label='Part of'
+                                        label={intl.formatMessage({ id: 'geneOntology.panel.relationType.locatedIn' })}
                                         value={GORelationType.PART_OF}
                                         checked={termsRelatedToGeneForm.relation_type.includes(GORelationType.PART_OF)}
                                         onChange={(_e, { value }) => handleCheckboxChange('relation_type', value)}
@@ -194,7 +196,7 @@ export const GeneOntologyPanel = (props: GeneOntologyPanelProps) => {
                                 </Form.Field>
                                 <Form.Field>
                                     <Form.Checkbox
-                                        label='Located in'
+                                        label={intl.formatMessage({ id: 'geneOntology.panel.relationType.partOf' })}
                                         value={GORelationType.LOCATED_IN}
                                         checked={termsRelatedToGeneForm.relation_type.includes(GORelationType.LOCATED_IN)}
                                         onChange={(_e, { value }) => handleCheckboxChange('relation_type', value)}
@@ -205,7 +207,7 @@ export const GeneOntologyPanel = (props: GeneOntologyPanelProps) => {
                                 <Form.Field>
                                     <label>Ontology type</label>
                                     <Form.Checkbox
-                                        label='Biological process'
+                                        label={intl.formatMessage({ id: 'geneOntology.panel.ontologyType.biologicalProcess' })}
                                         value={OntologyType.BIOLOGICAL_PROCESS}
                                         checked={termsRelatedToGeneForm.ontology_type.includes(OntologyType.BIOLOGICAL_PROCESS)}
                                         onChange={(_e, { value }) => handleCheckboxChange('ontology_type', value)}
@@ -213,7 +215,7 @@ export const GeneOntologyPanel = (props: GeneOntologyPanelProps) => {
                                 </Form.Field>
                                 <Form.Field>
                                     <Form.Checkbox
-                                        label='Molecular function'
+                                        label={intl.formatMessage({ id: 'geneOntology.panel.ontologyType.molecularFunction' })}
                                         value={OntologyType.MOLECULAR_FUNCTION}
                                         checked={termsRelatedToGeneForm.ontology_type.includes(OntologyType.MOLECULAR_FUNCTION)}
                                         onChange={(_e, { value }) => handleCheckboxChange('ontology_type', value)}
@@ -221,7 +223,7 @@ export const GeneOntologyPanel = (props: GeneOntologyPanelProps) => {
                                 </Form.Field>
                                 <Form.Field>
                                     <Form.Checkbox
-                                        label='Cellular component'
+                                        label={intl.formatMessage({ id: 'geneOntology.panel.ontologyType.cellularComponent' })}
                                         value={OntologyType.CELLULAR_COMPONENT}
                                         checked={termsRelatedToGeneForm.ontology_type.includes(OntologyType.CELLULAR_COMPONENT)}
                                         onChange={(_e, { value }) => handleCheckboxChange('ontology_type', value)}
@@ -238,8 +240,8 @@ export const GeneOntologyPanel = (props: GeneOntologyPanelProps) => {
                             <Table celled selectable>
                                 <Table.Header>
                                     <Table.Row>
-                                        <Table.HeaderCell>Term</Table.HeaderCell>
-                                        <Table.HeaderCell>Ontology type</Table.HeaderCell>
+                                        <Table.HeaderCell>{intl.formatMessage({ id: 'geneOntology.panel.table.term' })}</Table.HeaderCell>
+                                        <Table.HeaderCell>{intl.formatMessage({ id: 'geneOntology.panel.table.ontologyType' })}</Table.HeaderCell>
                                     </Table.Row>
                                 </Table.Header>
                                 <Table.Body>
diff --git a/src/frontend/static/frontend/src/components/biomarkers/biomarker-details-modal/molecules/genes/ActionableCancerGenesPanel.tsx b/src/frontend/static/frontend/src/components/biomarkers/biomarker-details-modal/molecules/genes/ActionableCancerGenesPanel.tsx
index 64c4b305..34ff45e3 100644
--- a/src/frontend/static/frontend/src/components/biomarkers/biomarker-details-modal/molecules/genes/ActionableCancerGenesPanel.tsx
+++ b/src/frontend/static/frontend/src/components/biomarkers/biomarker-details-modal/molecules/genes/ActionableCancerGenesPanel.tsx
@@ -1,7 +1,10 @@
 import React from 'react'
+import { useIntl } from 'react-intl'
 
 export const ActionableCancerGenesPanel = () => {
+    const intl = useIntl()
+
     return (
-        <div>ActionableCancerGenesPanel</div>
+        <div>{intl.formatMessage({ id: 'actionableCancerGenes.panel.title' })}</div>
     )
 }
diff --git a/src/frontend/static/frontend/src/components/biomarkers/biomarker-details-modal/molecules/genes/GeneAssociationsNetworkPanel.tsx b/src/frontend/static/frontend/src/components/biomarkers/biomarker-details-modal/molecules/genes/GeneAssociationsNetworkPanel.tsx
index 4a4e00ab..bc4312cf 100644
--- a/src/frontend/static/frontend/src/components/biomarkers/biomarker-details-modal/molecules/genes/GeneAssociationsNetworkPanel.tsx
+++ b/src/frontend/static/frontend/src/components/biomarkers/biomarker-details-modal/molecules/genes/GeneAssociationsNetworkPanel.tsx
@@ -12,6 +12,7 @@ import { alertGeneralError } from '../../../../../utils/util_functions'
 import { InfoPopup } from '../../../../pipeline/experiment-result/gene-gem-details/InfoPopup'
 import { ExternalLink } from '../../../../common/ExternalLink'
 import '../../../../../css/cytoscape.css'
+import { useIntl } from 'react-intl'
 
 // Defined in biomarkers.html
 declare const urlGeneAssociationsNetwork: string
@@ -25,21 +26,31 @@ const COLORS_BY_STRING_RELATION = {
     coExpression: ['Co-expression', '#10002b']
 } as const
 
-const CytoscapeLegends = () => (
-    <div className='cytoscape-legends'>
-        <div className='legend-title'>Relations</div>
-        <div className='legend-scale'>
-            <ul className='legend-labels' id='legend'>
-                {Object.entries(COLORS_BY_STRING_RELATION).map(([_, [relationDescription, color]]) => (
-                    <li key={relationDescription}>
-                        <span style={{ backgroundColor: color }} />
-                        {relationDescription}
-                    </li>
-                ))}
-            </ul>
+/**
+ * Renders the legends for the Cytoscape instance.
+ * @returns Component.
+ */
+const CytoscapeLegends = () => {
+    const intl = useIntl()
+
+    return (
+        <div className='cytoscape-legends'>
+            <div className='legend-title'>
+                {intl.formatMessage({ id: 'common.relations' })}
+            </div>
+            <div className='legend-scale'>
+                <ul className='legend-labels' id='legend'>
+                    {Object.entries(COLORS_BY_STRING_RELATION).map(([relationKey, [_, color]]) => (
+                        <li key={relationKey}>
+                            <span style={{ backgroundColor: color }} />
+                            {intl.formatMessage({ id: `geneAssociations.relation.${relationKey}` })}
+                        </li>
+                    ))}
+                </ul>
+            </div>
         </div>
-    </div>
-)
+    )
+}
 
 interface GeneAssociationsNetworkPanelProps {
     selectedGene: BiomarkerMolecule
@@ -53,6 +64,7 @@ type CytoscapeResponseData =
     }
 
 export const GeneAssociationsNetworkPanel = ({ selectedGene }: GeneAssociationsNetworkPanelProps) => {
+    const intl = useIntl()
     const cyContainerRef = useRef<HTMLDivElement | null>(null)
     const cyRef = useRef<Core | null>(null)
     const abortControllerRef = useRef<AbortController | null>(null)
@@ -330,7 +342,7 @@ export const GeneAssociationsNetworkPanel = ({ selectedGene }: GeneAssociationsN
                 <Grid.Column width={3}>
                     <Form>
                         <Form.Field>
-                            <label>Min combined score</label>
+                            <label>{intl.formatMessage({ id: 'geneAssociations.form.minCombinedScore' })}</label>
                             <Input
                                 type='number'
                                 value={minCombinedScore}
diff --git a/src/frontend/static/frontend/src/components/biomarkers/biomarker-details-modal/molecules/genes/GeneInformation.tsx b/src/frontend/static/frontend/src/components/biomarkers/biomarker-details-modal/molecules/genes/GeneInformation.tsx
index 56f79eb6..6400cdb2 100644
--- a/src/frontend/static/frontend/src/components/biomarkers/biomarker-details-modal/molecules/genes/GeneInformation.tsx
+++ b/src/frontend/static/frontend/src/components/biomarkers/biomarker-details-modal/molecules/genes/GeneInformation.tsx
@@ -7,6 +7,8 @@ import { Nullable } from '../../../../../utils/interfaces'
 import { GeneData } from './types'
 import { Accordion, Button, Card, Grid, Header, Icon, Message, Segment } from 'semantic-ui-react'
 import _ from 'lodash'
+import { useIntl } from 'react-intl'
+
 declare const urlGeneInformation: string
 
 /** GeneInformation props. */
@@ -21,6 +23,7 @@ interface GeneInformationProps {
  * @returns Component.
  */
 export const GeneInformation = (props: GeneInformationProps) => {
+    const intl = useIntl()
     const abortController = useRef(new AbortController())
     const [geneData, setGeneData] = useState<Nullable<GeneData>>(null)
     const [loadingData, setLoadingData] = useState(false)
@@ -337,9 +340,10 @@ export const GeneInformation = (props: GeneInformationProps) => {
                     <Grid.Column textAlign='center'>
                         <Header as='h2' icon>
                             <Icon name='search minus' />
-                            No Details found
+                            {intl.formatMessage({ id: 'common.noDetails' })}
+
                             <Header.Subheader>
-                                No Details were found for this gene.
+                                {intl.formatMessage({ id: 'common.noDetails' }) + ' ' + intl.formatMessage({ id: 'geneInformation.context.gene' })}
                             </Header.Subheader>
                         </Header>
                     </Grid.Column>
@@ -361,7 +365,7 @@ export const GeneInformation = (props: GeneInformationProps) => {
                             extra={(
                                 <Grid textAlign='center'>
                                     <Grid.Row columns={1}>
-                                        <Grid.Column><strong>GRCh37:</strong></Grid.Column>
+                                        <Grid.Column><strong><strong>GRCh37:</strong></strong></Grid.Column>
                                         <Grid.Column><strong>chr{geneData.chromosome}</strong>: {geneData.start_GRCh37}-{geneData.end_GRCh37}</Grid.Column>
                                     </Grid.Row>
                                     <Grid.Row columns={1}>
@@ -375,7 +379,7 @@ export const GeneInformation = (props: GeneInformationProps) => {
                     </Grid.Column>
                     <Grid.Column width={12}>
                         <Message
-                            header='Summary'
+                            header={intl.formatMessage({ id: 'geneInformation.summary' })}
                             content={geneData.refseq_summary}
                         />
                     </Grid.Column>
diff --git a/src/frontend/static/frontend/src/components/biomarkers/biomarker-details-modal/molecules/genes/MetabolicPathways.tsx b/src/frontend/static/frontend/src/components/biomarkers/biomarker-details-modal/molecules/genes/MetabolicPathways.tsx
index 870a4fec..65e5fa4f 100644
--- a/src/frontend/static/frontend/src/components/biomarkers/biomarker-details-modal/molecules/genes/MetabolicPathways.tsx
+++ b/src/frontend/static/frontend/src/components/biomarkers/biomarker-details-modal/molecules/genes/MetabolicPathways.tsx
@@ -6,6 +6,7 @@ import { ResultPlaceholder } from '../../stat-validations/result/ResultPlacehold
 import { DropdownItemProps, Grid, Header, Input, List, SearchProps, Select } from 'semantic-ui-react'
 import { InputLabel } from '../../../../common/InputLabel'
 import { InfoPopup } from '../../../../pipeline/experiment-result/gene-gem-details/InfoPopup'
+import { useIntl } from 'react-intl'
 
 declare const urlMetabolicPathways: string
 
@@ -38,6 +39,7 @@ interface MetabolicPathwaysProps {
  * @returns Component.
  */
 export const MetabolicPathways = (props: MetabolicPathwaysProps) => {
+    const intl = useIntl()
     const abortController = useRef(new AbortController())
     const [searchInput, setSearchInput] = useState<string>('')
     const [selectedSource, setSelectedSource] = useState<string | undefined>(undefined)
@@ -93,21 +95,21 @@ export const MetabolicPathways = (props: MetabolicPathwaysProps) => {
             <Grid.Row columns={1}>
                 <Grid.Column>
                     <InfoPopup
-                        content='List of genes that are involved in a pathway for a given database'
+                        content={intl.formatMessage({ id: 'metabolicPathways.infoPopup' })}
                         onTop
                         onEvent='click'
                         extraClassName='pull-right'
                     />
 
                     <Header as='h3'>
-                        Metabolic pathways
+                        {intl.formatMessage({ id: 'metabolicPathways.header' })}
                     </Header>
 
-                    <InputLabel label='Select a source' />
+                    <InputLabel label={intl.formatMessage({ id: 'metabolicPathways.selectSource' })} />
 
                     <Select
                         selectOnBlur={false}
-                        placeholder='Source'
+                        placeholder={intl.formatMessage({ id: 'metabolicPathways.sourcePlaceholder' })}
                         className='selection-select-m selection-select'
                         options={sourcesOptions}
                         value={selectedSource}
@@ -117,7 +119,7 @@ export const MetabolicPathways = (props: MetabolicPathwaysProps) => {
                     <Input
                         icon='search'
                         fluid
-                        placeholder='Search'
+                        placeholder={intl.formatMessage({ id: 'common.search' })}
                         onChange={handleSearch}
                         value={searchInput}
                         disabled={selectedSource === undefined}
diff --git a/src/frontend/static/frontend/src/components/biomarkers/biomarker-details-modal/molecules/genes/PathwaysInformation.tsx b/src/frontend/static/frontend/src/components/biomarkers/biomarker-details-modal/molecules/genes/PathwaysInformation.tsx
index 86d955c1..6e9257a3 100644
--- a/src/frontend/static/frontend/src/components/biomarkers/biomarker-details-modal/molecules/genes/PathwaysInformation.tsx
+++ b/src/frontend/static/frontend/src/components/biomarkers/biomarker-details-modal/molecules/genes/PathwaysInformation.tsx
@@ -6,6 +6,7 @@ import { Nullable } from '../../../../../utils/interfaces'
 import { GeneData } from './types'
 import { Grid, Header, Icon } from 'semantic-ui-react'
 import { MetabolicPathways } from './MetabolicPathways'
+import { useIntl } from 'react-intl'
 
 declare const urlPathwaysInformation: string
 
@@ -21,6 +22,7 @@ interface PathwaysInformationProps {
  * @returns Component.
  */
 export const PathwaysInformation = (props: PathwaysInformationProps) => {
+    const intl = useIntl()
     const abortController = useRef(new AbortController())
     const [pathwaysData, setPathwaysData] = useState<Nullable<GeneData>>(null)
     const [loadingData, setLoadingData] = useState(false)
@@ -76,9 +78,9 @@ export const PathwaysInformation = (props: PathwaysInformationProps) => {
                         <Grid.Column textAlign='center'>
                             <Header as='h2' icon>
                                 <Icon name='search minus' />
-                                No pathways found
+                                {intl.formatMessage({ id: 'common.noDetails' })}
                                 <Header.Subheader>
-                                    No pathways were found for this gene.
+                                    {intl.formatMessage({ id: 'common.noDetails' }) + ' ' + intl.formatMessage({ id: 'pathwaysInformation.context.gene' })}
                                 </Header.Subheader>
                             </Header>
                         </Grid.Column>
diff --git a/src/frontend/static/frontend/src/components/biomarkers/biomarker-details-modal/molecules/methylation/MethylationInformation.tsx b/src/frontend/static/frontend/src/components/biomarkers/biomarker-details-modal/molecules/methylation/MethylationInformation.tsx
index ab6f7ff7..92571583 100644
--- a/src/frontend/static/frontend/src/components/biomarkers/biomarker-details-modal/molecules/methylation/MethylationInformation.tsx
+++ b/src/frontend/static/frontend/src/components/biomarkers/biomarker-details-modal/molecules/methylation/MethylationInformation.tsx
@@ -5,6 +5,7 @@ import { DjangoMethylationDataJSON } from '../../../../../utils/django_interface
 import { Nullable, KySearchParams } from '../../../../../utils/interfaces'
 import { InfoPopup } from '../../../../pipeline/experiment-result/gene-gem-details/InfoPopup'
 import { ExternalLink } from '../../../../common/ExternalLink'
+import { useIntl } from 'react-intl'
 
 declare const urlMethylationData: string
 
@@ -25,6 +26,7 @@ interface MethylationInformationProps {
  * @returns Component.
  */
 export const MethylationInformation = (props: MethylationInformationProps) => {
+    const intl = useIntl()
     const [methylationData, setMethylationData] = useState<Nullable<DjangoMethylationDataJSON>>(null)
     const [loading, setLoading] = useState<boolean>(true)
 
@@ -76,7 +78,8 @@ export const MethylationInformation = (props: MethylationInformationProps) => {
                             <Header size='huge' icon>
                                 <Icon name='folder outline' />
 
-                                No details found for this methylation site
+                                {intl.formatMessage({ id: 'common.noDetails' }) + ' ' + intl.formatMessage({ id: 'methylationInformation.context.site' })}
+
                             </Header>
                         </Grid.Column>
                     </Grid.Row>
@@ -103,12 +106,12 @@ export const MethylationInformation = (props: MethylationInformationProps) => {
                 <Grid.Column textAlign='center' width={8}>
                     <Segment>
                         <InfoPopup
-                            content='Methylation aliases and chromosome position'
+                            content={intl.formatMessage({ id: 'methylationInformation.infoPopup.aliases' })}
                             onTop
                             onEvent='hover'
                         />
                         <Header size='huge' textAlign='left' className='margin-top-0'>
-                            Methylation Information
+                            {intl.formatMessage({ id: 'methylationInformation.header' })}
                         </Header>
 
                         <Divider />
@@ -119,7 +122,7 @@ export const MethylationInformation = (props: MethylationInformationProps) => {
 
                         {methylationData.chromosome_position && (
                             <Header size='large'>
-                                Chr. Position: {methylationData.chromosome_position}
+                                {intl.formatMessage({ id: 'methylationInformation.chromosomePosition' })} {methylationData.chromosome_position}
                             </Header>
                         )}
                     </Segment>
@@ -128,20 +131,23 @@ export const MethylationInformation = (props: MethylationInformationProps) => {
                         <InfoPopup
                             content={(
                                 <span>
-                                    List of islands related to the methylation site according to the <ExternalLink href='https://genome.ucsc.edu/cgi-bin/hgTrackUi?hgsid=2155344452_RupMtKk6A9IgaOvoZvt1JA970CO7&g=cpgIsland&hgTracksConfigPage=configure'>UCSC database</ExternalLink>
+                                    {intl.formatMessage({ id: 'methylationInformation.infoPopup.ucsc' })}{' '}
+                                    <ExternalLink href='https://genome.ucsc.edu/cgi-bin/hgTrackUi?hgsid=2155344452_RupMtKk6A9IgaOvoZvt1JA970CO7&g=cpgIsland&hgTracksConfigPage=configure'>
+                                        UCSC
+                                    </ExternalLink>
                                 </span>
                             )}
                             onTop
                         />
                         <Header size='huge' textAlign='left' className='margin-top-0'>
-                            UCSC CpG Islands
+                            {intl.formatMessage({ id: 'methylationInformation.header.ucsc' })}
                         </Header>
 
                         <Table celled>
                             <TableHeader>
                                 <TableRow>
-                                    <TableHeaderCell>CpG Island</TableHeaderCell>
-                                    <TableHeaderCell>Relation</TableHeaderCell>
+                                    <TableHeaderCell>{intl.formatMessage({ id: 'methylationInformation.table.cpgIsland' })}</TableHeaderCell>
+                                    <TableHeaderCell>{intl.formatMessage({ id: 'methylationInformation.table.relation' })}</TableHeaderCell>
                                 </TableRow>
                             </TableHeader>
 
@@ -165,14 +171,14 @@ export const MethylationInformation = (props: MethylationInformationProps) => {
                             onEvent='hover'
                         />
                         <Header size='huge' textAlign='left' className='margin-top-0'>
-                            Related genes
+                            {intl.formatMessage({ id: 'methylationInformation.header.genes' })}
                         </Header>
 
                         <Table celled>
                             <TableHeader>
                                 <TableRow>
-                                    <TableHeaderCell>Gene</TableHeaderCell>
-                                    <TableHeaderCell>Regions</TableHeaderCell>
+                                    <TableHeaderCell>{intl.formatMessage({ id: 'methylationInformation.table.gene' })}</TableHeaderCell>
+                                    <TableHeaderCell>{intl.formatMessage({ id: 'methylationInformation.table.regions' })}</TableHeaderCell>
                                 </TableRow>
                             </TableHeader>
 
diff --git a/src/frontend/static/frontend/src/components/biomarkers/biomarker-details-modal/stat-validations/NewStatisticalValidationModal.tsx b/src/frontend/static/frontend/src/components/biomarkers/biomarker-details-modal/stat-validations/NewStatisticalValidationModal.tsx
index 50d7e6ea..c18f06d8 100644
--- a/src/frontend/static/frontend/src/components/biomarkers/biomarker-details-modal/stat-validations/NewStatisticalValidationModal.tsx
+++ b/src/frontend/static/frontend/src/components/biomarkers/biomarker-details-modal/stat-validations/NewStatisticalValidationModal.tsx
@@ -7,6 +7,7 @@ import { SourceSelectors } from '../../../common/SourceSelectors'
 import { DjangoCGDSStudy, DjangoUserFile } from '../../../../utils/django_interfaces'
 import { BiomarkerTrainedModelsTable } from '../BiomarkerTrainedModelsTable'
 import ky from 'ky'
+import { useIntl } from 'react-intl'
 
 declare const urlNewStatisticalValidation: string
 
@@ -59,6 +60,7 @@ const getDefaultNewStatisticalValidationData = (): NewStatisticalValidationData
  * @returns Component
  */
 export const NewStatisticalValidationModal = (props: NewStatisticalValidationModalProps) => {
+    const intl = useIntl()
     const [form, setForm] = useState<NewStatisticalValidationData>(getDefaultNewStatisticalValidationData())
     const [currentStep, setCurrentStep] = useState(1)
     const [sendingData, setSendingData] = useState(false)
@@ -309,7 +311,7 @@ export const NewStatisticalValidationModal = (props: NewStatisticalValidationMod
         >
             <Modal.Header>
                 <Icon name='chart bar' />
-                Create new statistical validation
+                {intl.formatMessage({ id: 'newStatValidation.header.create' })}
             </Modal.Header>
             <Modal.Content>
                 <Grid>
@@ -318,27 +320,27 @@ export const NewStatisticalValidationModal = (props: NewStatisticalValidationMod
                         <Grid.Column width={4}>
                             {/* Basic data */}
                             <Segment>
-                                <Header dividing as='h2'>Basic data</Header>
+                                <Header dividing as='h2'>{intl.formatMessage({ id: 'common.basicData' })}</Header>
 
                                 <Form>
                                     <Form.Input
                                         name='name'
                                         value={form.name}
                                         icon='asterisk'
-                                        placeholder='Name'
+                                        placeholder={intl.formatMessage({ id: 'common.name' })}
                                         onChange={handleInputChange}
                                     />
 
                                     <Form.TextArea
                                         name='description'
                                         value={form.description ?? ''}
-                                        placeholder='Description (optional)'
+                                        placeholder={intl.formatMessage({ id: 'common.descriptionOptional' })}
                                         onChange={handleInputChange}
                                     />
                                 </Form>
 
                                 <div className='margin-top-2'>
-                                    <Icon name='asterisk' /> Required field
+                                    <Icon name='asterisk' /> {intl.formatMessage({ id: 'common.requiredField' })}
                                 </div>
                             </Segment>
                         </Grid.Column>
@@ -348,7 +350,7 @@ export const NewStatisticalValidationModal = (props: NewStatisticalValidationMod
                                 <Step active={currentStep === 1} completed={currentStep > 1} link onClick={() => { setCurrentStep(1) }}>
                                     <Icon name='list' />
                                     <Step.Content>
-                                        <Step.Title>Step 1: Trained model</Step.Title>
+                                        <Step.Title>{intl.formatMessage({ id: 'newStatValidation.step.trainedModel' })}</Step.Title>
                                     </Step.Content>
                                 </Step>
                                 <Step
@@ -364,7 +366,7 @@ export const NewStatisticalValidationModal = (props: NewStatisticalValidationMod
                                 >
                                     <Icon name='boxes' />
                                     <Step.Content>
-                                        <Step.Title>Step 2: Validation datasets</Step.Title>
+                                        <Step.Title>{intl.formatMessage({ id: 'newStatValidation.step.validationDatasets' })}</Step.Title>
                                     </Step.Content>
                                 </Step>
                             </Step.Group>
@@ -385,7 +387,7 @@ export const NewStatisticalValidationModal = (props: NewStatisticalValidationMod
                         color='red'
                         onClick={() => setCurrentStep(currentStep - 1)}
                     >
-                        Go back
+                        {intl.formatMessage({ id: 'common.cancel' })}
                     </Button>
                 )}
 
@@ -399,7 +401,7 @@ export const NewStatisticalValidationModal = (props: NewStatisticalValidationMod
                         }}
                         disabled={!selectedTrainedModelIsValid}
                     >
-                        Continue
+                        {intl.formatMessage({ id: 'common.continue' })}
                     </Button>
                 )}
 
@@ -413,7 +415,7 @@ export const NewStatisticalValidationModal = (props: NewStatisticalValidationMod
                         }}
                         disabled={!formIsValid()}
                     >
-                        Confirm
+                        {intl.formatMessage({ id: 'common.confirm' })}
                     </Button>
                 )}
             </Modal.Actions>
diff --git a/src/frontend/static/frontend/src/components/biomarkers/biomarker-details-modal/stat-validations/StatisticalValidationMenu.tsx b/src/frontend/static/frontend/src/components/biomarkers/biomarker-details-modal/stat-validations/StatisticalValidationMenu.tsx
index 784a68b3..2d94acf6 100644
--- a/src/frontend/static/frontend/src/components/biomarkers/biomarker-details-modal/stat-validations/StatisticalValidationMenu.tsx
+++ b/src/frontend/static/frontend/src/components/biomarkers/biomarker-details-modal/stat-validations/StatisticalValidationMenu.tsx
@@ -2,6 +2,7 @@ import React from 'react'
 import { Menu } from 'semantic-ui-react'
 import { StatisticalValidationForTable, ActiveStatValidationsItemMenu } from '../../types'
 import { InfoPopup } from '../../../pipeline/experiment-result/gene-gem-details/InfoPopup'
+import { useIntl } from 'react-intl'
 
 /** StatisticalValidationMenu props. */
 interface StatisticalValidationMenuProps {
@@ -19,13 +20,14 @@ interface StatisticalValidationMenuProps {
  * @returns Component.
  */
 export const StatisticalValidationMenu = (props: StatisticalValidationMenuProps) => {
+    const intl = useIntl()
     return (
         <Menu className='margin-top-0'>
             <Menu.Item
                 active={props.activeItem === ActiveStatValidationsItemMenu.BEST_FEATURES}
                 onClick={() => props.setActiveItem(ActiveStatValidationsItemMenu.BEST_FEATURES)}
             >
-                Most significant features
+                {intl.formatMessage({ id: 'statValidationMenu.bestFeatures' })}
 
                 <InfoPopup
                     content='Most significant features for the survival analysis'
@@ -42,7 +44,7 @@ export const StatisticalValidationMenu = (props: StatisticalValidationMenuProps)
                 Kaplan-Meier
 
                 <InfoPopup
-                    content='Kaplan-Meier curve showing survival or hazard ratio'
+                    content={intl.formatMessage({ id: 'statValidationMenu.kaplanMeier.info' })}
                     onTop={false}
                     onEvent='hover'
                     extraClassName='margin-left-5'
@@ -53,10 +55,10 @@ export const StatisticalValidationMenu = (props: StatisticalValidationMenuProps)
                 active={props.activeItem === ActiveStatValidationsItemMenu.HEATMAP}
                 onClick={() => props.setActiveItem(ActiveStatValidationsItemMenu.HEATMAP)}
             >
-                Heatmap
+                {intl.formatMessage({ id: 'statValidationMenu.heatmap' })}
 
                 <InfoPopup
-                    content='Heatmap for every sample and molecule'
+                    content={intl.formatMessage({ id: 'statValidationMenu.heatmap.info' })}
                     onTop={false}
                     onEvent='hover'
                     extraClassName='margin-left-5'
diff --git a/src/frontend/static/frontend/src/components/biomarkers/biomarker-details-modal/stat-validations/StatisticalValidationsTable.tsx b/src/frontend/static/frontend/src/components/biomarkers/biomarker-details-modal/stat-validations/StatisticalValidationsTable.tsx
index b595dea3..b1a03e1b 100644
--- a/src/frontend/static/frontend/src/components/biomarkers/biomarker-details-modal/stat-validations/StatisticalValidationsTable.tsx
+++ b/src/frontend/static/frontend/src/components/biomarkers/biomarker-details-modal/stat-validations/StatisticalValidationsTable.tsx
@@ -11,6 +11,7 @@ import { StopExperimentButton } from '../../../pipeline/all-experiments-view/Sto
 import { Nullable } from '../../../../utils/interfaces'
 import { DeleteButton } from '../../../common/DeleteButton'
 import { TableCellSources } from '../../../common/TableCellSources'
+import { useIntl } from 'react-intl'
 
 declare const urlBiomarkerStatisticalValidations: string
 declare const urlStopStatisticalValidation: string
@@ -31,6 +32,7 @@ interface StatisticalValidationsTableProps {
  * @returns Component.
  */
 export const StatisticalValidationsTable = (props: StatisticalValidationsTableProps) => {
+    const intl = useIntl()
     const [stoppingStatValidation, setStoppingStatValidation] = useState(false)
     const [statValidationToStop, setStatValidationToStop] = useState<Nullable<StatisticalValidationForTable>>(null)
 
@@ -109,13 +111,13 @@ export const StatisticalValidationsTable = (props: StatisticalValidationsTablePr
 
         return (
             <Modal size='small' open={statValidationToStop !== null} onClose={handleCloseStopStatValidation} centered={false}>
-                <Header icon='stop' content='Stop statistical validation' />
+                <Header icon='stop' content={intl.formatMessage({ id: 'statValidationsTable.stopValidation.header' })} />
                 <Modal.Content>
-                    Are you sure you want to stop the statistical validation <strong>{statValidationToStop.name}</strong>?
+                    {intl.formatMessage({ id: 'statValidationsTable.stopValidation.confirm' }, { name: statValidationToStop.name })}?
                 </Modal.Content>
                 <Modal.Actions>
                     <Button onClick={handleCloseStopStatValidation}>
-                        Cancel
+                        {intl.formatMessage({ id: 'common.cancel' })}
                     </Button>
                     <Button
                         color='red'
@@ -123,7 +125,7 @@ export const StatisticalValidationsTable = (props: StatisticalValidationsTablePr
                         loading={stoppingStatValidation}
                         disabled={stoppingStatValidation}
                     >
-                        Stop
+                        {intl.formatMessage({ id: 'common.stop' })}
                     </Button>
                 </Modal.Actions>
             </Modal>
@@ -141,16 +143,16 @@ export const StatisticalValidationsTable = (props: StatisticalValidationsTablePr
 
         return (
             <Modal size='small' open={statValidationToRemove !== null} onClose={handleCloseRemoveStatValidation} centered={false}>
-                <Header icon='trash' content='Delete statistical validation' />
+                <Header icon='trash' content={intl.formatMessage({ id: 'statValidationsTable.deleteValidation.header' })} />
                 <Modal.Content>
-                    Are you sure you want to delete the statistical validation <strong>{statValidationToRemove.name}</strong>?
+                    {intl.formatMessage({ id: 'statValidationsTable.deleteValidation.confirm' }, { name: statValidationToRemove.name })}?
                 </Modal.Content>
                 <Modal.Actions>
                     <Button onClick={handleCloseRemoveStatValidation}>
-                        Cancel
+                        {intl.formatMessage({ id: 'common.cancel' })}
                     </Button>
                     <Button color='red' onClick={deleteStatValidation} loading={deletingStatValidation} disabled={deletingStatValidation}>
-                        Delete
+                        {intl.formatMessage({ id: 'common.delete' })}
                     </Button>
                 </Modal.Actions>
             </Modal>
@@ -167,24 +169,24 @@ export const StatisticalValidationsTable = (props: StatisticalValidationsTablePr
 
             {/* Table */}
             <PaginatedTable<StatisticalValidationForTable>
-                headerTitle='Statistical validations'
+                headerTitle={intl.formatMessage({ id: 'statValidationsTable.headerTitle' })}
                 headers={[
-                    { name: 'Name', serverCodeToSort: 'name', width: 3 },
-                    { name: 'Description', serverCodeToSort: 'description', width: 4 },
-                    { name: 'State', serverCodeToSort: 'state', textAlign: 'center' },
-                    { name: 'Model', textAlign: 'center', width: 2 },
-                    { name: 'Date', serverCodeToSort: 'created' },
-                    { name: 'Datasets' },
-                    { name: 'Actions' }
+                    { name: intl.formatMessage({ id: 'common.name' }), serverCodeToSort: 'name', width: 3 },
+                    { name: intl.formatMessage({ id: 'common.description' }), serverCodeToSort: 'description', width: 4 },
+                    { name: intl.formatMessage({ id: 'common.state' }), serverCodeToSort: 'state', textAlign: 'center' },
+                    { name: intl.formatMessage({ id: 'statValidationsTable.headers.model' }), textAlign: 'center', width: 2 },
+                    { name: intl.formatMessage({ id: 'common.date' }), serverCodeToSort: 'created' },
+                    { name: intl.formatMessage({ id: 'statValidationsTable.headers.datasets' }) },
+                    { name: intl.formatMessage({ id: 'common.actions' }) }
                 ]}
                 queryParams={{ biomarker_pk: props.selectedBiomarker.id }}
                 defaultSortProp={{ sortField: 'created', sortOrderAscendant: false }}
                 showSearchInput
-                searchLabel='Name'
-                searchPlaceholder='Search by name or description'
+                searchLabel={intl.formatMessage({ id: 'common.name' })}
+                searchPlaceholder={intl.formatMessage({ id: 'common.search' }) + ' ' + intl.formatMessage({ id: 'common.name' }) + ' / ' + intl.formatMessage({ id: 'common.description' })}
                 urlToRetrieveData={urlBiomarkerStatisticalValidations}
                 customElements={[
-                    <Form.Field key={1} className='custom-table-field' title='New statistical validation'>
+                    <Form.Field key={1} className='custom-table-field' title={intl.formatMessage({ id: 'statValidationsTable.newStatValidation' })}>
                         <Button primary icon onClick={() => { props.setOpenModalNewStatValidation(true) }}>
                             <Icon name='add' />
                         </Button>
@@ -223,14 +225,14 @@ export const StatisticalValidationsTable = (props: StatisticalValidationsTablePr
                                         onClick={() => { props.openStatResult(statisticalValidation) }}
                                         className='clickable'
                                         color='blue'
-                                        title='See results'
+                                        title={intl.formatMessage({ id: 'statValidationsTable.actions.seeResults' })}
                                     />
                                 )}
 
                                 {/* Stop button */}
                                 {isInProcess && (
                                     <StopExperimentButton
-                                        title='Stop statistical validation'
+                                        title={intl.formatMessage({ id: 'statValidationsTable.actions.stopValidation' })}
                                         onClick={() => setStatValidationToStop(statisticalValidation)}
                                     />
                                 )}
@@ -239,7 +241,7 @@ export const StatisticalValidationsTable = (props: StatisticalValidationsTablePr
                                 {/** Todo: revisar ownerId */}
                                 {!isInProcess && (
                                     <DeleteButton
-                                        title='Delete statistical validation'
+                                        title={intl.formatMessage({ id: 'statValidationsTable.actions.deleteValidation' })}
                                         onClick={() => setStatValidationToRemove(statisticalValidation)}
                                         ownerId={null}
                                     />
diff --git a/src/frontend/static/frontend/src/components/biomarkers/biomarker-details-modal/stat-validations/result/SamplesAndGroupsTable.tsx b/src/frontend/static/frontend/src/components/biomarkers/biomarker-details-modal/stat-validations/result/SamplesAndGroupsTable.tsx
index 751b26b3..e73e8a50 100644
--- a/src/frontend/static/frontend/src/components/biomarkers/biomarker-details-modal/stat-validations/result/SamplesAndGroupsTable.tsx
+++ b/src/frontend/static/frontend/src/components/biomarkers/biomarker-details-modal/stat-validations/result/SamplesAndGroupsTable.tsx
@@ -3,6 +3,7 @@ import { SampleAndCluster, StatisticalValidationForTable } from '../../../types'
 import { Table } from 'semantic-ui-react'
 import { PaginatedTable } from '../../../../common/PaginatedTable'
 import { TableCellWithTitle } from '../../../../common/TableCellWithTitle'
+import { useIntl } from 'react-intl'
 
 declare const urlStatisticalValidationSamplesAndClusters: string
 declare const urlClustersUniqueStatValidation: string
@@ -19,19 +20,20 @@ interface SamplesAndGroupsTableProps {
  */
 export const SamplesAndGroupsTable = (props: SamplesAndGroupsTableProps) => {
     /* TODO: implement here the colors for background too */
+    const intl = useIntl()
     return (
         <PaginatedTable<SampleAndCluster>
             headers={[
-                { name: 'Sample', serverCodeToSort: 'sample', width: 3 },
-                { name: 'Cluster', serverCodeToSort: 'cluster', width: 2 }
+                { name: intl.formatMessage({ id: 'common.sample' }), serverCodeToSort: 'sample', width: 3 },
+                { name: intl.formatMessage({ id: 'common.cluster' }), serverCodeToSort: 'cluster', width: 2 }
             ]}
             queryParams={{ statistical_validation_pk: props.selectedStatisticalValidation.id }}
             customFilters={[
                 {
-                    label: 'Cluster',
+                    label: intl.formatMessage({ id: 'common.cluster' }),
                     keyForServer: 'cluster',
                     defaultValue: '',
-                    placeholder: 'Filter by cluster',
+                    placeholder: intl.formatMessage({ id: 'samplesAndGroupsTable.filter.cluster.placeholder' }),
                     allowZero: true,
                     urlToRetrieveOptions: `${urlClustersUniqueStatValidation}/${props.selectedStatisticalValidation.id}/`
                 }
@@ -39,8 +41,8 @@ export const SamplesAndGroupsTable = (props: SamplesAndGroupsTableProps) => {
             defaultSortProp={{ sortField: 'sample', sortOrderAscendant: false }}
             showSearchInput
             defaultPageSize={25}
-            searchLabel='Sample'
-            searchPlaceholder='Search by sample'
+            searchLabel={intl.formatMessage({ id: 'common.sample' })}
+            searchPlaceholder={intl.formatMessage({ id: 'common.search' }) + ' ' + intl.formatMessage({ id: 'common.sample' })}
             urlToRetrieveData={urlStatisticalValidationSamplesAndClusters}
             mapFunction={(sampleAndCluster: SampleAndCluster) => {
                 return (
diff --git a/src/frontend/static/frontend/src/components/biomarkers/biomarker-details-modal/stat-validations/result/StatisticalValidationResultBestFeatures.tsx b/src/frontend/static/frontend/src/components/biomarkers/biomarker-details-modal/stat-validations/result/StatisticalValidationResultBestFeatures.tsx
index e924468c..885243bf 100644
--- a/src/frontend/static/frontend/src/components/biomarkers/biomarker-details-modal/stat-validations/result/StatisticalValidationResultBestFeatures.tsx
+++ b/src/frontend/static/frontend/src/components/biomarkers/biomarker-details-modal/stat-validations/result/StatisticalValidationResultBestFeatures.tsx
@@ -5,6 +5,7 @@ import ky from 'ky'
 import { alertGeneralError } from '../../../../../utils/util_functions'
 import ReactApexChart from 'react-apexcharts'
 import { ResultPlaceholder } from '../result/ResultPlaceholder'
+import { useIntl } from 'react-intl'
 
 /** Epsilon to add to the min/max value of coefficients. */
 const EPSILON = 1
@@ -23,6 +24,7 @@ interface StatisticalValidationResultBestFeaturesProps {
  * @returns Component
  */
 export const StatisticalValidationResultBestFeatures = (props: StatisticalValidationResultBestFeaturesProps) => {
+    const intl = useIntl()
     const abortController = useRef(new AbortController())
     const [loading, setLoading] = useState(false)
     const [statValidationData, setStatValidationData] = useState<Nullable<MoleculeWithCoefficient[]>>(null)
@@ -76,7 +78,7 @@ export const StatisticalValidationResultBestFeatures = (props: StatisticalValida
     const moleculesNames = statValidationData ? statValidationData.map((elem) => elem.identifier) : []
 
     const chartSeries: ApexAxisChartSeries = [{
-        name: 'Coefficient',
+        name: intl.formatMessage({ id: 'common.coefficient' }),
         data: coefficients
     }]
 
@@ -111,7 +113,8 @@ export const StatisticalValidationResultBestFeatures = (props: StatisticalValida
         },
         yaxis: {
             title: {
-                text: 'Molecule'
+                text: intl.formatMessage({ id: 'statValidationBestFeatures.axis.molecule' })
+
             }
         },
         tooltip: {
@@ -125,14 +128,16 @@ export const StatisticalValidationResultBestFeatures = (props: StatisticalValida
         xaxis: {
             categories: moleculesNames,
             title: {
-                text: 'Coefficient'
+                text: intl.formatMessage({ id: 'common.coefficient' })
+
             },
             type: 'category',
             min: Math.ceil(Math.min(...coefficients) - EPSILON),
             max: Math.ceil(Math.max(...coefficients) + EPSILON)
         },
         noData: {
-            text: 'No significant features found for this statistical validation'
+            text: intl.formatMessage({ id: 'common.noDetails' }) + ' ' + intl.formatMessage({ id: 'statValidationBestFeatures.context.features' })
+
         }
     }
 
diff --git a/src/frontend/static/frontend/src/components/biomarkers/biomarker-details-modal/stat-validations/result/StatisticalValidationResultKaplanMeier.tsx b/src/frontend/static/frontend/src/components/biomarkers/biomarker-details-modal/stat-validations/result/StatisticalValidationResultKaplanMeier.tsx
index 04828701..d3c6ed4b 100644
--- a/src/frontend/static/frontend/src/components/biomarkers/biomarker-details-modal/stat-validations/result/StatisticalValidationResultKaplanMeier.tsx
+++ b/src/frontend/static/frontend/src/components/biomarkers/biomarker-details-modal/stat-validations/result/StatisticalValidationResultKaplanMeier.tsx
@@ -9,6 +9,7 @@ import { InfoPopup } from '../../../../pipeline/experiment-result/gene-gem-detai
 import { ResultPlaceholder } from './ResultPlaceholder'
 import { SamplesAndGroupsTable } from './SamplesAndGroupsTable'
 import { debounce } from 'lodash'
+import { useIntl } from 'react-intl'
 
 declare const urlStatisticalValidationKaplanMeierClustering: string
 declare const urlStatisticalValidationKaplanMeierByAttr: string
@@ -30,6 +31,7 @@ type KaplanMeierStrategy = 'clustering' | 'clinical_attribute'
  * @returns Component
  */
 export const StatisticalValidationResultKaplanMeier = (props: StatisticalValidationResultKaplanMeierProps) => {
+    const intl = useIntl()
     const abortController = useRef(new AbortController())
     const hasClusteringModel = props.selectedStatisticalValidation.fitness_function === FitnessFunction.CLUSTERING
     const [loadingKaplanMeier, setLoadingKaplanMeier] = useState(false)
@@ -174,8 +176,8 @@ export const StatisticalValidationResultKaplanMeier = (props: StatisticalValidat
                     data={kaplanMeierData.groups}
                     height={480}
                     width={600}
-                    xAxisLabel='Time'
-                    yAxisLabel='Probability'
+                    xAxisLabel={intl.formatMessage({ id: 'kaplanMeier.axis.time' })}
+                    yAxisLabel={intl.formatMessage({ id: 'kaplanMeier.axis.probability' })}
                 />
             )
         }
@@ -194,13 +196,13 @@ export const StatisticalValidationResultKaplanMeier = (props: StatisticalValidat
                 <GridColumn textAlign='center' mobile={16} tablet={16} computer={4}>
                     {/* Clustering metrics. */}
                     <InfoPopup
-                        content='This metrics are computed using Cox-Regression'
+                        content={intl.formatMessage({ id: 'kaplanMeier.info.coxRegression' })}
                         onTop
                         onEvent='click'
                         extraClassName='margin-left-5'
                     />
 
-                    <Header as='h2' dividing>Clustering metrics</Header>
+                    <Header as='h2' dividing>{intl.formatMessage({ id: 'kaplanMeier.header.clusteringMetrics' })}</Header>
 
                     <Form>
                         {hasClusteringModel && (
@@ -213,14 +215,14 @@ export const StatisticalValidationResultKaplanMeier = (props: StatisticalValidat
                                         onClick={() => setKaplanMeierStrategy('clustering')}
                                         active={kaplanMeierStrategy === 'clustering'}
                                     >
-                                        Clustering model
+                                        {intl.formatMessage({ id: 'kaplanMeier.button.clusteringModel' })}
                                     </Button>
 
                                     <Button
                                         onClick={() => setKaplanMeierStrategy('clinical_attribute')}
                                         active={kaplanMeierStrategy === 'clinical_attribute'}
                                     >
-                                        Group by clinical
+                                        {intl.formatMessage({ id: 'kaplanMeier.button.groupByClinical' })}
                                     </Button>
                                 </Button.Group>
                             </Form.Field>
@@ -236,7 +238,7 @@ export const StatisticalValidationResultKaplanMeier = (props: StatisticalValidat
                                 search
                                 value={selectedClinicalAttribute}
                                 onChange={(_, { value }) => { setSelectedClinicalAttribute(value as string) }}
-                                placeholder='Clinical attribute to group by'
+                                placeholder={intl.formatMessage({ id: 'kaplanMeier.select.clinicalAttribute' })}
                                 disabled={clinicalAttributesOptions.length === 0}
                             />
                         )}
@@ -245,11 +247,11 @@ export const StatisticalValidationResultKaplanMeier = (props: StatisticalValidat
                     {/* TODO: add InfoPopups for every metric and their interpretation. */}
                     <Statistic className='margin-top-5 margin-bottom-5'>
                         <Statistic.Value>{kaplanMeierData ? kaplanMeierData.concordance_index.toFixed(3) : '-'}</Statistic.Value>
-                        <Statistic.Label>C-Index</Statistic.Label>
+                        <Statistic.Label>{intl.formatMessage({ id: 'kaplanMeier.metric.cIndex' })}</Statistic.Label>
                     </Statistic>
                     <Statistic>
                         <Statistic.Value>{kaplanMeierData ? kaplanMeierData.log_likelihood.toFixed(3) : '-'}</Statistic.Value>
-                        <Statistic.Label>Partial Log-Likelihood</Statistic.Label>
+                        <Statistic.Label>{intl.formatMessage({ id: 'kaplanMeier.metric.partialLogLikelihood' })}</Statistic.Label>
                     </Statistic>
 
                     {/* Samples and clusters modal. */}
@@ -259,17 +261,17 @@ export const StatisticalValidationResultKaplanMeier = (props: StatisticalValidat
                             onOpen={() => setShowSamplesAndClusters(true)}
                             closeIcon={<Icon name='close' size='large' />}
                             open={showSamplesAndClusters}
-                            trigger={<Button primary fluid>See samples and clusters</Button>}
+                            trigger={<Button primary fluid>{intl.formatMessage({ id: 'kaplanMeier.button.seeSamplesAndClusters' })}</Button>}
                         >
                             <Modal.Header>
                                 <Icon name='users' />
-                                Samples and clusters
+                                {intl.formatMessage({ id: 'kaplanMeier.modal.samplesAndClusters' })}
                             </Modal.Header>
                             <Modal.Content>
                                 <SamplesAndGroupsTable selectedStatisticalValidation={props.selectedStatisticalValidation} />
                             </Modal.Content>
                             <Modal.Actions>
-                                <Button onClick={() => setShowSamplesAndClusters(false)}>Close</Button>
+                                <Button onClick={() => setShowSamplesAndClusters(false)}>{intl.formatMessage({ id: 'common.close' })}</Button>
                             </Modal.Actions>
                         </Modal>
                     )}
diff --git a/src/frontend/static/frontend/src/components/biomarkers/biomarker-details-modal/stat-validations/result/StatisticalValidationResultMetrics.tsx b/src/frontend/static/frontend/src/components/biomarkers/biomarker-details-modal/stat-validations/result/StatisticalValidationResultMetrics.tsx
index 44253483..9cb24bd1 100644
--- a/src/frontend/static/frontend/src/components/biomarkers/biomarker-details-modal/stat-validations/result/StatisticalValidationResultMetrics.tsx
+++ b/src/frontend/static/frontend/src/components/biomarkers/biomarker-details-modal/stat-validations/result/StatisticalValidationResultMetrics.tsx
@@ -5,6 +5,7 @@ import ky from 'ky'
 import { alertGeneralError } from '../../../../../utils/util_functions'
 import { Header, Placeholder, Segment, Statistic } from 'semantic-ui-react'
 import { ModelDetailsPanel } from '../../ModelDetailsPanels'
+import { useIntl } from 'react-intl'
 
 declare const urlStatisticalValidationMetrics: string
 
@@ -20,6 +21,7 @@ interface StatisticalValidationResultMetricsProps {
  * @returns Component
  */
 export const StatisticalValidationResultMetrics = (props: StatisticalValidationResultMetricsProps) => {
+    const intl = useIntl()
     const abortController = useRef(new AbortController())
     const [loadingMetrics, setLoadingMetrics] = useState(false)
     const [statValidationData, setStatValidationData] = useState<Nullable<StatisticalValidation>>(null)
@@ -72,12 +74,12 @@ export const StatisticalValidationResultMetrics = (props: StatisticalValidationR
     return (
         <>
             <Header textAlign='center' dividing as='h1'>
-                "{props.selectedStatisticalValidation.name}" metrics
+                "{props.selectedStatisticalValidation.name}" {intl.formatMessage({ id: 'statValidationMetrics.header.metrics' })}
             </Header>
 
             {/* Model details. */}
             <Segment>
-                <Header as='h2' dividing>Model details</Header>
+                <Header as='h2' dividing>{intl.formatMessage({ id: 'common.details' }) + ' ' + intl.formatMessage({ id: 'statValidationMetrics.header.model' })}</Header>
 
                 {props.selectedStatisticalValidation.trained_model !== null &&
                     <ModelDetailsPanel trainedModelPk={props.selectedStatisticalValidation.trained_model} />}
@@ -101,19 +103,19 @@ export const StatisticalValidationResultMetrics = (props: StatisticalValidationR
 
                     {(!loadingMetrics && statValidationData !== null) && (
                         <>
-                            <Header as='h2' dividing textAlign='left'>Validation metrics</Header>
+                            <Header as='h2' dividing textAlign='left'>{intl.formatMessage({ id: 'statValidationMetrics.header.validationMetrics' })}</Header>
 
                             <Statistic size='tiny'>
                                 <Statistic.Value>{statValidationData.mean_squared_error ? statValidationData.mean_squared_error.toFixed(3) : '-'}</Statistic.Value>
-                                <Statistic.Label>MSE</Statistic.Label>
+                                <Statistic.Label>{intl.formatMessage({ id: 'statValidationMetrics.metric.mse' })}</Statistic.Label>
                             </Statistic>
                             <Statistic size='tiny'>
                                 <Statistic.Value>{statValidationData.c_index ? statValidationData.c_index.toFixed(3) : '-'}</Statistic.Value>
-                                <Statistic.Label>C-Index</Statistic.Label>
+                                <Statistic.Label>{intl.formatMessage({ id: 'statValidationMetrics.metric.cIndex' })}</Statistic.Label>
                             </Statistic>
                             <Statistic size='tiny'>
                                 <Statistic.Value>{statValidationData.r2_score ? statValidationData.r2_score.toFixed(3) : '-'}</Statistic.Value>
-                                <Statistic.Label>R2 score</Statistic.Label>
+                                <Statistic.Label>{intl.formatMessage({ id: 'statValidationMetrics.metric.r2Score' })}</Statistic.Label>
                             </Statistic>
                         </>
                     )}
diff --git a/src/frontend/static/frontend/src/components/biomarkers/biomarker-details-modal/trained-models/NewClusteringModelForm.tsx b/src/frontend/static/frontend/src/components/biomarkers/biomarker-details-modal/trained-models/NewClusteringModelForm.tsx
index 6913e5cd..1b341730 100644
--- a/src/frontend/static/frontend/src/components/biomarkers/biomarker-details-modal/trained-models/NewClusteringModelForm.tsx
+++ b/src/frontend/static/frontend/src/components/biomarkers/biomarker-details-modal/trained-models/NewClusteringModelForm.tsx
@@ -4,6 +4,7 @@ import { clusteringAlgorithmOptions, clusteringMetricOptions, clusteringScoringM
 import { ClusteringMetric, ClusteringParameters } from '../../types'
 import { InfoPopup } from '../../../pipeline/experiment-result/gene-gem-details/InfoPopup'
 import { InputLabel } from '../../../common/InputLabel'
+import { useIntl } from 'react-intl'
 
 interface NewClusteringModelFormProps {
     /** Getter of the selected params to handle in the form. */
@@ -15,22 +16,16 @@ interface NewClusteringModelFormProps {
 }
 
 export const NewClusteringModelForm = (props: NewClusteringModelFormProps) => {
+    const intl = useIntl()
     return (
         <>
             <Form.Select
                 fluid
                 selectOnBlur={false}
                 label={(
-                    <InputLabel label='Algorithm'>
+                    <InputLabel label={intl.formatMessage({ id: 'common.algorithm' })}>
                         <InfoPopup
-                            content={(
-                                <>
-                                    <p>K-Means: Groups data by minimizing intra-cluster variance; effective for clustering RNA and miRNA expression profiles.</p>
-                                    <p>Spectral Clustering: Uses graph-based similarity to identify complex patterns; ideal for integrating methylation and CNA data.</p>
-                                    <p>BK-Means: A hierarchical variation of K-Means, suitable for layered clustering of clinical and multi-omics datasets.</p>
-                                    <p>Ward’s Method: Minimizes variance in hierarchical clustering; well-suited for combining RNA and methylation data in integrated analyses.</p>
-                                </>
-                            )}
+                            content={intl.formatMessage({ id: 'newClusteringForm.info.algorithm' })}
                             onTop={false}
                             onEvent='hover'
                             noBorder
@@ -39,7 +34,7 @@ export const NewClusteringModelForm = (props: NewClusteringModelFormProps) => {
                     </InputLabel>
                 )}
                 options={clusteringAlgorithmOptions}
-                placeholder='Select an algorithm'
+                placeholder={intl.formatMessage({ id: 'common.algorithm' })}
                 name='algorithm'
                 value={props.parameters.algorithm}
                 onChange={props.handleChangeParams}
@@ -48,16 +43,16 @@ export const NewClusteringModelForm = (props: NewClusteringModelFormProps) => {
             <Form.Checkbox
                 checked={props.parameters.lookForOptimalNClusters}
                 onChange={(_e, { checked }) => { props.handleChangeOptimalNClusters(checked ?? false) }}
-                label='Search for the optimal number of clusters'
+                label={intl.formatMessage({ id: 'newClusteringForm.label.searchOptimalClusters' })}
             />
 
             {!props.parameters.lookForOptimalNClusters && (
                 <Form.Input
                     type='number'
                     label={(
-                        <InputLabel label='Number of clusters'>
+                        <InputLabel label={intl.formatMessage({ id: 'common.nClusters' })}>
                             <InfoPopup
-                                content='The number of clusters to group the data into. The optimal number of clusters can be found by looking for the elbow in the curve of the sum of squared distances between samples and their closest cluster center.'
+                                content={intl.formatMessage({ id: 'newClusteringForm.info.nClusters' })}
                                 onTop={false}
                                 onEvent='hover'
                                 noBorder
@@ -77,14 +72,9 @@ export const NewClusteringModelForm = (props: NewClusteringModelFormProps) => {
                 fluid
                 selectOnBlur={false}
                 label={(
-                    <InputLabel label='Metric'>
+                    <InputLabel label={intl.formatMessage({ id: 'common.metric' })}>
                         <InfoPopup
-                            content={(
-                                <>
-                                    <p>Cox Regression: A proportional hazards model to identify associations between multi-omics features (RNA, miRNA, methylation) and clinical outcomes over time.</p>
-                                    <p>Log-Rank Test: A non-parametric test to compare the survival distributions of two or more groups; currently not available.</p>
-                                </>
-                            )}
+                            content={intl.formatMessage({ id: 'newClusteringForm.info.metric' })}
                             onTop={false}
                             onEvent='hover'
                             noBorder
@@ -93,7 +83,7 @@ export const NewClusteringModelForm = (props: NewClusteringModelFormProps) => {
                     </InputLabel>
                 )}
                 options={clusteringMetricOptions}
-                placeholder='Select a metric'
+                placeholder={intl.formatMessage({ id: 'newClusteringForm.placeholder.metric' })}
                 name='metric'
                 value={props.parameters.metric}
                 onChange={props.handleChangeParams}
@@ -105,14 +95,9 @@ export const NewClusteringModelForm = (props: NewClusteringModelFormProps) => {
                     fluid
                     selectOnBlur={false}
                     label={(
-                        <InputLabel label='Scoring method'>
+                        <InputLabel label={intl.formatMessage({ id: 'common.scoringMethod' })}>
                             <InfoPopup
-                                content={(
-                                    <>
-                                        <p>C-Index: A measure of concordance between predicted and observed survival outcomes; higher values indicate better model performance.</p>
-                                        <p>Log Likelihood: The probability of observing the data given the model; lower values indicate better model performance.</p>
-                                    </>
-                                )}
+                                content={intl.formatMessage({ id: 'newClusteringForm.info.scoringMethod' })}
                                 onTop={false}
                                 onEvent='hover'
                                 noBorder
@@ -121,7 +106,7 @@ export const NewClusteringModelForm = (props: NewClusteringModelFormProps) => {
                         </InputLabel>
                     )}
                     options={clusteringScoringMethodOptions}
-                    placeholder='Select a method'
+                    placeholder={intl.formatMessage({ id: 'newClusteringForm.placeholder.scoringMethod' })}
                     name='scoringMethod'
                     value={props.parameters.scoringMethod}
                     onChange={props.handleChangeParams}
@@ -131,9 +116,9 @@ export const NewClusteringModelForm = (props: NewClusteringModelFormProps) => {
             <Form.Group widths='equal'>
                 <Form.Input
                     label={(
-                        <InputLabel label='Random state'>
+                        <InputLabel label={intl.formatMessage({ id: 'common.randomState' })}>
                             <InfoPopup
-                                content='The seed used by the random number generator to ensure reproducibility of the results.'
+                                content={intl.formatMessage({ id: 'newClusteringForm.info.randomState' })}
                                 onTop={false}
                                 onEvent='hover'
                                 noBorder
@@ -141,7 +126,7 @@ export const NewClusteringModelForm = (props: NewClusteringModelFormProps) => {
                             />
                         </InputLabel>
                     )}
-                    placeholder='An integer number'
+                    placeholder={intl.formatMessage({ id: 'common.integerPlaceholder' })}
                     type='number'
                     step={1}
                     min={0}
@@ -152,9 +137,9 @@ export const NewClusteringModelForm = (props: NewClusteringModelFormProps) => {
 
                 <Form.Input
                     label={(
-                        <InputLabel label='Penalizer'>
+                        <InputLabel label={intl.formatMessage({ id: 'common.penalizer' })}>
                             <InfoPopup
-                                content='This option is useful when the number of samples in the clinical data is small or there are few observed events, setting this value increases the robustness of the model in such cases avoiding problems with NaN values'
+                                content={intl.formatMessage({ id: 'newClusteringForm.info.penalizer' })}
                                 onTop={false}
                                 onEvent='hover'
                                 noBorder
@@ -162,7 +147,7 @@ export const NewClusteringModelForm = (props: NewClusteringModelFormProps) => {
                             />
                         </InputLabel>
                     )}
-                    placeholder='An integer number'
+                    placeholder={intl.formatMessage({ id: 'common.integerPlaceholder' })}
                     type='number'
                     step={0.1}
                     min={0}
diff --git a/src/frontend/static/frontend/src/components/biomarkers/biomarker-details-modal/trained-models/NewRFModelForm.tsx b/src/frontend/static/frontend/src/components/biomarkers/biomarker-details-modal/trained-models/NewRFModelForm.tsx
index 4b3b09b6..0b27fdc0 100644
--- a/src/frontend/static/frontend/src/components/biomarkers/biomarker-details-modal/trained-models/NewRFModelForm.tsx
+++ b/src/frontend/static/frontend/src/components/biomarkers/biomarker-details-modal/trained-models/NewRFModelForm.tsx
@@ -3,6 +3,7 @@ import { Form, InputOnChangeData } from 'semantic-ui-react'
 import { RFParameters } from '../../types'
 import { InfoPopup } from '../../../pipeline/experiment-result/gene-gem-details/InfoPopup'
 import { InputLabel } from '../../../common/InputLabel'
+import { useIntl } from 'react-intl'
 
 interface NewSVMModelFormProps {
     /** Getter of the selected params to handle in the form. */
@@ -14,6 +15,7 @@ interface NewSVMModelFormProps {
 }
 
 export const NewRFModelForm = (props: NewSVMModelFormProps) => {
+    const intl = useIntl()
     // TODO: add an InfoPopup for all the inputs
     const lookForOptimalNEstimators = props.parameters.lookForOptimalNEstimators
     return (
@@ -23,9 +25,9 @@ export const NewRFModelForm = (props: NewSVMModelFormProps) => {
                 checked={lookForOptimalNEstimators}
                 onChange={(_e, { checked }) => { props.handleChangeOptimalNEstimators(checked ?? false) }}
                 label={(
-                    <InputLabel label='Search for the optimal number of trees'>
+                    <InputLabel label={intl.formatMessage({ id: 'newRFForm.label.searchOptimalTrees' })}>
                         <InfoPopup
-                            content='This option is useful when the number of samples in the clinical data is small or there are few observed events, setting this value increases the robustness of the model in such cases avoiding problems with NaN values'
+                            content={intl.formatMessage({ id: 'newRFForm.info.searchOptimalTrees' })}
                             onTop={false}
                             onEvent='hover'
                             noBorder
@@ -40,9 +42,9 @@ export const NewRFModelForm = (props: NewSVMModelFormProps) => {
                     <Form.Input
                         fluid
                         label={(
-                            <InputLabel label='Number of trees'>
+                            <InputLabel label={intl.formatMessage({ id: 'newRFForm.label.nEstimators' })}>
                                 <InfoPopup
-                                    content='The number of trees in the forest'
+                                    content={intl.formatMessage({ id: 'newRFForm.info.nEstimators' })}
                                     onTop={false}
                                     onEvent='hover'
                                     noBorder
@@ -63,9 +65,9 @@ export const NewRFModelForm = (props: NewSVMModelFormProps) => {
                 <Form.Input
                     fluid
                     label={(
-                        <InputLabel label='Max depth'>
+                        <InputLabel label={intl.formatMessage({ id: 'newRFForm.label.maxDepth' })}>
                             <InfoPopup
-                                content='The maximum depth of the tree'
+                                content={intl.formatMessage({ id: 'newRFForm.info.maxDepth' })}
                                 onTop={false}
                                 onEvent='hover'
                                 noBorder
@@ -73,7 +75,7 @@ export const NewRFModelForm = (props: NewSVMModelFormProps) => {
                             />
                         </InputLabel>
                     )}
-                    placeholder='An integer number'
+                    placeholder={intl.formatMessage({ id: 'common.integerNumber' })}
                     type='number'
                     min={3}
                     name='maxDepth'
@@ -85,9 +87,9 @@ export const NewRFModelForm = (props: NewSVMModelFormProps) => {
             <Form.Input
                 fluid
                 label={(
-                    <InputLabel label='Random state'>
+                    <InputLabel label={intl.formatMessage({ id: 'common.randomState' })}>
                         <InfoPopup
-                            content='Seed used by the random number generator'
+                            content={intl.formatMessage({ id: 'newRFForm.info.randomState' })}
                             onTop={false}
                             onEvent='hover'
                             noBorder
@@ -95,7 +97,7 @@ export const NewRFModelForm = (props: NewSVMModelFormProps) => {
                         />
                     </InputLabel>
                 )}
-                placeholder='An integer number'
+                placeholder={intl.formatMessage({ id: 'common.integerNumber' })}
                 type='number'
                 step={1}
                 min={0}
diff --git a/src/frontend/static/frontend/src/components/biomarkers/biomarker-details-modal/trained-models/NewSVMModelForm.tsx b/src/frontend/static/frontend/src/components/biomarkers/biomarker-details-modal/trained-models/NewSVMModelForm.tsx
index 855eef47..1bd32569 100644
--- a/src/frontend/static/frontend/src/components/biomarkers/biomarker-details-modal/trained-models/NewSVMModelForm.tsx
+++ b/src/frontend/static/frontend/src/components/biomarkers/biomarker-details-modal/trained-models/NewSVMModelForm.tsx
@@ -4,6 +4,7 @@ import { SVMKernelOptions } from '../../utils'
 import { SVMParameters } from '../../types'
 import { InfoPopup } from '../../../pipeline/experiment-result/gene-gem-details/InfoPopup'
 import { InputLabel } from '../../../common/InputLabel'
+import { useIntl } from 'react-intl'
 
 interface NewSVMModelFormProps {
     /** Getter of the selected params to handle in the form. */
@@ -13,6 +14,7 @@ interface NewSVMModelFormProps {
 }
 
 export const NewSVMModelForm = (props: NewSVMModelFormProps) => {
+    const intl = useIntl()
     return (
         <>
             <Form.Select
@@ -23,9 +25,9 @@ export const NewSVMModelForm = (props: NewSVMModelFormProps) => {
                         <InfoPopup
                             content={(
                                 <>
-                                    <p>Linear Kernel: Best for linearly separable data; commonly used for simple genomic or clinical feature classification.</p>
-                                    <p>Polynomial Kernel: Captures non-linear patterns; effective for complex relationships in multi-omics data.</p>
-                                    <p>RBF Kernel: Maps data to a higher-dimensional space; ideal for handling non-linear separations in RNA and methylation analyses.</p>
+                                    <p>{intl.formatMessage({ id: 'newSVMForm.info.kernel.linear' })}</p>
+                                    <p>{intl.formatMessage({ id: 'newSVMForm.info.kernel.polynomial' })}</p>
+                                    <p>{intl.formatMessage({ id: 'newSVMForm.info.kernel.rbf' })}</p>
                                 </>
                             )}
                             onTop={false}
@@ -36,7 +38,7 @@ export const NewSVMModelForm = (props: NewSVMModelFormProps) => {
                     </InputLabel>
                 )}
                 options={SVMKernelOptions}
-                placeholder='Select a kernel'
+                placeholder={intl.formatMessage({ id: 'newSVMForm.placeholder.kernel' })}
                 name='kernel'
                 value={props.parameters.kernel}
                 onChange={props.handleChangeParams}
@@ -46,9 +48,9 @@ export const NewSVMModelForm = (props: NewSVMModelFormProps) => {
                 <Form.Input
                     fluid
                     label={(
-                        <InputLabel label='Max iterations'>
+                        <InputLabel label={intl.formatMessage({ id: 'newSVMForm.label.maxIterations' })}>
                             <InfoPopup
-                                content='The maximum number of iterations to be run'
+                                content={intl.formatMessage({ id: 'newSVMForm.info.maxIterations' })}
                                 onTop={false}
                                 onEvent='hover'
                                 noBorder
@@ -65,9 +67,9 @@ export const NewSVMModelForm = (props: NewSVMModelFormProps) => {
                 <Form.Input
                     fluid
                     label={(
-                        <InputLabel label='Random state'>
+                        <InputLabel label={intl.formatMessage({ id: 'common.randomState' })}>
                             <InfoPopup
-                                content='Seed used by the random number generator'
+                                content={intl.formatMessage({ id: 'newSVMForm.info.randomState' })}
                                 onTop={false}
                                 onEvent='hover'
                                 noBorder
@@ -75,7 +77,7 @@ export const NewSVMModelForm = (props: NewSVMModelFormProps) => {
                             />
                         </InputLabel>
                     )}
-                    placeholder='An integer number'
+                    placeholder={intl.formatMessage({ id: 'common.integerNumber' })}
                     type='number'
                     step={1}
                     min={0}
diff --git a/src/frontend/static/frontend/src/components/biomarkers/biomarker-details-modal/trained-models/NewTrainedModelModal.tsx b/src/frontend/static/frontend/src/components/biomarkers/biomarker-details-modal/trained-models/NewTrainedModelModal.tsx
index 24ddf58b..f95be817 100644
--- a/src/frontend/static/frontend/src/components/biomarkers/biomarker-details-modal/trained-models/NewTrainedModelModal.tsx
+++ b/src/frontend/static/frontend/src/components/biomarkers/biomarker-details-modal/trained-models/NewTrainedModelModal.tsx
@@ -12,7 +12,7 @@ import { NewClusteringModelForm } from './NewClusteringModelForm'
 import { NewRFModelForm } from './NewRFModelForm'
 import { InfoPopup } from '../../../pipeline/experiment-result/gene-gem-details/InfoPopup'
 import { InputLabel } from '../../../common/InputLabel'
-
+import { useIntl } from 'react-intl'
 declare const urlNewTrainedModel: string
 
 /** NewTrainedModelModal props. */
@@ -79,6 +79,7 @@ const getDefaultNewTrainedModelData = (): NewTrainedModelData => ({
  * @returns Component.
  */
 export const NewTrainedModelModal = (props: NewTrainedModelModalProps) => {
+    const intl = useIntl()
     const [form, setForm] = useState<NewTrainedModelData>(getDefaultNewTrainedModelData())
     const [currentStep, setCurrentStep] = useState<1 | 2>(1)
     const [sendingData, setSendingData] = useState(false)
@@ -409,7 +410,7 @@ export const NewTrainedModelModal = (props: NewTrainedModelModalProps) => {
                     <Grid>
                         <Grid.Row columns={3} divided>
                             <Grid.Column width={5}>
-                                <Header as='h4'>Select a new model to train</Header>
+                                <Header as='h4'>{intl.formatMessage({ id: 'newTrainedModelModal.header.selectModel' })}</Header>
 
                                 <Form>
                                     <Form.Field
@@ -425,7 +426,7 @@ export const NewTrainedModelModal = (props: NewTrainedModelModalProps) => {
                             {/* Specific model params */}
                             <Grid.Column width={6}>
                                 {selectedFitnessFunction !== null &&
-                                    <Header as='h4'>Select model parameters</Header>}
+                                    <Header as='h4'>{intl.formatMessage({ id: 'newTrainedModelModal.header.selectModelParameters' })}</Header>}
 
                                 <Form>
                                     {getModelForm()}
@@ -434,14 +435,14 @@ export const NewTrainedModelModal = (props: NewTrainedModelModalProps) => {
 
                             {/* Specific model params */}
                             <Grid.Column width={5}>
-                                <Header as='h4'>Select Cross Validation parameters</Header>
+                                <Header as='h4'>{intl.formatMessage({ id: 'newTrainedModelModal.header.selectCVParameters' })}</Header>
 
                                 <Form.Input
                                     fluid
                                     label={(
-                                        <InputLabel label='Number of folds'>
+                                        <InputLabel label={intl.formatMessage({ id: 'common.numberOfFolds' })}>
                                             <InfoPopup
-                                                content='Defines the number of data splits for cross-validation; ensures robust model evaluation and prevents overfitting.'
+                                                content={intl.formatMessage({ id: 'newTrainedModelModal.info.numberOfFolds' })}
                                                 onTop={false}
                                                 onEvent='hover'
                                                 noBorder
@@ -449,7 +450,7 @@ export const NewTrainedModelModal = (props: NewTrainedModelModalProps) => {
                                             />
                                         </InputLabel>
                                     )}
-                                    placeholder='An integer number'
+                                    placeholder={intl.formatMessage({ id: 'common.integerNumber' })}
                                     type='number'
                                     step={1}
                                     min={3}
@@ -516,18 +517,18 @@ export const NewTrainedModelModal = (props: NewTrainedModelModalProps) => {
         >
             <Modal.Header>
                 <Icon name='code branch' />
-                Create new trained model
+                {intl.formatMessage({ id: 'newTrainedModelModal.header.create' })}
             </Modal.Header>
             <Modal.Content>
                 <Grid>
                     <Grid.Row columns={2} divided>
                         <Grid.Column width={4}>
-                            <Header dividing as='h2'>Basic data</Header>
+                            <Header dividing as='h2'>{intl.formatMessage({ id: 'common.basicData' })}</Header>
 
                             <Form>
                                 <Form.Input
                                     icon='asterisk'
-                                    placeholder='Name'
+                                    placeholder={intl.formatMessage({ id: 'common.name' })}
                                     name='name'
                                     value={form.name}
                                     onChange={(_, { name, value }) => handleInputChanges(name, value)}
@@ -535,7 +536,7 @@ export const NewTrainedModelModal = (props: NewTrainedModelModalProps) => {
                                 />
 
                                 <Form.TextArea
-                                    placeholder='Description (optional)'
+                                    placeholder={intl.formatMessage({ id: 'common.descriptionOptional' })}
                                     name='description'
                                     value={form.description ?? undefined}
                                     onChange={(_, { name, value }) => handleInputChanges(name, value as string | undefined)}
@@ -543,7 +544,7 @@ export const NewTrainedModelModal = (props: NewTrainedModelModalProps) => {
                             </Form>
 
                             <div className='margin-top-2'>
-                                <Icon name='asterisk' /> Required field
+                                <Icon name='asterisk' /> {intl.formatMessage({ id: 'common.requiredField' })}
                             </div>
                         </Grid.Column>
                         <Grid.Column className='column-fixed-height' width={12}>
@@ -552,7 +553,7 @@ export const NewTrainedModelModal = (props: NewTrainedModelModalProps) => {
                                 <Step active={currentStep === 1} completed={currentStep > 1} link onClick={() => { setCurrentStep(1) }}>
                                     <Icon name='list' />
                                     <Step.Content>
-                                        <Step.Title>Step 1: Training parameters</Step.Title>
+                                        <Step.Title>{intl.formatMessage({ id: 'newTrainedModelModal.step1.trainingParameters' })}</Step.Title>
                                     </Step.Content>
                                 </Step>
                                 <Step
@@ -568,7 +569,7 @@ export const NewTrainedModelModal = (props: NewTrainedModelModalProps) => {
                                 >
                                     <Icon name='boxes' />
                                     <Step.Content>
-                                        <Step.Title>Step 2: Training datasets</Step.Title>
+                                        <Step.Title>{intl.formatMessage({ id: 'newTrainedModelModal.step2.trainingDatasets' })}</Step.Title>
                                     </Step.Content>
                                 </Step>
                             </Step.Group>
@@ -582,7 +583,7 @@ export const NewTrainedModelModal = (props: NewTrainedModelModalProps) => {
                 </Grid>
             </Modal.Content>
             <Modal.Actions>
-                <Button onClick={() => props.setShowNewTrainedModelModal(false)}>Cancel</Button>
+                <Button onClick={() => props.setShowNewTrainedModelModal(false)}>{intl.formatMessage({ id: 'common.cancel' })}</Button>
 
                 {/* Submit StatisticalAnalysis button */}
                 <Button
@@ -597,7 +598,8 @@ export const NewTrainedModelModal = (props: NewTrainedModelModalProps) => {
                     }}
                     disabled={isLastStep ? !formIsValid() : !modelIsValid}
                 >
-                    {isLastStep ? 'Confirm' : 'Continue'}
+                    {isLastStep ? intl.formatMessage({ id: 'common.confirm' }) : intl.formatMessage({ id: 'common.continue' })}
+
                 </Button>
             </Modal.Actions>
         </Modal>
diff --git a/src/frontend/static/frontend/src/components/biomarkers/labels/BiomarkerStateLabel.tsx b/src/frontend/static/frontend/src/components/biomarkers/labels/BiomarkerStateLabel.tsx
index 84bc037d..5d0e27e7 100644
--- a/src/frontend/static/frontend/src/components/biomarkers/labels/BiomarkerStateLabel.tsx
+++ b/src/frontend/static/frontend/src/components/biomarkers/labels/BiomarkerStateLabel.tsx
@@ -2,6 +2,7 @@ import React from 'react'
 import { Icon } from 'semantic-ui-react'
 import { StateIconInfo } from '../../../utils/interfaces'
 import { BiomarkerState } from '../types'
+import { useIntl } from 'react-intl'
 
 /** BiomarkerStateLabel props. */
 interface BiomarkerStateLabelProps {
@@ -15,6 +16,7 @@ interface BiomarkerStateLabelProps {
  * @returns Component.
  */
 export const BiomarkerStateLabel = (props: BiomarkerStateLabelProps) => {
+    const intl = useIntl()
     let stateIcon: StateIconInfo
 
     switch (props.biomarkerState) {
@@ -23,7 +25,7 @@ export const BiomarkerStateLabel = (props: BiomarkerStateLabelProps) => {
                 iconName: 'check',
                 color: 'green',
                 loading: false,
-                title: 'The experiment is complete'
+                title: intl.formatMessage({ id: 'biomarkerState.completed' })
             }
             break
         case BiomarkerState.FINISHED_WITH_ERROR:
@@ -31,7 +33,7 @@ export const BiomarkerStateLabel = (props: BiomarkerStateLabelProps) => {
                 iconName: 'times',
                 color: 'red',
                 loading: false,
-                title: 'The experiment has finished with errors. Try again'
+                title: intl.formatMessage({ id: 'biomarkerState.finishedWithError' })
             }
             break
         case BiomarkerState.WAITING_FOR_QUEUE:
@@ -39,7 +41,8 @@ export const BiomarkerStateLabel = (props: BiomarkerStateLabelProps) => {
                 iconName: 'wait',
                 color: 'yellow',
                 loading: false,
-                title: 'The process of this experiment will start soon'
+                title: intl.formatMessage({ id: 'biomarkerState.waitingForQueue' })
+
             }
             break
         case BiomarkerState.NO_SAMPLES_IN_COMMON:
@@ -47,7 +50,7 @@ export const BiomarkerStateLabel = (props: BiomarkerStateLabelProps) => {
                 iconName: 'user outline',
                 color: 'red',
                 loading: false,
-                title: 'Datasets don\'t have samples in common'
+                title: intl.formatMessage({ id: 'biomarkerState.noSamplesInCommon' })
             }
             break
         case BiomarkerState.IN_PROCESS:
@@ -55,14 +58,14 @@ export const BiomarkerStateLabel = (props: BiomarkerStateLabelProps) => {
                 iconName: 'sync alternate',
                 color: 'yellow',
                 loading: true,
-                title: 'The experiment is being processed'
+                title: intl.formatMessage({ id: 'biomarkerState.inProcess' })
             }
             break
         case BiomarkerState.STOPPING:
             stateIcon = {
                 iconName: 'stop',
                 loading: false,
-                title: 'The experiment is being stopped',
+                title: intl.formatMessage({ id: 'biomarkerState.stopping' }),
                 className: 'experiment-stopping-icon'
             }
             break
@@ -71,7 +74,7 @@ export const BiomarkerStateLabel = (props: BiomarkerStateLabelProps) => {
                 iconName: 'stop',
                 color: 'red',
                 loading: false,
-                title: 'The experiment was stopped'
+                title: intl.formatMessage({ id: 'biomarkerState.stopped' })
             }
             break
         case BiomarkerState.REACHED_ATTEMPTS_LIMIT:
@@ -79,7 +82,7 @@ export const BiomarkerStateLabel = (props: BiomarkerStateLabelProps) => {
                 iconName: 'undo',
                 color: 'red',
                 loading: false,
-                title: 'The experiment has failed several times. Try changing some parameters and try again'
+                title: intl.formatMessage({ id: 'biomarkerState.reachedAttemptsLimit' })
             }
             break
         case BiomarkerState.NO_FEATURES_FOUND:
@@ -87,7 +90,7 @@ export const BiomarkerStateLabel = (props: BiomarkerStateLabelProps) => {
                 iconName: 'times rectangle',
                 color: 'red',
                 loading: false,
-                title: 'No features were found. Try changing some parameters and try again'
+                title: intl.formatMessage({ id: 'biomarkerState.noFeaturesFound' })
             }
             break
         case BiomarkerState.EMPTY_DATASET:
@@ -95,7 +98,7 @@ export const BiomarkerStateLabel = (props: BiomarkerStateLabelProps) => {
                 iconName: 'user times',
                 color: 'red',
                 loading: false,
-                title: 'After filtering out invalid values such as NaN or inf, there were no molecules or samples to make inference. Perhaps the requested molecules do not exist in the dataset, or all patients contain NaN or inf data. Try changing the dataset used or correct your data and try again.'
+                title: intl.formatMessage({ id: 'biomarkerState.emptyDataset' })
             }
             break
         case BiomarkerState.NO_VALID_MOLECULES:
@@ -103,7 +106,7 @@ export const BiomarkerStateLabel = (props: BiomarkerStateLabelProps) => {
                 iconName: 'browser',
                 color: 'red',
                 loading: false,
-                title: 'The dataset used has not enough molecules to compute the experiment (i.e.: has different molecules than the specified in the Biomarker). Select other dataset and try again'
+                title: intl.formatMessage({ id: 'biomarkerState.noValidMolecules' })
             }
             break
         case BiomarkerState.NUMBER_OF_SAMPLES_FEWER_THAN_CV_FOLDS:
@@ -111,7 +114,7 @@ export const BiomarkerStateLabel = (props: BiomarkerStateLabelProps) => {
                 iconName: 'user times',
                 color: 'red',
                 loading: false,
-                title: 'There is a less number of members of each class than the number of CrossValidation folds. We tried to set a lower split number but it still failed. Try selecting a larger dataset and try again'
+                title: intl.formatMessage({ id: 'biomarkerState.numberOfSamplesFewerThanCvFolds' })
             }
             break
         case BiomarkerState.TIMEOUT_EXCEEDED:
@@ -119,7 +122,7 @@ export const BiomarkerStateLabel = (props: BiomarkerStateLabelProps) => {
                 iconName: 'wait',
                 color: 'red',
                 loading: false,
-                title: 'The analysis has reached the timeout limit. Try changing some parameters and try again'
+                title: intl.formatMessage({ id: 'biomarkerState.timeoutExceeded' })
             }
             break
     }
diff --git a/src/frontend/static/frontend/src/components/biomarkers/labels/SVMKernelTask.tsx b/src/frontend/static/frontend/src/components/biomarkers/labels/SVMKernelTask.tsx
index d057d8d3..dc48b2b2 100644
--- a/src/frontend/static/frontend/src/components/biomarkers/labels/SVMKernelTask.tsx
+++ b/src/frontend/static/frontend/src/components/biomarkers/labels/SVMKernelTask.tsx
@@ -1,6 +1,7 @@
 import React from 'react'
 import { Label, SemanticCOLORS } from 'semantic-ui-react'
 import { SVMTask } from '../types'
+import { useIntl } from 'react-intl'
 
 /** SVMKernelTask props. */
 interface SVMKernelTaskProps {
@@ -16,17 +17,18 @@ interface SVMKernelTaskProps {
  * @returns Component.
  */
 export const SVMKernelTask = (props: SVMKernelTaskProps) => {
+    const intl = useIntl()
     let color: SemanticCOLORS
     let description: string
 
     switch (props.task) {
         case SVMTask.REGRESSION:
             color = 'green'
-            description = 'Regression'
+            description = intl.formatMessage({ id: 'svmTask.regression' })
             break
         case SVMTask.RANKING:
             color = 'blue'
-            description = 'Ranking'
+            description = intl.formatMessage({ id: 'svmTask.ranking' })
             break
         default:
             color = 'blue'
diff --git a/src/frontend/static/frontend/src/components/biomarkers/labels/TrainedModelStateLabel.tsx b/src/frontend/static/frontend/src/components/biomarkers/labels/TrainedModelStateLabel.tsx
index f6e78007..148c92fd 100644
--- a/src/frontend/static/frontend/src/components/biomarkers/labels/TrainedModelStateLabel.tsx
+++ b/src/frontend/static/frontend/src/components/biomarkers/labels/TrainedModelStateLabel.tsx
@@ -2,6 +2,7 @@ import React from 'react'
 import { Icon } from 'semantic-ui-react'
 import { StateIconInfo } from '../../../utils/interfaces'
 import { TrainedModelState } from '../types'
+import { useIntl } from 'react-intl'
 
 /** TrainedModelStateLabel props. */
 interface TrainedModelStateLabelProps {
@@ -17,6 +18,7 @@ interface TrainedModelStateLabelProps {
  * @returns Component.
  */
 export const TrainedModelStateLabel = (props: TrainedModelStateLabelProps) => {
+    const intl = useIntl()
     let stateIcon: StateIconInfo
 
     switch (props.trainedModelStateState) {
@@ -25,7 +27,11 @@ export const TrainedModelStateLabel = (props: TrainedModelStateLabelProps) => {
                 iconName: 'check',
                 color: props.cvFoldsWereModified ? 'orange' : 'green',
                 loading: false,
-                title: 'The experiment is complete' + (props.cvFoldsWereModified ? ' (number of CrossValidation folds were modified to be stratified)' : '')
+                title: intl.formatMessage(
+                    { id: 'trainedModelState.completed' },
+                    { cvModified: props.cvFoldsWereModified }
+                )
+
             }
             break
         case TrainedModelState.FINISHED_WITH_ERROR:
@@ -33,7 +39,7 @@ export const TrainedModelStateLabel = (props: TrainedModelStateLabelProps) => {
                 iconName: 'times',
                 color: 'red',
                 loading: false,
-                title: 'The experiment has finished with errors. Try again'
+                title: intl.formatMessage({ id: 'trainedModelState.finishedWithError' })
             }
             break
         case TrainedModelState.WAITING_FOR_QUEUE:
@@ -41,7 +47,8 @@ export const TrainedModelStateLabel = (props: TrainedModelStateLabelProps) => {
                 iconName: 'wait',
                 color: 'yellow',
                 loading: false,
-                title: 'The process of this experiment will start soon'
+                title: intl.formatMessage({ id: 'trainedModelState.waitingForQueue' })
+
             }
             break
         case TrainedModelState.NO_SAMPLES_IN_COMMON:
@@ -49,7 +56,8 @@ export const TrainedModelStateLabel = (props: TrainedModelStateLabelProps) => {
                 iconName: 'user outline',
                 color: 'red',
                 loading: false,
-                title: 'Datasets don\'t have samples in common'
+                title: intl.formatMessage({ id: 'trainedModelState.noSamplesInCommon' })
+
             }
             break
         case TrainedModelState.IN_PROCESS:
@@ -57,14 +65,15 @@ export const TrainedModelStateLabel = (props: TrainedModelStateLabelProps) => {
                 iconName: 'sync alternate',
                 color: 'yellow',
                 loading: true,
-                title: 'The experiment is being processed'
+                title: intl.formatMessage({ id: 'trainedModelState.inProcess' })
+
             }
             break
         case TrainedModelState.STOPPING:
             stateIcon = {
                 iconName: 'stop',
                 loading: false,
-                title: 'The experiment is being stopped',
+                title: intl.formatMessage({ id: 'trainedModelState.stopping' }),
                 className: 'experiment-stopping-icon'
             }
             break
@@ -73,7 +82,8 @@ export const TrainedModelStateLabel = (props: TrainedModelStateLabelProps) => {
                 iconName: 'stop',
                 color: 'red',
                 loading: false,
-                title: 'The experiment was stopped'
+                title: intl.formatMessage({ id: 'trainedModelState.stopped' })
+
             }
             break
         case TrainedModelState.REACHED_ATTEMPTS_LIMIT:
@@ -81,7 +91,8 @@ export const TrainedModelStateLabel = (props: TrainedModelStateLabelProps) => {
                 iconName: 'undo',
                 color: 'red',
                 loading: false,
-                title: 'The experiment has failed several times. Try changing some parameters and try again'
+                title: intl.formatMessage({ id: 'trainedModelState.reachedAttemptsLimit' })
+
             }
             break
         case TrainedModelState.NO_FEATURES_FOUND:
@@ -89,7 +100,8 @@ export const TrainedModelStateLabel = (props: TrainedModelStateLabelProps) => {
                 iconName: 'times rectangle',
                 color: 'red',
                 loading: false,
-                title: 'No features were found. Try changing some parameters and try again'
+                title: intl.formatMessage({ id: 'trainedModelState.noFeaturesFound' })
+
             }
             break
         case TrainedModelState.NO_BEST_MODEL_FOUND:
@@ -97,7 +109,8 @@ export const TrainedModelStateLabel = (props: TrainedModelStateLabelProps) => {
                 iconName: 'target',
                 color: 'red',
                 loading: false,
-                title: 'No model could be obtained. Maybe there are fewer samples than number of folds in the CrossValidation or the data presents high collinearity. Try changing some parameters as penalizer or number of folds in the CV process and try again'
+                title: intl.formatMessage({ id: 'trainedModelState.noBestModelFound' })
+
             }
             break
         case TrainedModelState.NUMBER_OF_SAMPLES_FEWER_THAN_CV_FOLDS:
@@ -105,7 +118,7 @@ export const TrainedModelStateLabel = (props: TrainedModelStateLabelProps) => {
                 iconName: 'user times',
                 color: 'red',
                 loading: false,
-                title: 'There is a less number of members of each class than the number of CrossValidation folds. We tried to set a lower split number but it still failed. Try selecting a larger dataset and try again'
+                title: intl.formatMessage({ id: 'trainedModelState.numberOfSamplesFewerThanCvFolds' })
             }
             break
         case TrainedModelState.MODEL_DUMP_NOT_AVAILABLE:
@@ -113,7 +126,8 @@ export const TrainedModelStateLabel = (props: TrainedModelStateLabelProps) => {
                 iconName: 'target',
                 color: 'orange',
                 loading: false,
-                title: 'The Feature Selection process has finished correctly, but there was a problem obtaining the model. Try training a new model'
+                title: intl.formatMessage({ id: 'trainedModelState.modelDumpNotAvailable' })
+
             }
             break
         case TrainedModelState.TIMEOUT_EXCEEDED:
@@ -121,7 +135,8 @@ export const TrainedModelStateLabel = (props: TrainedModelStateLabelProps) => {
                 iconName: 'wait',
                 color: 'red',
                 loading: false,
-                title: 'The training process has reached the timeout limit. Try changing some parameters and try again'
+                title: intl.formatMessage({ id: 'trainedModelState.timeoutExceeded' })
+
             }
             break
         case TrainedModelState.EMPTY_DATASET:
@@ -129,7 +144,8 @@ export const TrainedModelStateLabel = (props: TrainedModelStateLabelProps) => {
                 iconName: 'user times',
                 color: 'red',
                 loading: false,
-                title: 'After filtering out invalid values such as NaN or inf, there were no molecules or samples to train the model. Perhaps the requested molecules do not exist in the dataset, or all patients contain NaN or inf data. Try changing the dataset used or correct your data and try again.'
+                title: intl.formatMessage({ id: 'trainedModelState.emptyDataset' })
+
             }
             break
     }
diff --git a/src/frontend/static/frontend/src/components/biomarkers/modalContentBiomarker/biomarkerTypeSelection/BiomarkerTypeSelection.tsx b/src/frontend/static/frontend/src/components/biomarkers/modalContentBiomarker/biomarkerTypeSelection/BiomarkerTypeSelection.tsx
index 88e6f6ff..ed4f9994 100644
--- a/src/frontend/static/frontend/src/components/biomarkers/modalContentBiomarker/biomarkerTypeSelection/BiomarkerTypeSelection.tsx
+++ b/src/frontend/static/frontend/src/components/biomarkers/modalContentBiomarker/biomarkerTypeSelection/BiomarkerTypeSelection.tsx
@@ -1,6 +1,7 @@
 import React from 'react'
 import { Card, Grid, Header, Image } from 'semantic-ui-react'
 import { BiomarkerOrigin } from '../../types'
+import { useIntl } from 'react-intl'
 
 /** BiomarkerTypeSelection props. */
 interface BiomarkerTypeSelectionProps {
@@ -8,16 +9,17 @@ interface BiomarkerTypeSelectionProps {
 }
 
 export const BiomarkerTypeSelection = (props: BiomarkerTypeSelectionProps) => {
+    const intl = useIntl()
     const cards = [
         {
-            title: 'Emtpy',
-            description: 'Create an empty Biomarker. You can later add molecules or features (genes, microRNAs, DNA methylation, CNAs) that will make up the biomarker',
+            title: intl.formatMessage({ id: 'biomarkerType.empty.title' }),
+            description: intl.formatMessage({ id: 'biomarkerType.empty.description' }),
             action: () => props.handleSelectModal(BiomarkerOrigin.MANUAL),
             image: '/static/frontend/img/biomarkers/Empty.png'
         },
         {
-            title: 'Feature Selection/ML',
-            description: 'As a starting point, you can select a previously discovered Biomarker, a well-known Biomarker, or a superset of genes that you would like to test. This method will select the molecular subset that fits the better prediction',
+            title: intl.formatMessage({ id: 'biomarkerType.featureSelection.title' }),
+            description: intl.formatMessage({ id: 'biomarkerType.featureSelection.description' }),
             action: () => props.handleSelectModal(BiomarkerOrigin.FEATURE_SELECTION),
             image: '/static/frontend/img/biomarkers/Fs3.png'
         }
@@ -25,13 +27,14 @@ export const BiomarkerTypeSelection = (props: BiomarkerTypeSelectionProps) => {
     return (
         <>
             <Header as='h2' textAlign='center'>
-                Create a new Biomarker
+                {intl.formatMessage({ id: 'biomarkerType.createNew' })}
+
             </Header>
 
             <Grid stackable>
                 <Grid.Row columns={3} className='grid--container'>
                     <Grid.Column width={16}>
-                        <h2 className='text--subtitle'>Choose type of Biomarker</h2>
+                        <h2 className='text--subtitle'>{intl.formatMessage({ id: 'biomarkerType.chooseType' })}</h2>
                     </Grid.Column>
                     {
                         cards.map(card => (
diff --git a/src/frontend/static/frontend/src/components/biomarkers/modalContentBiomarker/featureSelectionPanel/CrossValidationInput.tsx b/src/frontend/static/frontend/src/components/biomarkers/modalContentBiomarker/featureSelectionPanel/CrossValidationInput.tsx
index cda33116..5f84535c 100644
--- a/src/frontend/static/frontend/src/components/biomarkers/modalContentBiomarker/featureSelectionPanel/CrossValidationInput.tsx
+++ b/src/frontend/static/frontend/src/components/biomarkers/modalContentBiomarker/featureSelectionPanel/CrossValidationInput.tsx
@@ -1,5 +1,6 @@
 import React from 'react'
 import { Form } from 'semantic-ui-react'
+import { useIntl } from 'react-intl'
 
 /** CrossValidationInput props. */
 interface CrossValidationInputProps {
@@ -14,18 +15,24 @@ interface CrossValidationInputProps {
  * @param props Component props.
  * @returns Component.
  */
-export const CrossValidationInput = (props: CrossValidationInputProps) => (
-    <Form.Input
-        fluid
-        style={{ minWidth: '180px', maxWidth: '100% ' }}
-        label='Number of folds'
-        placeholder='An integer number'
-        type='number'
-        step={1}
-        min={3}
-        max={10}
-        name='folds'
-        value={props.value ?? ''}
-        onChange={(_, { name, value }) => { props.handleChange(name, value as any) }}
-    />
-)
+export const CrossValidationInput = (props: CrossValidationInputProps) => {
+    const intl = useIntl()
+
+    return (
+        <Form.Input
+            fluid
+            style={{ minWidth: '180px', maxWidth: '100% ' }}
+            label={intl.formatMessage({ id: 'common.numberOfFolds' })}
+            placeholder={intl.formatMessage({ id: 'common.integerPlaceholder' })}
+            type='number'
+            step={1}
+            min={3}
+            max={10}
+            name='folds'
+            value={props.value ?? ''}
+            onChange={(_, { name, value }) => {
+                props.handleChange(name, value as any)
+            }}
+        />
+    )
+}
diff --git a/src/frontend/static/frontend/src/components/biomarkers/modalContentBiomarker/featureSelectionPanel/FeatureSelectionPanel.tsx b/src/frontend/static/frontend/src/components/biomarkers/modalContentBiomarker/featureSelectionPanel/FeatureSelectionPanel.tsx
index ca1dd35a..7b5cf16d 100644
--- a/src/frontend/static/frontend/src/components/biomarkers/modalContentBiomarker/featureSelectionPanel/FeatureSelectionPanel.tsx
+++ b/src/frontend/static/frontend/src/components/biomarkers/modalContentBiomarker/featureSelectionPanel/FeatureSelectionPanel.tsx
@@ -1,5 +1,6 @@
 import React from 'react'
 import { Button, Grid, Icon, Modal, Segment, Step } from 'semantic-ui-react'
+import { useIntl } from 'react-intl'
 import { DjangoCGDSStudy, DjangoUserFile, RowHeader } from '../../../../utils/django_interfaces'
 import { Source, SourceType } from '../../../../utils/interfaces'
 import { PaginationCustomFilter } from '../../../common/PaginatedTable'
@@ -38,6 +39,8 @@ interface FeatureSelectionPanelProps {
  * @returns Component.
  */
 export const FeatureSelectionPanel = (props: FeatureSelectionPanelProps) => {
+    const intl = useIntl()
+
     /**
      * Generates default table's headers
      * @returns Default object for table's headers
@@ -45,7 +48,7 @@ export const FeatureSelectionPanel = (props: FeatureSelectionPanelProps) => {
     const getDefaultHeaders = (): RowHeader<Biomarker>[] => [
         { name: 'Name', serverCodeToSort: 'name', width: 3 },
         { name: 'Description', serverCodeToSort: 'description', width: 4 },
-        { name: 'Tag', serverCodeToSort: 'tag', width: 2 },
+        { name: intl.formatMessage({ id: 'featureSelectionPanel.tag' }), serverCodeToSort: 'tag', width: 2 },
         { name: 'Date', serverCodeToSort: 'upload_date' },
         { name: '# mRNAS', serverCodeToSort: 'number_of_mrnas', width: 1 },
         { name: '# miRNAS', serverCodeToSort: 'number_of_mirnas', width: 1 },
@@ -183,19 +186,23 @@ export const FeatureSelectionPanel = (props: FeatureSelectionPanelProps) => {
                                 <Step active={props.featureSelection.step === 1} completed={props.featureSelection.step > 1} onClick={() => handleGoBackPanel(props.handleGoBackStep1, props.featureSelection.step > 1)}>
                                     <Icon name='list' />
                                     <Step.Content>
-                                        <Step.Title>Step 1: {props.featureSelection.biomarker?.id ? `Selected ${props.featureSelection.biomarker?.name}` : 'Select biomarker'}</Step.Title>
+                                        <Step.Title>
+                                            {intl.formatMessage({ id: 'featureSelectionPanel.step1' })}: {props.featureSelection.biomarker?.id
+                                                ? intl.formatMessage({ id: 'featureSelectionPanel.selectedBiomarker' }, { biomarker: props.featureSelection.biomarker?.name })
+                                                : intl.formatMessage({ id: 'featureSelectionPanel.selectBiomarker' })}
+                                        </Step.Title>
                                     </Step.Content>
                                 </Step>
                                 <Step active={props.featureSelection.step === 2} completed={props.featureSelection.step > 2} disabled={props.featureSelection.step === 1} onClick={() => handleGoBackPanel(props.handleGoBackStep2, props.featureSelection.step > 2)}>
                                     <Icon name='boxes' />
                                     <Step.Content>
-                                        <Step.Title>Step 2: Datasets</Step.Title>
+                                        <Step.Title>{intl.formatMessage({ id: 'featureSelectionPanel.step2' })}</Step.Title>
                                     </Step.Content>
                                 </Step>
                                 <Step active={props.featureSelection.step === 3} completed={props.featureSelection.step > 3} disabled={props.featureSelection.step < 3}>
                                     <Icon name='lab' />
                                     <Step.Content>
-                                        <Step.Title>Step 3: Feature selection</Step.Title>
+                                        <Step.Title>{intl.formatMessage({ id: 'featureSelectionPanel.step3' })}</Step.Title>
                                     </Step.Content>
                                 </Step>
                             </Step.Group>
diff --git a/src/frontend/static/frontend/src/components/biomarkers/modalContentBiomarker/featureSelectionPanel/steps/FeatureSelectionForm.tsx b/src/frontend/static/frontend/src/components/biomarkers/modalContentBiomarker/featureSelectionPanel/steps/FeatureSelectionForm.tsx
index d010e9fb..b8f94491 100644
--- a/src/frontend/static/frontend/src/components/biomarkers/modalContentBiomarker/featureSelectionPanel/steps/FeatureSelectionForm.tsx
+++ b/src/frontend/static/frontend/src/components/biomarkers/modalContentBiomarker/featureSelectionPanel/steps/FeatureSelectionForm.tsx
@@ -7,6 +7,7 @@ import { fitnessFunctionsOptions } from '../../../utils'
 import { RFPanel } from './algorithms/RFPanel'
 import { RandomStateInput } from '../RandomStateInput'
 import { CrossValidationInput } from '../CrossValidationInput'
+import { useIntl } from 'react-intl'
 
 /** FeatureSelectionForm props. */
 interface FeatureSelectionFormProps {
@@ -35,6 +36,8 @@ export const FeatureSelectionForm = (props: FeatureSelectionFormProps) => {
         isExpertOn
     } = props
 
+    const intl = useIntl()
+
     /**
      * Returns the panel with the options of the selected fitness function.
      * @returns Component.
@@ -51,7 +54,7 @@ export const FeatureSelectionForm = (props: FeatureSelectionFormProps) => {
                         <div style={{ display: isExpertOn ? 'inherit' : 'none', padding: '10px' }}>
                             <Form.Group style={{ display: isExpertOn ? 'flex' : 'none', flexDirection: 'row', alignItems: 'start' }}>
                                 <span style={{ fontSize: '12px', color: '#6c757d', opacity: 0.8, marginRight: '10px' }}>
-                                    Search for the optimal number of clusters (soon)
+                                    {intl.formatMessage({ id: 'featureSelection.searchOptimalClusters' })}
                                 </span>
                                 <Form.Checkbox
                                     checked={fitnessFunctionParameters.clusteringParameters.lookForOptimalNClusters}
@@ -65,7 +68,7 @@ export const FeatureSelectionForm = (props: FeatureSelectionFormProps) => {
                                         fluid
                                         style={{ minWidth: '180px', maxWidth: '100% ' }}
                                         type='number'
-                                        label='Number of clusters'
+                                        label={intl.formatMessage({ id: 'common.nClusters' })}
                                         name='nClusters'
                                         min={2}
                                         max={10}
@@ -89,7 +92,7 @@ export const FeatureSelectionForm = (props: FeatureSelectionFormProps) => {
                                     fluid
                                     style={{ minWidth: '180px', maxWidth: '100% ' }}
                                     type='number'
-                                    label='Penalizer'
+                                    label={intl.formatMessage({ id: 'common.penalizer' })}
                                     name='penalizer'
                                     min={0}
                                     value={fitnessFunctionParameters.clusteringParameters.penalizer}
@@ -118,7 +121,7 @@ export const FeatureSelectionForm = (props: FeatureSelectionFormProps) => {
                         <Form.Group widths='equal' style={{ display: isExpertOn ? 'inherit' : 'none' }}>
                             <Form.Input
                                 fluid
-                                label='Max iterations'
+                                label={intl.formatMessage({ id: 'featureSelection.maxIterations' })}
                                 placeholder='100-2000'
                                 name='maxIterations'
                                 value={fitnessFunctionParameters.svmParameters.maxIterations}
diff --git a/src/frontend/static/frontend/src/components/biomarkers/modalContentBiomarker/featureSelectionPanel/steps/FeatureSelectionStep1.tsx b/src/frontend/static/frontend/src/components/biomarkers/modalContentBiomarker/featureSelectionPanel/steps/FeatureSelectionStep1.tsx
index 5cae4187..241cd25e 100644
--- a/src/frontend/static/frontend/src/components/biomarkers/modalContentBiomarker/featureSelectionPanel/steps/FeatureSelectionStep1.tsx
+++ b/src/frontend/static/frontend/src/components/biomarkers/modalContentBiomarker/featureSelectionPanel/steps/FeatureSelectionStep1.tsx
@@ -6,6 +6,7 @@ import { PaginatedTable, PaginationCustomFilter } from '../../../../common/Pagin
 import { TableCellWithTitle } from '../../../../common/TableCellWithTitle'
 import { TagLabel } from '../../../../common/TagLabel'
 import { Biomarker, FeatureSelectionPanelData } from '../../../types'
+import { useIntl } from 'react-intl'
 
 declare const urlBiomarkersCRUD: string
 
@@ -27,10 +28,11 @@ export const FeatureSelectionStep1 = (props: FeatureSelectionStep1Props) => {
         markBiomarkerAsSelected,
         handleCompleteStep1
     } = props
+    const intl = useIntl()
 
     return (
         <PaginatedTable<Biomarker>
-            headerTitle='Biomarkers'
+            headerTitle={intl.formatMessage({ id: 'featureSelectionStep1.headerTitle' })}
             headers={defaultHeaders}
             customFilters={customFilters}
             queryParams={{
@@ -38,8 +40,8 @@ export const FeatureSelectionStep1 = (props: FeatureSelectionStep1Props) => {
             }}
             defaultSortProp={{ sortField: 'upload_date', sortOrderAscendant: false }}
             showSearchInput
-            searchLabel='Name'
-            searchPlaceholder='Search by name'
+            searchLabel={intl.formatMessage({ id: 'common.name' })}
+            searchPlaceholder={intl.formatMessage({ id: 'featureSelectionStep1.searchPlaceholder' })}
             urlToRetrieveData={urlBiomarkersCRUD}
             updateWSKey='update_biomarkers'
             mapFunction={(biomarker: Biomarker) => (
diff --git a/src/frontend/static/frontend/src/components/biomarkers/modalContentBiomarker/featureSelectionPanel/steps/FeatureSelectionStep3.tsx b/src/frontend/static/frontend/src/components/biomarkers/modalContentBiomarker/featureSelectionPanel/steps/FeatureSelectionStep3.tsx
index 42cbcb54..80a6d2f9 100644
--- a/src/frontend/static/frontend/src/components/biomarkers/modalContentBiomarker/featureSelectionPanel/steps/FeatureSelectionStep3.tsx
+++ b/src/frontend/static/frontend/src/components/biomarkers/modalContentBiomarker/featureSelectionPanel/steps/FeatureSelectionStep3.tsx
@@ -6,6 +6,7 @@ import { BBHAAdvanced } from './advancedMode/BBHAAdvanced'
 import { CoxRegressionAdvanced } from './advancedMode/CoxRegressionAdvanced'
 import { getNumberOfMoleculesOfBiomarker } from '../../../utils'
 import { GAAdvanced } from './advancedMode/GAAdvanced'
+import { useIntl } from 'react-intl'
 
 declare const maxFeaturesBlindSearch: number
 declare const minFeaturesMetaheuristics: number
@@ -31,6 +32,7 @@ export const FeatureSelectionStep3 = (props: FeatureSelectionStep3Props) => {
         handleChangeAdvanceAlgorithm,
         handleSwitchAdvanceAlgorithm
     } = props
+    const intl = useIntl()
 
     const numberOfMolecules = useMemo(
         () => getNumberOfMoleculesOfBiomarker(props.featureSelection.selectedBiomarker),
@@ -135,21 +137,21 @@ export const FeatureSelectionStep3 = (props: FeatureSelectionStep3Props) => {
         <Form className='selection-step-container selection-step-algorithm'>
             <div className='selection-step-container-selection-confg'>
                 <Form.Select
-                    label='Algorithm'
+                    label={intl.formatMessage({ id: 'common.algorithm' })}
                     selectOnBlur={false}
                     className='selection-select selection-all-space'
-                    placeholder='Algorithm'
+                    placeholder={intl.formatMessage({ id: 'common.algorithm' })}
                     name='moleculeSelected'
                     options={[
                         {
                             key: FeatureSelectionAlgorithm.BLIND_SEARCH,
-                            text: 'Blind Search',
+                            text: intl.formatMessage({ id: 'featureSelectionStep3.blindSearch' }),
                             value: FeatureSelectionAlgorithm.BLIND_SEARCH,
                             disabled: blindSearchIsDisabled
                         },
                         {
                             key: FeatureSelectionAlgorithm.GA,
-                            text: 'Genetic Algorithms',
+                            text: intl.formatMessage({ id: 'featureSelectionStep3.geneticAlgorithms' }),
                             value: FeatureSelectionAlgorithm.GA,
                             disabled: metaheuristicsAreDisabled
                         },
@@ -180,7 +182,7 @@ export const FeatureSelectionStep3 = (props: FeatureSelectionStep3Props) => {
                     onClick={() => handleSwitchAdvanceAlgorithm()}
                     className='selection-step-button-advance-mode'
                 >
-                    Expert mode
+                    {intl.formatMessage({ id: 'featureSelectionStep3.expertMode' })}
                 </Form.Button>
             </div>
             <Segment>
diff --git a/src/frontend/static/frontend/src/components/biomarkers/modalContentBiomarker/featureSelectionPanel/steps/advancedMode/BBHAAdvanced.tsx b/src/frontend/static/frontend/src/components/biomarkers/modalContentBiomarker/featureSelectionPanel/steps/advancedMode/BBHAAdvanced.tsx
index c7cb645a..2eaec944 100644
--- a/src/frontend/static/frontend/src/components/biomarkers/modalContentBiomarker/featureSelectionPanel/steps/advancedMode/BBHAAdvanced.tsx
+++ b/src/frontend/static/frontend/src/components/biomarkers/modalContentBiomarker/featureSelectionPanel/steps/advancedMode/BBHAAdvanced.tsx
@@ -4,6 +4,7 @@ import { InfoPopup } from '../../../../../pipeline/experiment-result/gene-gem-de
 import { advanceBBHAOptions, improvedBBHACoeff1Options, improvedBBHACoeff2Options } from '../../../../utils'
 import { AdvancedBBHA, BBHAVersion } from '../../../../types'
 import { ExternalLink } from '../../../../../common/ExternalLink'
+import { useIntl } from 'react-intl'
 
 declare const sparkIntegrationIsEnabled: boolean
 declare const minIterationsMetaheuristics: number
@@ -21,12 +22,17 @@ interface BBHAAdvancedProps {
  * Simple component for explanation over coeff1 and coeff2 parameters
  * @returns Component.
  */
-const CoeffExplanation = () => (
-    <p>
-        Coefficient specified in the
-        <ExternalLink href='https://www.tandfonline.com/doi/full/10.1080/0305215X.2018.1540697'>improved Binary Black Hole Algorithm</ExternalLink>
-    </p>
-)
+const CoeffExplanation = () => {
+    const intl = useIntl()
+    return (
+        <p>
+            {intl.formatMessage({ id: 'bbha.coefficientExplanation' })}{' '}
+            <ExternalLink href='https://www.tandfonline.com/doi/full/10.1080/0305215X.2018.1540697'>
+                improved Binary Black Hole Algorithm
+            </ExternalLink>
+        </p>
+    )
+}
 
 /**
  * Renders a form to set some advanced parameters for the BBHA algorithm.
@@ -34,6 +40,7 @@ const CoeffExplanation = () => (
  * @returns Component.
  */
 export const BBHAAdvanced = (props: BBHAAdvancedProps) => {
+    const intl = useIntl()
     const { advancedData, handleChangeAdvanceAlgorithm } = props
     return (
         <Grid>
@@ -41,8 +48,8 @@ export const BBHAAdvanced = (props: BBHAAdvancedProps) => {
                 <Grid.Column width={14}>
                     <Form.Input
                         fluid
-                        label='Number of stars'
-                        placeholder='An integer number'
+                        label={intl.formatMessage({ id: 'bbha.numberOfStars' })}
+                        placeholder={intl.formatMessage({ id: 'common.integerPlaceholder' })}
                         type='number'
                         step={1}
                         min={minStarsBBHA}
@@ -62,7 +69,7 @@ export const BBHAAdvanced = (props: BBHAAdvancedProps) => {
                 </Grid.Column>
                 <Grid.Column width={2} className='advance-center-container'>
                     <InfoPopup
-                        content='Number of stars in the Binary Black Hole Algorithm. Each of these stars evaluates a different subset of features. Increasing this number increases the chances of evaluating the most optimal subset but delays more the result of the experiment'
+                        content={intl.formatMessage({ id: 'bbha.numberOfStars.info' })}
                         onTop={false}
                     />
                 </Grid.Column>
@@ -71,8 +78,8 @@ export const BBHAAdvanced = (props: BBHAAdvancedProps) => {
                 <Grid.Column width={14}>
                     <Form.Input
                         fluid
-                        label='Number of iterations'
-                        placeholder='An integer number'
+                        label={intl.formatMessage({ id: 'common.numberOfIterations' })}
+                        placeholder={intl.formatMessage({ id: 'common.integerPlaceholder' })}
                         type='number'
                         step={1}
                         min={minIterationsMetaheuristics}
@@ -93,7 +100,7 @@ export const BBHAAdvanced = (props: BBHAAdvancedProps) => {
                 </Grid.Column>
                 <Grid.Column width={2} className='advance-center-container'>
                     <InfoPopup
-                        content='Number of iterations in the Binary Black Hole Algorithm. In each of the iterations, the fitness function for each of the stars with its corresponding subset of features is computed. Increasing this number allows to evaluate more combinations of features but delays more the result of the experiment'
+                        content={intl.formatMessage({ id: 'bbha.numberOfIterations.info' })}
                         onTop={false}
                     />
                 </Grid.Column>
@@ -101,7 +108,7 @@ export const BBHAAdvanced = (props: BBHAAdvancedProps) => {
             <Grid.Row columns={2}>
                 <Grid.Column width={14}>
                     <Form.Select
-                        label='BBHA Version'
+                        label={intl.formatMessage({ id: 'bbha.version' })}
                         className='selection-select'
                         options={advanceBBHAOptions}
                         value={advancedData.BBHAVersion}
@@ -113,10 +120,12 @@ export const BBHAAdvanced = (props: BBHAAdvancedProps) => {
                         content={(
                             <>
                                 <p>
-                                    The <i>Original</i> approach executes the original Binary Black Hole Algorithm as defined in <ExternalLink href='https://www.sciencedirect.com/science/article/pii/S1568494617301242?via%3Dihub'>this article</ExternalLink>.
+                                    {intl.formatMessage({ id: 'bbha.version.original' })}{' '}
+                                    <ExternalLink href='https://www.sciencedirect.com/science/article/pii/S1568494617301242?via%3Dihub'>this article</ExternalLink>.
                                 </p>
                                 <p>
-                                    <i>Version 2</i> it is an improved version defined in this <ExternalLink href='https://www.tandfonline.com/doi/full/10.1080/0305215X.2018.1540697'>newer article</ExternalLink>
+                                    {intl.formatMessage({ id: 'bbha.version.v2' })}{' '}
+                                    <ExternalLink href='https://www.tandfonline.com/doi/full/10.1080/0305215X.2018.1540697'>newer article</ExternalLink>
                                 </p>
                             </>
                         )}
@@ -131,7 +140,7 @@ export const BBHAAdvanced = (props: BBHAAdvancedProps) => {
                     <Grid.Row columns={2}>
                         <Grid.Column width={14}>
                             <Form.Select
-                                label='Coefficient 1'
+                                label={`${intl.formatMessage({ id: 'common.coefficient' })} 1`}
                                 className='selection-select'
                                 options={improvedBBHACoeff1Options}
                                 value={advancedData.coeff1}
@@ -148,7 +157,7 @@ export const BBHAAdvanced = (props: BBHAAdvancedProps) => {
                     <Grid.Row columns={2}>
                         <Grid.Column width={14}>
                             <Form.Select
-                                label='Coefficient 2'
+                                label={`${intl.formatMessage({ id: 'common.coefficient' })} 2`}
                                 className='selection-select'
                                 options={improvedBBHACoeff2Options}
                                 value={advancedData.coeff2}
diff --git a/src/frontend/static/frontend/src/components/biomarkers/modalContentBiomarker/featureSelectionPanel/steps/advancedMode/CoxRegressionAdvanced.tsx b/src/frontend/static/frontend/src/components/biomarkers/modalContentBiomarker/featureSelectionPanel/steps/advancedMode/CoxRegressionAdvanced.tsx
index 0335ec9c..b6d68c68 100644
--- a/src/frontend/static/frontend/src/components/biomarkers/modalContentBiomarker/featureSelectionPanel/steps/advancedMode/CoxRegressionAdvanced.tsx
+++ b/src/frontend/static/frontend/src/components/biomarkers/modalContentBiomarker/featureSelectionPanel/steps/advancedMode/CoxRegressionAdvanced.tsx
@@ -2,6 +2,7 @@ import React from 'react'
 import { Form, Grid } from 'semantic-ui-react'
 import { InfoPopup } from '../../../../../pipeline/experiment-result/gene-gem-details/InfoPopup'
 import { AdvancedCoxRegression } from '../../../../types'
+import { useIntl } from 'react-intl'
 
 declare const maxFeaturesCoxRegression: number
 
@@ -17,6 +18,7 @@ interface CoxRegressionAdvancedProps {
  * @returns Component.
  */
 export const CoxRegressionAdvanced = (props: CoxRegressionAdvancedProps) => {
+    const intl = useIntl()
     const {
         advanceData,
         handleChangeAdvanceAlgorithm
@@ -27,8 +29,8 @@ export const CoxRegressionAdvanced = (props: CoxRegressionAdvancedProps) => {
                 <Grid.Column width={14}>
                     <Form.Input
                         fluid
-                        label='Keep top N'
-                        placeholder='An integer number'
+                        label={intl.formatMessage({ id: 'coxRegression.keepTopN' })}
+                        placeholder={intl.formatMessage({ id: 'common.integerPlaceholder' })}
                         type='number'
                         step={1}
                         min={1}
@@ -48,7 +50,7 @@ export const CoxRegressionAdvanced = (props: CoxRegressionAdvancedProps) => {
                 </Grid.Column>
                 <Grid.Column width={2} className='advance-center-container'>
                     <InfoPopup
-                        content='Maximum number of features to be retained after processing. The features are ordered in descending order by their coefficients, keeping the most significant ones first. If this value is left empty, all those whose coefficients are different from 0 will be retained'
+                        content={intl.formatMessage({ id: 'coxRegression.keepTopN.info' })}
                         onTop={false}
                         onEvent='hover'
                     />
diff --git a/src/frontend/static/frontend/src/components/biomarkers/modalContentBiomarker/featureSelectionPanel/steps/advancedMode/GAAdvanced.tsx b/src/frontend/static/frontend/src/components/biomarkers/modalContentBiomarker/featureSelectionPanel/steps/advancedMode/GAAdvanced.tsx
index 0724c421..7c9ee403 100644
--- a/src/frontend/static/frontend/src/components/biomarkers/modalContentBiomarker/featureSelectionPanel/steps/advancedMode/GAAdvanced.tsx
+++ b/src/frontend/static/frontend/src/components/biomarkers/modalContentBiomarker/featureSelectionPanel/steps/advancedMode/GAAdvanced.tsx
@@ -3,6 +3,7 @@ import { Checkbox, Grid, Input } from 'semantic-ui-react'
 import { InfoPopup } from '../../../../../pipeline/experiment-result/gene-gem-details/InfoPopup'
 import { AdvancedGA } from '../../../../types'
 import { ExternalLink } from '../../../../../common/ExternalLink'
+import { useIntl } from 'react-intl'
 
 declare const sparkIntegrationIsEnabled: boolean
 declare const minIterationsMetaheuristics: number
@@ -23,14 +24,16 @@ interface GAAdvancedProps {
  */
 export const GAAdvanced = (props: GAAdvancedProps) => {
     const { advancedData, handleChangeAdvanceAlgorithm } = props
+    const intl = useIntl()
+
     return (
         <Grid>
             <Grid.Row columns={2}>
                 <Grid.Column width={14}>
                     <Input
                         fluid
-                        label='Population size'
-                        placeholder='An integer number'
+                        label={intl.formatMessage({ id: 'ga.populationSize' })}
+                        placeholder={intl.formatMessage({ id: 'common.integerPlaceholder' })}
                         type='number'
                         step={1}
                         min={minPopulationSizeGA}
@@ -50,7 +53,7 @@ export const GAAdvanced = (props: GAAdvancedProps) => {
                 </Grid.Column>
                 <Grid.Column width={2} className='advance-center-container'>
                     <InfoPopup
-                        content='Number of candidate solutions (individuals or potential solutions) that coexist in each generation of the genetic algorithm. Increasing this number allows to evaluate more combinations of features but delays more the result of the experiment'
+                        content={intl.formatMessage({ id: 'ga.populationSize.info' })}
                         onTop={false}
                     />
                 </Grid.Column>
@@ -59,8 +62,8 @@ export const GAAdvanced = (props: GAAdvancedProps) => {
                 <Grid.Column width={14}>
                     <Input
                         fluid
-                        label='Mutation rate'
-                        placeholder='An float number'
+                        label={intl.formatMessage({ id: 'ga.mutationRate' })}
+                        placeholder={intl.formatMessage({ id: 'ga.floatPlaceholder' })}
                         type='number'
                         step={0.01}
                         name='mutationRate'
@@ -79,7 +82,7 @@ export const GAAdvanced = (props: GAAdvancedProps) => {
                 </Grid.Column>
                 <Grid.Column width={2} className='advance-center-container'>
                     <InfoPopup
-                        content='Determines the probability that a bit (binary digit) in a candidate solution will be altered or flipped randomly during the evolution process. This option introduces small random changes to explore new possibilities.'
+                        content={intl.formatMessage({ id: 'ga.mutationRate.info' })}
                         onTop={false}
                     />
                 </Grid.Column>
@@ -88,8 +91,8 @@ export const GAAdvanced = (props: GAAdvancedProps) => {
                 <Grid.Column width={14}>
                     <Input
                         fluid
-                        label='Number of iterations'
-                        placeholder='An integer number'
+                        label={intl.formatMessage({ id: 'common.numberOfIterations' })}
+                        placeholder={intl.formatMessage({ id: 'common.integerPlaceholder' })}
                         type='number'
                         step={1}
                         min={minIterationsMetaheuristics}
@@ -110,7 +113,7 @@ export const GAAdvanced = (props: GAAdvancedProps) => {
                 </Grid.Column>
                 <Grid.Column width={2} className='advance-center-container'>
                     <InfoPopup
-                        content='Number of iterations in the Genetic Algorithms. In each of the iterations, the fitness function for each of the stars with its corresponding subset of features is computed. Increasing this number allows to evaluate more combinations of features but delays more the result of the experiment'
+                        content={intl.formatMessage({ id: 'ga.numberOfIterations.info' })}
                         onTop={false}
                     />
                 </Grid.Column>
@@ -121,7 +124,7 @@ export const GAAdvanced = (props: GAAdvancedProps) => {
                 <Grid.Row columns={2}>
                     <Grid.Column width={14}>
                         <Checkbox
-                            label='Try to optimize using Apache Spark'
+                            label={intl.formatMessage({ id: 'ga.useSpark' })}
                             checked={advancedData.useSpark}
                             onChange={(_e, { checked }) => { handleChangeAdvanceAlgorithm('GA', 'useSpark', checked ?? false) }}
                         />
@@ -130,7 +133,9 @@ export const GAAdvanced = (props: GAAdvancedProps) => {
                         <InfoPopup
                             content={(
                                 <p>
-                                    If this option is enabled, the experiment will be executed (if possible) using <ExternalLink href='https://spark.apache.org/'>Apache Spark</ExternalLink> to optimize execution times
+                                    {intl.formatMessage({ id: 'ga.useSpark.info' })}{' '}
+                                    <ExternalLink href='https://spark.apache.org/'>Apache Spark</ExternalLink>
+
                                 </p>
                             )}
                             onTop={false}
diff --git a/src/frontend/static/frontend/src/components/biomarkers/modalContentBiomarker/featureSelectionPanel/steps/algorithms/ClusteringPanel.tsx b/src/frontend/static/frontend/src/components/biomarkers/modalContentBiomarker/featureSelectionPanel/steps/algorithms/ClusteringPanel.tsx
index c2b8c84f..fa774498 100644
--- a/src/frontend/static/frontend/src/components/biomarkers/modalContentBiomarker/featureSelectionPanel/steps/algorithms/ClusteringPanel.tsx
+++ b/src/frontend/static/frontend/src/components/biomarkers/modalContentBiomarker/featureSelectionPanel/steps/algorithms/ClusteringPanel.tsx
@@ -2,6 +2,7 @@ import React from 'react'
 import { Button, Form, Label, Segment } from 'semantic-ui-react'
 import { ClusteringMetric, ClusteringParameters, ClusteringScoringMethod } from '../../../../types'
 import { clusteringAlgorithmOptions } from '../../../../utils'
+import { useIntl } from 'react-intl'
 
 /** ClusteringPanel props. */
 interface ClusteringPanelProps {
@@ -15,14 +16,15 @@ interface ClusteringPanelProps {
  * @returns Component.
  */
 export const ClusteringPanel = (props: ClusteringPanelProps) => {
+    const intl = useIntl()
     const { settings, handleChangeFitnessFunctionOption } = props
 
     return (
         <>
             <Form.Select
-                label='Algorithm'
+                label={intl.formatMessage({ id: 'common.algorithm' })}
                 selectOnBlur={false}
-                placeholder='Clustering Algorithm'
+                placeholder={intl.formatMessage({ id: 'clustering.algorithm.placeholder' })}
                 name='moleculeSelected'
                 options={clusteringAlgorithmOptions}
                 value={settings.algorithm}
@@ -32,7 +34,8 @@ export const ClusteringPanel = (props: ClusteringPanelProps) => {
             <Form.Group className='form-group-button'>
                 <Segment className='form-gruop-button-segment'>
                     <Label attached='top'>
-                        Metric
+                        {intl.formatMessage({ id: 'common.metric' })}
+
                     </Label>
                     <Button.Group
                         compact
@@ -56,7 +59,7 @@ export const ClusteringPanel = (props: ClusteringPanelProps) => {
 
                 <Segment className='form-gruop-button-segment'>
                     <Label attached='top'>
-                        Scoring method
+                        {intl.formatMessage({ id: 'common.scoringMethod' })}
                     </Label>
                     <Button.Group
                         compact
diff --git a/src/frontend/static/frontend/src/components/biomarkers/modalContentBiomarker/featureSelectionPanel/steps/algorithms/RFPanel.tsx b/src/frontend/static/frontend/src/components/biomarkers/modalContentBiomarker/featureSelectionPanel/steps/algorithms/RFPanel.tsx
index d2a7b495..0aa7389e 100644
--- a/src/frontend/static/frontend/src/components/biomarkers/modalContentBiomarker/featureSelectionPanel/steps/algorithms/RFPanel.tsx
+++ b/src/frontend/static/frontend/src/components/biomarkers/modalContentBiomarker/featureSelectionPanel/steps/algorithms/RFPanel.tsx
@@ -1,6 +1,7 @@
 import React from 'react'
 import { Form } from 'semantic-ui-react'
 import { RFParameters } from '../../../../types'
+import { useIntl } from 'react-intl'
 
 /** RFPanel props. */
 interface RFPanelProps {
@@ -14,6 +15,7 @@ interface RFPanelProps {
  * @returns Component.
  */
 export const RFPanel = (props: RFPanelProps) => {
+    const intl = useIntl()
     const {
         parameters,
         handleChangeFitnessFunctionOption
@@ -23,7 +25,7 @@ export const RFPanel = (props: RFPanelProps) => {
         <>
             <Form.Input
                 type='number'
-                label='Number of estimators'
+                label={intl.formatMessage({ id: 'rf.numberOfEstimators' })}
                 name='nEstimators'
                 min={10}
                 max={20}
@@ -33,8 +35,8 @@ export const RFPanel = (props: RFPanelProps) => {
 
             <Form.Input
                 type='number'
-                label='Maximum depth'
-                placeholder='An integer number'
+                label={intl.formatMessage({ id: 'rf.maxDepth' })}
+                placeholder={intl.formatMessage({ id: 'common.integerPlaceholder' })}
                 name='maxDepth'
                 min={3}
                 value={parameters.maxDepth ?? ''}
diff --git a/src/frontend/static/frontend/src/components/biomarkers/modalContentBiomarker/featureSelectionPanel/steps/algorithms/SVMPanel.tsx b/src/frontend/static/frontend/src/components/biomarkers/modalContentBiomarker/featureSelectionPanel/steps/algorithms/SVMPanel.tsx
index 4fe428fb..d3bed965 100644
--- a/src/frontend/static/frontend/src/components/biomarkers/modalContentBiomarker/featureSelectionPanel/steps/algorithms/SVMPanel.tsx
+++ b/src/frontend/static/frontend/src/components/biomarkers/modalContentBiomarker/featureSelectionPanel/steps/algorithms/SVMPanel.tsx
@@ -2,6 +2,7 @@ import React from 'react'
 import { Form } from 'semantic-ui-react'
 import { SVMParameters } from '../../../../types'
 import { SVMKernelOptions } from '../../../../utils'
+import { useIntl } from 'react-intl'
 
 /** SVMPanel props. */
 interface SVMPanelProps {
@@ -15,6 +16,7 @@ interface SVMPanelProps {
  * @returns Component.
  */
 export const SVMPanel = (props: SVMPanelProps) => {
+    const intl = useIntl()
     const {
         parameters: svm,
         handleChangeFitnessFunctionOption
@@ -45,7 +47,7 @@ export const SVMPanel = (props: SVMPanelProps) => {
 
             <Form.Select
                 selectOnBlur={false}
-                placeholder='Kernel'
+                placeholder={intl.formatMessage({ id: 'svm.kernel.placeholder' })}
                 label='Kernel'
                 name='moleculeSelected'
                 options={SVMKernelOptions}
diff --git a/src/frontend/static/frontend/src/components/cgds-panel/NewCGDSDatasetForm.tsx b/src/frontend/static/frontend/src/components/cgds-panel/NewCGDSDatasetForm.tsx
index ca3f39cb..0f9f0357 100644
--- a/src/frontend/static/frontend/src/components/cgds-panel/NewCGDSDatasetForm.tsx
+++ b/src/frontend/static/frontend/src/components/cgds-panel/NewCGDSDatasetForm.tsx
@@ -4,6 +4,7 @@ import { DjangoCGDSDataset, DjangoCGDSStudy } from '../../utils/django_interface
 import { NameOfCGDSDataset, CGDSDatasetSeparator, Nullable } from '../../utils/interfaces'
 import { checkedValidityCallback } from '../../utils/util_functions'
 import { SurvivalTuplesForm } from '../survival/SurvivalTuplesForm'
+import { useIntl } from 'react-intl'
 
 /** For reusability */
 type HandleSurvivalChangesCallback = (datasetName: NameOfCGDSDataset, idx: number, name: string, value: any) => void
@@ -36,6 +37,7 @@ interface NewCGDSDatasetFormProps {
  * @returns Component
  */
 export const NewCGDSDatasetForm = (props: NewCGDSDatasetFormProps) => {
+    const intl = useIntl()
     const checkedHandleFormChanges = checkedValidityCallback(
         (name, value) => props.handleFormDatasetChanges(props.datasetName, name, value)
     )
@@ -53,7 +55,7 @@ export const NewCGDSDatasetForm = (props: NewCGDSDatasetFormProps) => {
                     onChange={checkedHandleFormChanges}
                     loading={props.addingOrEditingCGDSStudy}
                     disabled={props.addingOrEditingCGDSStudy}
-                    placeholder='File Path'
+                    placeholder={intl.formatMessage({ id: 'cgdsDatasetForm.filePath.placeholder' })}
                     maxLength={150}
                 />
 
@@ -73,7 +75,7 @@ export const NewCGDSDatasetForm = (props: NewCGDSDatasetFormProps) => {
                         { key: 'colon', text: 'Colon', value: CGDSDatasetSeparator.COLON },
                         { key: 'white_space', text: 'White space', value: CGDSDatasetSeparator.WHITE_SPACE }
                     ]}
-                    placeholder='Select separator'
+                    placeholder={intl.formatMessage({ id: 'cgdsDatasetForm.separator.placeholder' })}
                     onChange={(_, { name, value }) => props.handleFormDatasetChanges(props.datasetName, name, value)}
                 />
 
@@ -86,7 +88,7 @@ export const NewCGDSDatasetForm = (props: NewCGDSDatasetFormProps) => {
                     onChange={checkedHandleFormChanges}
                     loading={props.addingOrEditingCGDSStudy}
                     disabled={props.addingOrEditingCGDSStudy}
-                    placeholder='Observation'
+                    placeholder={intl.formatMessage({ id: 'cgdsDatasetForm.observation.placeholder' })}
                     maxLength={300}
                 />
 
@@ -100,7 +102,7 @@ export const NewCGDSDatasetForm = (props: NewCGDSDatasetFormProps) => {
                     onChange={checkedHandleFormChanges}
                     loading={props.addingOrEditingCGDSStudy}
                     disabled={props.addingOrEditingCGDSStudy}
-                    placeholder='Header Row Index (0 indexed)'
+                    placeholder={intl.formatMessage({ id: 'cgdsDatasetForm.headerRowIndex.placeholder' })}
                     min={0}
 
                 />
@@ -117,7 +119,7 @@ export const NewCGDSDatasetForm = (props: NewCGDSDatasetFormProps) => {
                     onChange={checkedHandleFormChanges}
                     loading={props.addingOrEditingCGDSStudy}
                     disabled={props.addingOrEditingCGDSStudy}
-                    placeholder="Mongo Collection's name"
+                    placeholder={intl.formatMessage({ id: 'cgdsDatasetForm.mongoName.placeholder' })}
                     pattern='^[a-zA-Z]([a-zA-Z0-9]|_)*' // Starts with a letter, the letters, numbers or '_' only
                     maxLength={100}
                 />
@@ -151,7 +153,7 @@ export const NewCGDSDatasetForm = (props: NewCGDSDatasetFormProps) => {
                 name='add'
                 color='green'
                 className='clickable pull-right'
-                title='Add dataset'
+                title={intl.formatMessage({ id: 'cgdsDatasetForm.icon.add' })}
                 disabled={props.addingOrEditingCGDSStudy}
                 onClick={() => props.addCGDSDataset(props.datasetName)}
             />
@@ -161,7 +163,7 @@ export const NewCGDSDatasetForm = (props: NewCGDSDatasetFormProps) => {
                 name='trash'
                 color='red'
                 className='clickable pull-right'
-                title='Remove dataset'
+                title={intl.formatMessage({ id: 'cgdsDatasetForm.icon.remove' })}
                 disabled={props.addingOrEditingCGDSStudy}
                 onClick={() => props.removeCGDSDataset(props.datasetName)}
             />
diff --git a/src/frontend/static/frontend/src/components/cgds-panel/NewCGDSStudyForm.tsx b/src/frontend/static/frontend/src/components/cgds-panel/NewCGDSStudyForm.tsx
index 693360b8..bac233a3 100644
--- a/src/frontend/static/frontend/src/components/cgds-panel/NewCGDSStudyForm.tsx
+++ b/src/frontend/static/frontend/src/components/cgds-panel/NewCGDSStudyForm.tsx
@@ -4,6 +4,7 @@ import { DjangoCGDSStudy } from '../../utils/django_interfaces'
 import { NameOfCGDSDataset } from '../../utils/interfaces'
 import { NewCGDSDatasetForm } from './NewCGDSDatasetForm'
 import { parseValue, checkedValidityCallback } from '../../utils/util_functions'
+import { useIntl } from 'react-intl'
 
 /**
  * Component's props
@@ -30,6 +31,7 @@ interface NewCGDSStudyFormProps {
  * @returns Component
  */
 export const NewCGDSStudyForm = (props: NewCGDSStudyFormProps) => {
+    const intl = useIntl()
     const checkedHandleFormChanges = checkedValidityCallback(props.handleFormChanges)
     const isDisabled = props.newCGDSStudy.name.trim().length === 0 &&
                     props.newCGDSStudy.description.trim().length === 0 &&
@@ -45,7 +47,7 @@ export const NewCGDSStudyForm = (props: NewCGDSStudyFormProps) => {
         <Segment>
             <Header textAlign='center'>
                 <Icon name='database' />
-                <Header.Content>Add specification of CGDS Study</Header.Content>
+                <Header.Content>{intl.formatMessage({ id: 'cgdsStudyForm.header' })}</Header.Content>
             </Header>
 
             {/* Name */}
@@ -58,7 +60,7 @@ export const NewCGDSStudyForm = (props: NewCGDSStudyFormProps) => {
                 onChange={checkedHandleFormChanges}
                 onKeyDown={props.handleKeyDown}
                 disabled={props.addingOrEditingCGDSStudy}
-                placeholder='Name'
+                placeholder={intl.formatMessage({ id: 'common.name' })}
                 maxLength={150}
             />
 
@@ -71,7 +73,7 @@ export const NewCGDSStudyForm = (props: NewCGDSStudyFormProps) => {
                 onChange={(_, { name, value }) => props.handleFormChanges(name, value)}
                 onKeyDown={props.handleKeyDown}
                 disabled={props.addingOrEditingCGDSStudy}
-                placeholder='Description'
+                placeholder={intl.formatMessage({ id: 'common.description' })}
             />
 
             {/* URL */}
@@ -84,7 +86,7 @@ export const NewCGDSStudyForm = (props: NewCGDSStudyFormProps) => {
                 onChange={checkedHandleFormChanges}
                 onKeyDown={props.handleKeyDown}
                 disabled={props.addingOrEditingCGDSStudy}
-                placeholder='URL (tar.gz/zip)'
+                placeholder={intl.formatMessage({ id: 'cgdsStudyForm.url.placeholder' })}
                 maxLength={300}
             />
 
@@ -97,7 +99,7 @@ export const NewCGDSStudyForm = (props: NewCGDSStudyFormProps) => {
                 onChange={checkedHandleFormChanges}
                 onKeyDown={props.handleKeyDown}
                 disabled={props.addingOrEditingCGDSStudy}
-                placeholder='URL of extra info'
+                placeholder={intl.formatMessage({ id: 'cgdsStudyForm.urlInfo.placeholder' })}
                 maxLength={300}
             />
 
@@ -106,7 +108,7 @@ export const NewCGDSStudyForm = (props: NewCGDSStudyFormProps) => {
             {/* Dataset */}
             <Header textAlign='center'>
                 <Icon name='file archive' />
-                <Header.Content>CGDS Datasets</Header.Content>
+                <Header.Content>{intl.formatMessage({ id: 'cgdsStudyForm.datasets.header' })}</Header.Content>
             </Header>
 
             {/* mRNA Dataset */}
@@ -151,7 +153,7 @@ export const NewCGDSStudyForm = (props: NewCGDSStudyFormProps) => {
             {/* Methylation Dataset */}
             <NewCGDSDatasetForm
                 newCGDSDataset={props.newCGDSStudy.methylation_dataset}
-                nameToShow='Methylation'
+                nameToShow={intl.formatMessage({ id: 'cgdsStudyForm.dataset.methylation' })}
                 datasetName='methylation_dataset'
                 showSurvivalTuplesForm={false}
                 addingOrEditingCGDSStudy={props.addingOrEditingCGDSStudy}
@@ -164,7 +166,7 @@ export const NewCGDSStudyForm = (props: NewCGDSStudyFormProps) => {
             {/* Clinical Patients Dataset */}
             <NewCGDSDatasetForm
                 newCGDSDataset={props.newCGDSStudy.clinical_patient_dataset}
-                nameToShow='Clinical Patients'
+                nameToShow={intl.formatMessage({ id: 'cgdsStudyForm.dataset.clinicalPatients' })}
                 datasetName='clinical_patient_dataset'
                 showSurvivalTuplesForm
                 addingOrEditingCGDSStudy={props.addingOrEditingCGDSStudy}
@@ -180,7 +182,7 @@ export const NewCGDSStudyForm = (props: NewCGDSStudyFormProps) => {
             {/* Clinical Samples Dataset */}
             <NewCGDSDatasetForm
                 newCGDSDataset={props.newCGDSStudy.clinical_sample_dataset}
-                nameToShow='Clinical Samples'
+                nameToShow={intl.formatMessage({ id: 'cgdsStudyForm.dataset.clinicalSamples' })}
                 datasetName='clinical_sample_dataset'
                 showSurvivalTuplesForm={false}
                 addingOrEditingCGDSStudy={props.addingOrEditingCGDSStudy}
@@ -191,17 +193,17 @@ export const NewCGDSStudyForm = (props: NewCGDSStudyFormProps) => {
             />
 
             <div className='margin-top-5'>
-                <Icon name='asterisk' /> Required field
+                <Icon name='asterisk' /> {intl.formatMessage({ id: 'cgdsStudyForm.requiredField' })}
 
                 <Label color='yellow' className='align-center' size='large'>
-                    In order to have the data available, you must perform the synchronization at least once
+                    {intl.formatMessage({ id: 'cgdsStudyForm.syncWarning' })}
                 </Label>
             </div>
 
             {/* Submit form button */}
             <Button
                 color='green'
-                content={`${props.newCGDSStudy && props.newCGDSStudy.id ? 'Edit' : 'Add'} study`}
+                content={`${props.newCGDSStudy && props.newCGDSStudy.id ? intl.formatMessage({ id: 'cgdsStudyForm.editStudy' }) : intl.formatMessage({ id: 'cgdsStudyForm.addStudy' })}`}
                 className='margin-top-2'
                 fluid
                 onClick={props.addOrEditStudy}
@@ -211,7 +213,7 @@ export const NewCGDSStudyForm = (props: NewCGDSStudyFormProps) => {
             {/* Cancel button */}
             <Button
                 color='red'
-                content='Cancel'
+                content={intl.formatMessage({ id: 'common.cancel' })}
                 className='margin-top-2'
                 fluid
                 onClick={props.cleanForm}
diff --git a/src/frontend/static/frontend/src/components/common/EditIcon.tsx b/src/frontend/static/frontend/src/components/common/EditIcon.tsx
index e4449128..4328f49d 100644
--- a/src/frontend/static/frontend/src/components/common/EditIcon.tsx
+++ b/src/frontend/static/frontend/src/components/common/EditIcon.tsx
@@ -2,6 +2,7 @@ import React, { useContext } from 'react'
 import { Icon } from 'semantic-ui-react'
 import { CurrentUserContext } from '../Base'
 import { Nullable } from '../../utils/interfaces'
+import { useIntl } from 'react-intl'
 
 interface Props {
     editExperiment: () => void,
@@ -11,6 +12,7 @@ interface Props {
 
 export const EditIcon = (props: Props) => {
     const currentUser = useContext(CurrentUserContext)
+    const intl = useIntl()
 
     if (props.ownerId !== currentUser?.id) {
         return <></>
@@ -21,7 +23,7 @@ export const EditIcon = (props: Props) => {
             name='pencil'
             className='clickable margin-left-5'
             color='yellow'
-            title='Edit'
+            title={intl.formatMessage({ id: 'common.edit' })}
             onClick={props.editExperiment}
             disabled={props.disabled}
         />
diff --git a/src/frontend/static/frontend/src/components/common/PaginatedTable.tsx b/src/frontend/static/frontend/src/components/common/PaginatedTable.tsx
index 12b8d416..c91ee9aa 100644
--- a/src/frontend/static/frontend/src/components/common/PaginatedTable.tsx
+++ b/src/frontend/static/frontend/src/components/common/PaginatedTable.tsx
@@ -9,6 +9,7 @@ import { InfoPopup } from '../pipeline/experiment-result/gene-gem-details/InfoPo
 import { NoDataRow } from '../pipeline/experiment-result/gene-gem-details/NoDataRow'
 import { InputLabel } from './InputLabel'
 import isEqual from 'lodash/isEqual'
+import { useIntl, IntlShape } from 'react-intl'
 import '../../css/common-styles.css'
 
 declare const currentUserId: string
@@ -113,6 +114,7 @@ interface PaginatedTableProps<T> {
     entriesSelectWidth?: SemanticWIDTHS,
     /** Callback to render custom components applied to data retrieved from backend API */
     mapFunction: (elem: T) => ReactElement
+    intl: IntlShape
 }
 
 /**
@@ -442,6 +444,7 @@ class PaginatedTable<T> extends React.Component<PaginatedTableProps<T>, Paginate
     }
 
     render () {
+        const { intl } = this.props
         const tableControl = this.state.tableControl
 
         // Applies map function
@@ -470,7 +473,7 @@ class PaginatedTable<T> extends React.Component<PaginatedTableProps<T>, Paginate
                     <Table.Row>
                         <Table.Cell colSpan={this.props.headers.length}>
                             <Header as='h4' textAlign='center'>
-                                <Icon name='spinner' loading /> Loading...
+                                <Icon name='spinner' loading /> {intl.formatMessage({ id: 'paginatedTable.loading' })}
                             </Header>
                         </Table.Cell>
                     </Table.Row>
@@ -507,7 +510,7 @@ class PaginatedTable<T> extends React.Component<PaginatedTableProps<T>, Paginate
                                     <Form.Input
                                         width={this.props.searchWidth ?? 3}
                                         icon='search' iconPosition='left'
-                                        label={this.props.searchLabel ?? 'Name/Description'}
+                                        label={this.props.searchLabel ?? intl.formatMessage({ id: 'paginatedTable.searchLabel' })}
                                         title={this.props.searchPlaceholder}
                                         placeholder={this.props.searchPlaceholder}
                                         name='textFilter'
@@ -520,7 +523,7 @@ class PaginatedTable<T> extends React.Component<PaginatedTableProps<T>, Paginate
                                 {customFilters}
                                 {/* Page size */}
                                 <Form.Select
-                                    label='Entries'
+                                    label={intl.formatMessage({ id: 'paginatedTable.entries' })}
                                     className='entries-select-table'
                                     selectOnBlur={false}
                                     options={getDefaultPageSizeOption()}
@@ -598,4 +601,9 @@ class PaginatedTable<T> extends React.Component<PaginatedTableProps<T>, Paginate
     }
 }
 
-export { PaginatedTable, DefaultSortProp, PaginationCustomFilter }
+const PaginatedTableWithIntl = <T,>(props: Omit<PaginatedTableProps<T>, 'intl'>) => {
+    const intl = useIntl()
+    return <PaginatedTable {...props} intl={intl} />
+}
+
+export { PaginatedTableWithIntl as PaginatedTable, DefaultSortProp, PaginationCustomFilter }
diff --git a/src/frontend/static/frontend/src/components/common/SourceSelectors.tsx b/src/frontend/static/frontend/src/components/common/SourceSelectors.tsx
index 08ee3cc3..2f37e39e 100644
--- a/src/frontend/static/frontend/src/components/common/SourceSelectors.tsx
+++ b/src/frontend/static/frontend/src/components/common/SourceSelectors.tsx
@@ -4,6 +4,7 @@ import { DjangoCGDSStudy, DjangoUserFile } from '../../utils/django_interfaces'
 import { SourceType, FileType, Source } from '../../utils/interfaces'
 import { SourceForm } from '../pipeline/SourceForm'
 import { Grid } from 'semantic-ui-react'
+import { useIntl } from 'react-intl'
 
 /** Structure to handle a Source in this component. */
 type SourceFormData = {
@@ -41,6 +42,7 @@ interface SourceSelectorsProps {
  * @returns Component.
  */
 export const SourceSelectors = (props: SourceSelectorsProps) => {
+    const intl = useIntl()
     const {
         handleChangeSourceType,
         selectNewFile,
@@ -53,10 +55,10 @@ export const SourceSelectors = (props: SourceSelectorsProps) => {
             <Grid stackable>
                 <Grid.Row stretched columns={5}>
                     <Grid.Column>
-                        {props.clinicalSource !== undefined && (
+                        {props.clinicalSource !== undefined && (
                             <SourceForm
                                 source={props.clinicalSource.source}
-                                headerTitle='Clinical profile'
+                                headerTitle={intl.formatMessage({ id: 'sourceSelectors.clinicalProfile' })}
                                 headerIcon={{
                                     type: 'img',
                                     src: '/static/frontend/img/profiles/mRNA.svg'
@@ -74,15 +76,15 @@ export const SourceSelectors = (props: SourceSelectorsProps) => {
                                 selectStudy={(selectedStudy) => {
                                     selectStudy(selectedStudy, 'clinicalSource')
                                 }}
-                            />
+                            />
                         )}
                     </Grid.Column>
                     {/* mRNA */}
                     <Grid.Column>
-                        {props.mRNASource !== undefined && (
+                        {props.mRNASource !== undefined && (
                             <SourceForm
                                 source={props.mRNASource.source}
-                                headerTitle='mRNA profile'
+                                headerTitle={intl.formatMessage({ id: 'sourceSelectors.mRNAProfile' })}
                                 headerIcon={{
                                     type: 'img',
                                     src: '/static/frontend/img/profiles/mRNA.svg'
@@ -100,15 +102,15 @@ export const SourceSelectors = (props: SourceSelectorsProps) => {
                                 selectStudy={(selectedStudy) => {
                                     selectStudy(selectedStudy, 'mRNASource')
                                 }}
-                            />
+                            />
                         )}
                     </Grid.Column>
                     {/* miRNA */}
                     <Grid.Column>
-                        {props.mirnaSource !== undefined && (
+                        {props.mirnaSource !== undefined && (
                             <SourceForm
                                 source={props.mirnaSource.source}
-                                headerTitle='Mirna profile'
+                                headerTitle={intl.formatMessage({ id: 'sourceSelectors.mirnaProfile' })}
                                 headerIcon={{
                                     type: 'img',
                                     src: '/static/frontend/img/profiles/miRNA.svg'
@@ -126,15 +128,15 @@ export const SourceSelectors = (props: SourceSelectorsProps) => {
                                 selectStudy={(selectedStudy) => {
                                     selectStudy(selectedStudy, 'mirnaSource')
                                 }}
-                            />
+                            />
                         )}
                     </Grid.Column>
                     <Grid.Column>
                         {/* CNA */}
-                        {props.cnaSource !== undefined && (
+                        {props.cnaSource !== undefined && (
                             <SourceForm
                                 source={props.cnaSource.source}
-                                headerTitle='CNA profile'
+                                headerTitle={intl.formatMessage({ id: 'sourceSelectors.cnaProfile' })}
                                 headerIcon={{
                                     type: 'img',
                                     src: '/static/frontend/img/profiles/CNA.svg'
@@ -152,15 +154,15 @@ export const SourceSelectors = (props: SourceSelectorsProps) => {
                                 selectStudy={(selectedStudy) => {
                                     selectStudy(selectedStudy, 'cnaSource')
                                 }}
-                            />
+                            />
                         )}
                     </Grid.Column>
                     <Grid.Column>
                         {/* Methylation */}
-                        {props.methylationSource !== undefined && (
+                        {props.methylationSource !== undefined && (
                             <SourceForm
                                 source={props.methylationSource.source}
-                                headerTitle='Methylation profile'
+                                headerTitle={intl.formatMessage({ id: 'sourceSelectors.methylationProfile' })}
                                 headerIcon={{
                                     type: 'img',
                                     src: '/static/frontend/img/profiles/methylation.svg'
@@ -178,7 +180,7 @@ export const SourceSelectors = (props: SourceSelectorsProps) => {
                                 selectStudy={(selectedStudy) => {
                                     selectStudy(selectedStudy, 'methylationSource')
                                 }}
-                            />
+                            />
                         )}
                     </Grid.Column>
                 </Grid.Row>
diff --git a/src/frontend/static/frontend/src/components/common/SwitchPublicButton.tsx b/src/frontend/static/frontend/src/components/common/SwitchPublicButton.tsx
index a09ae96a..fb7f4025 100644
--- a/src/frontend/static/frontend/src/components/common/SwitchPublicButton.tsx
+++ b/src/frontend/static/frontend/src/components/common/SwitchPublicButton.tsx
@@ -3,6 +3,7 @@ import { Icon } from 'semantic-ui-react'
 import { CurrentUserContext } from '../Base'
 import { getDjangoHeader } from '../../utils/util_functions'
 import ky from 'ky'
+import { useIntl } from 'react-intl'
 
 declare const urlPostSwitchPublicView
 
@@ -21,6 +22,12 @@ interface Props {
 export const SwitchPublicButton = (props: Props) => {
     const currentUser = useContext(CurrentUserContext)
     const [isLoading, setIsLoading] = useState(false)
+    const intl = useIntl()
+
+    const makePrivateText = intl.formatMessage({ id: 'switchPublicButton.makePrivate' }, { nameEntity: props.nameEntity })
+    const makePublicText = intl.formatMessage({ id: 'switchPublicButton.makePublic' }, { nameEntity: props.nameEntity })
+    const confirmMakePrivateText = intl.formatMessage({ id: 'switchPublicButton.confirmMakePrivate' }, { nameEntity: props.nameEntity })
+    const confirmMakePublicText = intl.formatMessage({ id: 'switchPublicButton.confirmMakePublic' }, { nameEntity: props.nameEntity })
 
     /**
      * Function to switch visibility of experiment
@@ -56,8 +63,11 @@ export const SwitchPublicButton = (props: Props) => {
             className='clickable margin-left-5'
             disabled={isLoading}
             color={props.publicButtonEntity.is_public ? 'red' : 'teal'}
-            title={props.publicButtonEntity.is_public ? `Make ${props.nameEntity} private` : `Make ${props.nameEntity} public`}
-            onClick={() => props.handleChangeConfirmModalState(true, props.publicButtonEntity.is_public ? `Make ${props.nameEntity} private` : `Make ${props.nameEntity} public`, props.publicButtonEntity.is_public ? `Are you sure to make the ${props.nameEntity} private?` : `Are you sure to make the ${props.nameEntity} public`, handleSwitchVisibility)}
+            title={props.publicButtonEntity.is_public ? makePrivateText : makePublicText}
+            onClick={() => props.handleChangeConfirmModalState(true,
+                props.publicButtonEntity.is_public ? makePrivateText : makePublicText,
+                props.publicButtonEntity.is_public ? confirmMakePrivateText : confirmMakePublicText,
+                handleSwitchVisibility)}
         />
     )
 }
diff --git a/src/frontend/static/frontend/src/components/common/TableCellSources.tsx b/src/frontend/static/frontend/src/components/common/TableCellSources.tsx
index 88c614da..36817201 100644
--- a/src/frontend/static/frontend/src/components/common/TableCellSources.tsx
+++ b/src/frontend/static/frontend/src/components/common/TableCellSources.tsx
@@ -2,6 +2,7 @@ import React from 'react'
 import { SourcePopup } from '../pipeline/all-experiments-view/SourcePopup'
 import { DjangoExperimentSource } from '../../utils/django_interfaces'
 import { GenesColors, Nullable } from '../../utils/interfaces'
+import { useIntl } from 'react-intl'
 
 /**
  * Component to show sourcePopups if files provides
@@ -16,6 +17,7 @@ interface Props {
 }
 
 export const TableCellSources = (props: Props) => {
+    const intl = useIntl()
     return (
         <>
             {
@@ -25,7 +27,7 @@ export const TableCellSources = (props: Props) => {
                         source={props.clinical_source}
                         iconName='file'
                         iconColor={GenesColors.CLINICAL}
-                        downloadButtonTitle='Download source clinical file'
+                        downloadButtonTitle={intl.formatMessage({ id: 'tableCellSources.downloadClinical' })}
                     />
                 )
             }
@@ -36,7 +38,7 @@ export const TableCellSources = (props: Props) => {
                         source={props.mrna_source}
                         iconName='file alternate'
                         iconColor={GenesColors.MRNA}
-                        downloadButtonTitle='Download source mRna file'
+                        downloadButtonTitle={intl.formatMessage({ id: 'tableCellSources.downloadMrna' })}
                     />
                 )
             }
@@ -47,7 +49,7 @@ export const TableCellSources = (props: Props) => {
                         source={props.mirna_source}
                         iconName='file alternate'
                         iconColor={GenesColors.MIRNA}
-                        downloadButtonTitle='Download source mirna file'
+                        downloadButtonTitle={intl.formatMessage({ id: 'tableCellSources.downloadMirna' })}
                     />
                 )
             }
@@ -58,7 +60,7 @@ export const TableCellSources = (props: Props) => {
                         source={props.cna_source}
                         iconName='file alternate'
                         iconColor={GenesColors.CNA}
-                        downloadButtonTitle='Download source cna file'
+                        downloadButtonTitle={intl.formatMessage({ id: 'tableCellSources.downloadCna' })}
                     />
                 )
             }
@@ -69,7 +71,7 @@ export const TableCellSources = (props: Props) => {
                         source={props.methylation_source}
                         iconName='file alternate'
                         iconColor={GenesColors.METHYLATION}
-                        downloadButtonTitle='Download source methylation file'
+                        downloadButtonTitle={intl.formatMessage({ id: 'tableCellSources.downloadMethylation' })}
                     />
                 )
             }
diff --git a/src/frontend/static/frontend/src/components/common/TagForm.tsx b/src/frontend/static/frontend/src/components/common/TagForm.tsx
index 27b66977..1bee84d1 100644
--- a/src/frontend/static/frontend/src/components/common/TagForm.tsx
+++ b/src/frontend/static/frontend/src/components/common/TagForm.tsx
@@ -2,6 +2,7 @@ import React from 'react'
 import { Input } from 'semantic-ui-react'
 import { DjangoTag } from '../../utils/django_interfaces'
 import { checkedValidityCallback } from '../../utils/util_functions'
+import { useIntl } from 'react-intl'
 
 /**
  * Component's props
@@ -20,6 +21,7 @@ interface TagFormProps {
  * @returns Component
  */
 export const TagForm = (props: TagFormProps) => {
+    const intl = useIntl()
     const checkedHandleFormChanges = checkedValidityCallback(props.onHandleAddTagInputsChange)
 
     return (
@@ -34,7 +36,7 @@ export const TagForm = (props: TagFormProps) => {
                 onKeyDown={props.onHandleKeyDown}
                 loading={props.loading}
                 disabled={props.disableInputs}
-                placeholder='New tag'
+                placeholder={intl.formatMessage({ id: 'tagForm.newTag' })}
                 maxLength={20}
             />
 
@@ -46,7 +48,7 @@ export const TagForm = (props: TagFormProps) => {
                 onChange={checkedHandleFormChanges}
                 onKeyDown={props.onHandleKeyDown}
                 disabled={props.disableInputs}
-                placeholder='Description (optional)'
+                placeholder={intl.formatMessage({ id: 'common.descriptionOptional' })}
                 maxLength={60}
             />
         </div>
diff --git a/src/frontend/static/frontend/src/components/common/TagLabel.tsx b/src/frontend/static/frontend/src/components/common/TagLabel.tsx
index 26ef3ae2..559019db 100644
--- a/src/frontend/static/frontend/src/components/common/TagLabel.tsx
+++ b/src/frontend/static/frontend/src/components/common/TagLabel.tsx
@@ -3,6 +3,7 @@ import { Label } from 'semantic-ui-react'
 import { DjangoTag } from '../../utils/django_interfaces'
 import { SemanticSIZES } from 'semantic-ui-react/dist/commonjs/generic'
 import { Nullable } from '../../utils/interfaces'
+import { useIntl } from 'react-intl'
 
 /** TagLabel props. */
 interface TagLabelProps {
@@ -18,14 +19,18 @@ interface TagLabelProps {
  * @param props Component's props.
  * @returns Component.
  */
-export const TagLabel = (props: TagLabelProps) => (
-    <Label
-        id={props.id}
-        color={props.tag ? 'yellow' : 'grey'}
-        className={`${props.fluid ? 'fluid' : ''} ${props.className}`}
-        title={props.tag ? props.tag.description : ''}
-        size={props.size}
-    >
-        {props.tag ? props.tag.name : 'No tag assigned'}
-    </Label>
-)
+export const TagLabel = (props: TagLabelProps) => {
+    const intl = useIntl()
+
+    return (
+        <Label
+            id={props.id}
+            color={props.tag ? 'yellow' : 'grey'}
+            className={`${props.fluid ? 'fluid' : ''} ${props.className}`}
+            title={props.tag ? props.tag.description : ''}
+            size={props.size}
+        >
+            {props.tag ? props.tag.name : intl.formatMessage({ id: 'tagLabel.noTagAssigned' })}
+        </Label>
+    )
+}
diff --git a/src/frontend/static/frontend/src/components/common/TryAgainSegment.tsx b/src/frontend/static/frontend/src/components/common/TryAgainSegment.tsx
index 5fff5ce5..72560bc5 100644
--- a/src/frontend/static/frontend/src/components/common/TryAgainSegment.tsx
+++ b/src/frontend/static/frontend/src/components/common/TryAgainSegment.tsx
@@ -1,5 +1,6 @@
 import React from 'react'
 import { Button, Header, Icon, Segment } from 'semantic-ui-react'
+import { useIntl } from 'react-intl'
 
 /** Component's props. */
 interface TryAgainSegmentProps {
@@ -12,17 +13,21 @@ interface TryAgainSegmentProps {
  * @param props Component's props.
  * @returns Component.
  */
-export const TryAgainSegment = (props: TryAgainSegmentProps) => (
-    <Segment placeholder>
-        <Header icon>
-            <Icon name='warning sign' />
-            Something went wrong, please try again
-        </Header>
+export const TryAgainSegment = (props: TryAgainSegmentProps) => {
+    const intl = useIntl()
 
-        <Segment.Inline>
-            <Button primary onClick={props.onTryAgain}>
-                Try Again
-            </Button>
-        </Segment.Inline>
-    </Segment>
-)
+    return (
+        <Segment placeholder>
+            <Header icon>
+                <Icon name='warning sign' />
+                {intl.formatMessage({ id: 'tryAgainSegment.message' })}
+            </Header>
+
+            <Segment.Inline>
+                <Button primary onClick={props.onTryAgain}>
+                    {intl.formatMessage({ id: 'tryAgainSegment.button' })}
+                </Button>
+            </Segment.Inline>
+        </Segment>
+    )
+}
diff --git a/src/frontend/static/frontend/src/components/common/boxplots/BoxplotsCommons.tsx b/src/frontend/static/frontend/src/components/common/boxplots/BoxplotsCommons.tsx
index f97075fe..cb7dcca4 100644
--- a/src/frontend/static/frontend/src/components/common/boxplots/BoxplotsCommons.tsx
+++ b/src/frontend/static/frontend/src/components/common/boxplots/BoxplotsCommons.tsx
@@ -1,6 +1,7 @@
 import React from 'react'
 /* import { XYChart, theme, withParentSize, withTheme } from '@data-ui/xy-chart' */
 import { DjangoSourceDataOutliersBasic } from '../../../utils/django_interfaces'
+import { useIntl } from 'react-intl'
 
 /** Type of BoxPlot datum field */
 type BoxplotDatum = {
@@ -83,9 +84,10 @@ const TooltipElement = (props: TooltipElementProps) => (
  * @param props Component's props
  * @returns Component
  */
-const renderBoxPlotTooltip = (props: BoxPlotTooltipProps) => {
+const RenderBoxPlotTooltip = (props: BoxPlotTooltipProps) => {
     const { min, max, mean, median, firstQuartile, thirdQuartile, outliers, outliersObjects, cnaDescription } = props.datum
     const color = props.color
+    const intl = useIntl()
 
     return (
         <div className='align-left'>
@@ -95,15 +97,15 @@ const renderBoxPlotTooltip = (props: BoxPlotTooltipProps) => {
                     <hr />
                 </>
             )}
-            <TooltipElement strongTitle='Min' numberToDisplay={min} color={color} fixed={2} />
-            <TooltipElement strongTitle='First quartile' numberToDisplay={firstQuartile} color={color} fixed={2} />
-            <TooltipElement strongTitle='Median' numberToDisplay={median} color={color} fixed={2} />
-            <TooltipElement strongTitle='Third quartile' numberToDisplay={thirdQuartile} color={color} fixed={2} />
-            <TooltipElement strongTitle='Max' numberToDisplay={max} color={color} fixed={2} />
-            <TooltipElement strongTitle='Mean' numberToDisplay={mean} color={color} fixed={3} />
+            <TooltipElement strongTitle={intl.formatMessage({ id: 'boxPlotTooltip.min' })} numberToDisplay={min} color={color} fixed={2} />
+            <TooltipElement strongTitle={intl.formatMessage({ id: 'boxPlotTooltip.firstQuartile' })} numberToDisplay={firstQuartile} color={color} fixed={2} />
+            <TooltipElement strongTitle={intl.formatMessage({ id: 'boxPlotTooltip.median' })} numberToDisplay={median} color={color} fixed={2} />
+            <TooltipElement strongTitle={intl.formatMessage({ id: 'boxPlotTooltip.thirdQuartile' })} numberToDisplay={thirdQuartile} color={color} fixed={2} />
+            <TooltipElement strongTitle={intl.formatMessage({ id: 'boxPlotTooltip.max' })} numberToDisplay={max} color={color} fixed={2} />
+            <TooltipElement strongTitle={intl.formatMessage({ id: 'boxPlotTooltip.mean' })} numberToDisplay={mean} color={color} fixed={3} />
             {outliers && outliers.length > 0 && (
                 <>
-                    <TooltipElement strongTitle='Outliers (using MAD)' numberToDisplay={outliers.length} color={color} />
+                    <TooltipElement strongTitle={intl.formatMessage({ id: 'boxPlotTooltip.outliers' })} numberToDisplay={outliers.length} color={color} />
 
                     {outliersObjects.map((outlier) => (
                         <TooltipElement
@@ -125,6 +127,6 @@ export {
     mean,
     quantile,
     BoxPlotTooltipProps,
-    renderBoxPlotTooltip,
+    RenderBoxPlotTooltip,
     BoxplotDatum
 }
diff --git a/src/frontend/static/frontend/src/components/common/cluster-labels/ClusterLabelsSetModal.tsx b/src/frontend/static/frontend/src/components/common/cluster-labels/ClusterLabelsSetModal.tsx
index a0c3c862..8ec6c2c5 100644
--- a/src/frontend/static/frontend/src/components/common/cluster-labels/ClusterLabelsSetModal.tsx
+++ b/src/frontend/static/frontend/src/components/common/cluster-labels/ClusterLabelsSetModal.tsx
@@ -4,6 +4,7 @@ import { Button, Form, Icon, Modal, Table } from 'semantic-ui-react'
 import { TableCellWithTitle } from '../../common/TableCellWithTitle'
 import { ClusterLabelsSet } from '../../biomarkers/types'
 import { NewClusterLabelsSetModal } from './NewClusterLabelsSetModal'
+import { useIntl } from 'react-intl'
 
 declare const urlClusterLabelsSetsPaginated: string
 
@@ -23,7 +24,7 @@ interface ClusterLabelsSetsModalProps {
  */
 export const ClusterLabelsSetsModal = (props: ClusterLabelsSetsModalProps) => {
     const [showNewClusterLabelsSet, setShowNewClusterLabelsSet] = useState(false)
-
+    const intl = useIntl()
     // TODO: show this in the TrainedModels page
 
     return (
@@ -48,27 +49,27 @@ export const ClusterLabelsSetsModal = (props: ClusterLabelsSetsModalProps) => {
             >
                 <Modal.Header>
                     <Icon name='braille' />
-                    Cluster labels sets
+                    {intl.formatMessage({ id: 'clusterLabelsSetsModal.header' })}
                 </Modal.Header>
                 <Modal.Content>
                     <PaginatedTable<ClusterLabelsSet>
-                        headerTitle='Cluster labels sets'
+                        headerTitle={intl.formatMessage({ id: 'clusterLabelsSetsModal.header' })}
                         headers={[
-                            { name: 'Name', serverCodeToSort: 'name', width: 3 },
-                            { name: 'Description', serverCodeToSort: 'description', width: 4 },
-                            { name: 'Actions' }
+                            { name: intl.formatMessage({ id: 'common.name' }), serverCodeToSort: 'name', width: 3 },
+                            { name: intl.formatMessage({ id: 'common.description' }), serverCodeToSort: 'description', width: 4 },
+                            { name: intl.formatMessage({ id: 'common.actions' }) }
                         ]}
                         queryParams={{ trained_model_pk: props.trainedModelPk }}
                         customElements={[
-                            <Form.Field key={1} className='custom-table-field' title='New Cluster model'>
+                            <Form.Field key={1} className='custom-table-field' title={intl.formatMessage({ id: 'clusterLabelsSetsModal.newClusterModel' })}>
                                 <Button primary icon onClick={() => { setShowNewClusterLabelsSet(true) }}>
                                     <Icon name='add' />
                                 </Button>
                             </Form.Field>
                         ]}
                         showSearchInput
-                        searchLabel='Name'
-                        searchPlaceholder='Search by name or description'
+                        searchLabel={intl.formatMessage({ id: 'common.name' })}
+                        searchPlaceholder={intl.formatMessage({ id: 'clusterLabelsSetsModal.searchPlaceholder' })}
                         urlToRetrieveData={urlClusterLabelsSetsPaginated}
                         // updateWSKey='update_trained_models' // TODO: implement
                         mapFunction={(clusterLabelsSet: ClusterLabelsSet) => {
@@ -83,7 +84,7 @@ export const ClusterLabelsSetsModal = (props: ClusterLabelsSetsModalProps) => {
                                             name='pencil'
                                             color='yellow'
                                             className='clickable'
-                                            title='Edit'
+                                            title={intl.formatMessage({ id: 'common.edit' })}
                                             // onClick={() => setShowNewClusterLabelsSet(clusterLabelsSet)}
                                         /> */}
                                     </Table.Cell>
diff --git a/src/frontend/static/frontend/src/components/common/cluster-labels/ClusterLabelsSetSelect.tsx b/src/frontend/static/frontend/src/components/common/cluster-labels/ClusterLabelsSetSelect.tsx
index ca7b6b96..e1774e02 100644
--- a/src/frontend/static/frontend/src/components/common/cluster-labels/ClusterLabelsSetSelect.tsx
+++ b/src/frontend/static/frontend/src/components/common/cluster-labels/ClusterLabelsSetSelect.tsx
@@ -5,6 +5,7 @@ import ky from 'ky'
 import { alertGeneralError } from '../../../utils/util_functions'
 import { InputLabel } from '../InputLabel'
 import { WebsocketClientCustom } from '../../../websockets/WebsocketClient'
+import { useIntl } from 'react-intl'
 
 declare const currentUserId: string
 declare const urlClusterLabelsSets: string
@@ -29,6 +30,7 @@ export const ClusterLabelsSetSelect = (props: ClusterLabelsSetSelectProps) => {
     const [clusterLabelsSets, setClusterLabelsSets] = useState<ClusterLabelsSet[]>([])
     const [loading, setLoading] = useState(false)
     const websocketClient = useRef<WebsocketClientCustom>()
+    const intl = useIntl()
 
     useEffect(() => {
         // Gets data
@@ -80,7 +82,7 @@ export const ClusterLabelsSetSelect = (props: ClusterLabelsSetSelectProps) => {
 
     return (
         <>
-            <InputLabel label='Cluster label' />
+            <InputLabel label={intl.formatMessage({ id: 'clusterLabelsSetSelect.label' })} />
 
             <Select
                 fluid
@@ -91,7 +93,7 @@ export const ClusterLabelsSetSelect = (props: ClusterLabelsSetSelectProps) => {
                 clearable
                 value={props.selectedClusterSetPk}
                 onChange={(_, { value }) => { props.setSelectedClusterSetPk(value as number | undefined) }}
-                placeholder='Use cluster labels'
+                placeholder={intl.formatMessage({ id: 'clusterLabelsSetSelect.placeholder' })}
                 className='margin-top-2'
                 disabled={options.length === 0}
             />
diff --git a/src/frontend/static/frontend/src/components/common/cluster-labels/NewClusterLabelsSetModal.tsx b/src/frontend/static/frontend/src/components/common/cluster-labels/NewClusterLabelsSetModal.tsx
index c5d66f0a..4e5f685d 100644
--- a/src/frontend/static/frontend/src/components/common/cluster-labels/NewClusterLabelsSetModal.tsx
+++ b/src/frontend/static/frontend/src/components/common/cluster-labels/NewClusterLabelsSetModal.tsx
@@ -5,6 +5,7 @@ import { HexAlphaColorPicker } from 'react-colorful'
 import { alertGeneralError, getDjangoHeader } from '../../../utils/util_functions'
 import ky from 'ky'
 import { InputLabel } from '../InputLabel'
+import { useIntl } from 'react-intl'
 
 declare const urlClusterLabelsSets: string
 
@@ -28,6 +29,7 @@ const getDefaultClusterLabelsSet = (trainedModelPk: number): ClusterLabelsSet =>
 export const NewClusterLabelsSetModal = (props: NewClusterLabelsSetModalProps) => {
     const [newClusterLabelsSet, setNewClusterLabelsSet] = useState<ClusterLabelsSet>(getDefaultClusterLabelsSet(props.trainedModelPk))
     const [sendingData, setSendingData] = useState(false)
+    const intl = useIntl()
 
     /** Resets the form when closes the modal. */
     useEffect(() => {
@@ -149,26 +151,26 @@ export const NewClusterLabelsSetModal = (props: NewClusterLabelsSetModalProps) =
         >
             <Modal.Header>
                 <Icon name='add circle' />
-                New Cluster labels sets
+                {intl.formatMessage({ id: 'newClusterLabelsSetModal.header' })}
             </Modal.Header>
             <Modal.Content>
                 <Grid>
                     <Grid.Row columns={1}>
                         <Grid.Column>
-                            <Header>New ClusterLabelsSet</Header>
+                            <Header>{intl.formatMessage({ id: 'newClusterLabelsSetModal.header' })}</Header>
 
                             <Form>
                                 <Form.Input
-                                    label='Name'
-                                    placeholder='Name'
+                                    label={intl.formatMessage({ id: 'common.name' })}
+                                    placeholder={intl.formatMessage({ id: 'common.name' })}
                                     name='name'
                                     icon='asterisk'
                                     onChange={(_, { name, value }) => handleChanges(name, value)}
                                 />
 
                                 <Form.TextArea
-                                    label='Description'
-                                    placeholder='Description'
+                                    label={intl.formatMessage({ id: 'common.description' })}
+                                    placeholder={intl.formatMessage({ id: 'common.description' })}
                                     name='description'
                                     onChange={(_, { name, value }) => handleChanges(name, value)}
                                 />
@@ -184,8 +186,8 @@ export const NewClusterLabelsSetModal = (props: NewClusterLabelsSetModalProps) =
                                             <Grid.Row columns={2}>
                                                 <Grid.Column width={8}>
                                                     <Form.Input
-                                                        label='Cluster ID'
-                                                        placeholder='Cluster ID'
+                                                        label={intl.formatMessage({ id: 'newClusterLabelsSetModal.clusterId' })}
+                                                        placeholder={intl.formatMessage({ id: 'newClusterLabelsSetModal.clusterId' })}
                                                         name='cluster_id'
                                                         icon='asterisk'
                                                         min={0}
@@ -195,8 +197,8 @@ export const NewClusterLabelsSetModal = (props: NewClusterLabelsSetModalProps) =
                                                     />
 
                                                     <Form.Input
-                                                        label='Label'
-                                                        placeholder='Label'
+                                                        label={intl.formatMessage({ id: 'newClusterLabelsSetModal.label' })}
+                                                        placeholder={intl.formatMessage({ id: 'newClusterLabelsSetModal.label' })}
                                                         icon='asterisk'
                                                         name='label'
                                                         value={label.label}
@@ -204,7 +206,7 @@ export const NewClusterLabelsSetModal = (props: NewClusterLabelsSetModalProps) =
                                                     />
 
                                                     <Form.Field>
-                                                        <Icon name='asterisk' /> Required field
+                                                        <Icon name='asterisk' /> {intl.formatMessage({ id: 'common.requiredField' })}
                                                     </Form.Field>
 
                                                     <Form.Field>
@@ -214,13 +216,13 @@ export const NewClusterLabelsSetModal = (props: NewClusterLabelsSetModalProps) =
                                                             fluid
                                                             onClick={() => { removeLabel(idx) }}
                                                         >
-                                                            Delete label
+                                                            {intl.formatMessage({ id: 'newClusterLabelsSetModal.deleteLabel' })}
                                                         </Button>
                                                     </Form.Field>
                                                 </Grid.Column>
                                                 {/* Color */}
                                                 <Grid.Column width={8}>
-                                                    <InputLabel label='Color' />
+                                                    <InputLabel label={intl.formatMessage({ id: 'newClusterLabelsSetModal.color' })} />
 
                                                     <HexAlphaColorPicker color={label.color} onChange={(color) => { handleChangesLabel(idx, 'color', color) }} />
                                                 </Grid.Column>
@@ -229,7 +231,7 @@ export const NewClusterLabelsSetModal = (props: NewClusterLabelsSetModalProps) =
                                     </Segment>
                                 ))}
 
-                                <Button primary fluid onClick={addLabel}>Add label</Button>
+                                <Button primary fluid onClick={addLabel}>{intl.formatMessage({ id: 'newClusterLabelsSetModal.addLabel' })}</Button>
                             </Form>
                         </Grid.Column>
                     </Grid.Row>
@@ -240,7 +242,7 @@ export const NewClusterLabelsSetModal = (props: NewClusterLabelsSetModalProps) =
                     color='red'
                     onClick={() => props.setShowNewClusterLabelsSet(false)}
                 >
-                    Cancel
+                    {intl.formatMessage({ id: 'common.cancel' })}
                 </Button>
 
                 <Button
@@ -249,7 +251,7 @@ export const NewClusterLabelsSetModal = (props: NewClusterLabelsSetModalProps) =
                     onClick={submit}
                     disabled={!formIsValid()}
                 >
-                    Confirm
+                    {intl.formatMessage({ id: 'common.confirm' })}
                 </Button>
             </Modal.Actions>
         </Modal>
diff --git a/src/frontend/static/frontend/src/components/common/prediction-range-label/NewPredictionRangeLabelsSetModal.tsx b/src/frontend/static/frontend/src/components/common/prediction-range-label/NewPredictionRangeLabelsSetModal.tsx
index 18337f82..8f4da197 100644
--- a/src/frontend/static/frontend/src/components/common/prediction-range-label/NewPredictionRangeLabelsSetModal.tsx
+++ b/src/frontend/static/frontend/src/components/common/prediction-range-label/NewPredictionRangeLabelsSetModal.tsx
@@ -6,6 +6,7 @@ import { alertGeneralError, getDjangoHeader } from '../../../utils/util_function
 import ky from 'ky'
 import { Nullable } from '../../../utils/interfaces'
 import { InputLabel } from '../InputLabel'
+import { useIntl } from 'react-intl'
 
 declare const urlPredictionRangeLabelsSets: string
 
@@ -37,6 +38,7 @@ const getDefaultPredictionRangeLabelsSet = (trainedModelPk: number): PredictionR
 export const NewPredictionRangeLabelsSetModal = (props: NewPredictionRangeLabelsSetModalProps) => {
     const [newPredictionRangeLabelsSet, setNewPredictionRangeLabelsSet] = useState<PredictionRangeLabelsSet>(getDefaultPredictionRangeLabelsSet(props.trainedModelPk))
     const [sendingData, setSendingData] = useState(false)
+    const intl = useIntl()
 
     /** Resets the form when closes the modal. */
     useEffect(() => {
@@ -135,14 +137,14 @@ export const NewPredictionRangeLabelsSetModal = (props: NewPredictionRangeLabels
         let input: Input = null
 
         if (label.max_value !== null && label.max_value <= label.min_value) {
-            msg = 'Max value must be greater than min value'
+            msg = intl.formatMessage({ id: 'newPredictionRangeLabelsSetModal.error.maxValue' })
             input = 'max_value'
         } else {
             const overlapIdx = newPredictionRangeLabelsSet.labels.findIndex((label2) => label2 !== label && (label.max_value === null || (label.max_value !== null && label2.min_value <= label.max_value && label2.max_value as number >= label.min_value)))
 
             if (overlapIdx !== -1) {
                 const overlapObject = newPredictionRangeLabelsSet.labels[overlapIdx]
-                msg = `Ranges overlaps with label "${overlapObject.label}" (position ${overlapIdx + 1})`
+                msg = intl.formatMessage({ id: 'newPredictionRangeLabelsSetModal.error.overlap' }, { label: overlapObject.label, position: overlapIdx + 1 })
                 input = 'label'
             }
         }
@@ -174,26 +176,26 @@ export const NewPredictionRangeLabelsSetModal = (props: NewPredictionRangeLabels
         >
             <Modal.Header>
                 <Icon name='add circle' />
-                New Cluster labels sets
+                {intl.formatMessage({ id: 'newPredictionRangeLabelsSetModal.header' })}
             </Modal.Header>
             <Modal.Content>
                 <Grid>
                     <Grid.Row columns={1}>
                         <Grid.Column>
-                            <Header>New PredictionRangeLabelsSet</Header>
+                            <Header>{intl.formatMessage({ id: 'newPredictionRangeLabelsSetModal.subHeader' })}</Header>
 
                             <Form>
                                 <Form.Input
-                                    label='Name'
-                                    placeholder='Name'
+                                    label={intl.formatMessage({ id: 'common.name' })}
+                                    placeholder={intl.formatMessage({ id: 'common.name' })}
                                     name='name'
                                     icon='asterisk'
                                     onChange={(_, { name, value }) => handleChanges(name, value)}
                                 />
 
                                 <Form.TextArea
-                                    label='Description'
-                                    placeholder='Description'
+                                    label={intl.formatMessage({ id: 'common.description' })}
+                                    placeholder={intl.formatMessage({ id: 'common.description' })}
                                     name='description'
                                     onChange={(_, { name, value }) => handleChanges(name, value)}
                                 />
@@ -201,7 +203,7 @@ export const NewPredictionRangeLabelsSetModal = (props: NewPredictionRangeLabels
                                 <Divider />
 
                                 {/* List of labels */}
-                                <Header as='h2'>Labels</Header>
+                                <Header as='h2'>{intl.formatMessage({ id: 'newPredictionRangeLabelsSetModal.labelsHeader' })}</Header>
 
                                 {newPredictionRangeLabelsSet.labels.map((label, idx) => {
                                     const errorMsg = errorMessages[idx]
@@ -211,8 +213,8 @@ export const NewPredictionRangeLabelsSetModal = (props: NewPredictionRangeLabels
                                                 <Grid.Row columns={2}>
                                                     <Grid.Column width={8}>
                                                         <Form.Input
-                                                            label='Min value'
-                                                            placeholder='Min value'
+                                                            label={intl.formatMessage({ id: 'newPredictionRangeLabelsSetModal.minValue' })}
+                                                            placeholder={intl.formatMessage({ id: 'newPredictionRangeLabelsSetModal.minValue' })}
                                                             name='min_value'
                                                             icon='asterisk'
                                                             min={0}
@@ -222,9 +224,9 @@ export const NewPredictionRangeLabelsSetModal = (props: NewPredictionRangeLabels
                                                         />
 
                                                         <Form.Input
-                                                            label='Max value'
+                                                            label={intl.formatMessage({ id: 'newPredictionRangeLabelsSetModal.maxValue' })}
                                                             allow
-                                                            placeholder='Max value'
+                                                            placeholder={intl.formatMessage({ id: 'newPredictionRangeLabelsSetModal.maxValue' })}
                                                             error={errorMsg.msg && errorMsg.input === 'max_value' ? { content: errorMsg.msg } : undefined}
                                                             name='max_value'
                                                             value={label.max_value}
@@ -233,8 +235,8 @@ export const NewPredictionRangeLabelsSetModal = (props: NewPredictionRangeLabels
                                                         />
 
                                                         <Form.Input
-                                                            label='Label'
-                                                            placeholder='Label'
+                                                            label={intl.formatMessage({ id: 'newPredictionRangeLabelsSetModal.label' })}
+                                                            placeholder={intl.formatMessage({ id: 'newPredictionRangeLabelsSetModal.label' })}
                                                             error={errorMsg.msg && errorMsg.input === 'label' ? { content: errorMsg.msg } : undefined}
                                                             icon='asterisk'
                                                             name='label'
@@ -243,7 +245,7 @@ export const NewPredictionRangeLabelsSetModal = (props: NewPredictionRangeLabels
                                                         />
 
                                                         <Form.Field>
-                                                            <Icon name='asterisk' /> Required field
+                                                            <Icon name='asterisk' /> {intl.formatMessage({ id: 'common.requiredField' })}
                                                         </Form.Field>
 
                                                         <Form.Field>
@@ -253,13 +255,13 @@ export const NewPredictionRangeLabelsSetModal = (props: NewPredictionRangeLabels
                                                                 fluid
                                                                 onClick={() => { removeLabel(idx) }}
                                                             >
-                                                                Delete label
+                                                                {intl.formatMessage({ id: 'newPredictionRangeLabelsSetModal.deleteLabel' })}
                                                             </Button>
                                                         </Form.Field>
                                                     </Grid.Column>
                                                     {/* Color */}
                                                     <Grid.Column width={8}>
-                                                        <InputLabel label='Color' />
+                                                        <InputLabel label={intl.formatMessage({ id: 'newPredictionRangeLabelsSetModal.color' })} />
 
                                                         <HexAlphaColorPicker color={label.color} onChange={(color) => { handleChangesLabel(idx, 'color', color) }} />
                                                     </Grid.Column>
@@ -269,7 +271,7 @@ export const NewPredictionRangeLabelsSetModal = (props: NewPredictionRangeLabels
                                     )
                                 })}
 
-                                <Button primary fluid onClick={addLabel}>Add label</Button>
+                                <Button primary fluid onClick={addLabel}>{intl.formatMessage({ id: 'newPredictionRangeLabelsSetModal.addLabel' })}</Button>
                             </Form>
                         </Grid.Column>
                     </Grid.Row>
@@ -280,7 +282,7 @@ export const NewPredictionRangeLabelsSetModal = (props: NewPredictionRangeLabels
                     color='red'
                     onClick={() => props.setShowNewPredictionRangeLabelsSet(false)}
                 >
-                    Cancel
+                    {intl.formatMessage({ id: 'common.cancel' })}
                 </Button>
 
                 <Button
@@ -289,7 +291,7 @@ export const NewPredictionRangeLabelsSetModal = (props: NewPredictionRangeLabels
                     onClick={submit}
                     disabled={!formIsValid()}
                 >
-                    Confirm
+                    {intl.formatMessage({ id: 'common.confirm' })}
                 </Button>
             </Modal.Actions>
         </Modal>
diff --git a/src/frontend/static/frontend/src/components/common/prediction-range-label/PredictionRangeLabelsSetModal.tsx b/src/frontend/static/frontend/src/components/common/prediction-range-label/PredictionRangeLabelsSetModal.tsx
index 78bca22b..183e12c0 100644
--- a/src/frontend/static/frontend/src/components/common/prediction-range-label/PredictionRangeLabelsSetModal.tsx
+++ b/src/frontend/static/frontend/src/components/common/prediction-range-label/PredictionRangeLabelsSetModal.tsx
@@ -4,6 +4,7 @@ import { Button, Form, Icon, Modal, Table } from 'semantic-ui-react'
 import { TableCellWithTitle } from '../../common/TableCellWithTitle'
 import { ClusterLabelsSet } from '../../biomarkers/types'
 import { NewPredictionRangeLabelsSetModal } from './NewPredictionRangeLabelsSetModal'
+import { useIntl } from 'react-intl'
 
 declare const urlPredictionRangeLabelsSetsPaginated: string
 
@@ -23,6 +24,7 @@ interface PredictionRangeLabelsSetModalProps {
  */
 export const PredictionRangeLabelsSetModal = (props: PredictionRangeLabelsSetModalProps) => {
     const [showNewPredictionRangeLabelsSet, setShowNewPredictionRangeLabelsSet] = useState(false)
+    const intl = useIntl()
 
     // TODO: show this in the TrainedModels page
 
@@ -48,27 +50,27 @@ export const PredictionRangeLabelsSetModal = (props: PredictionRangeLabelsSetMod
             >
                 <Modal.Header>
                     <Icon name='braille' /> {/* TODO: change the icon */}
-                    Prediction range labels sets
+                    {intl.formatMessage({ id: 'predictionRangeLabelsSetModal.header' })}
                 </Modal.Header>
                 <Modal.Content>
                     <PaginatedTable<ClusterLabelsSet>
-                        headerTitle='Prediction range labels sets'
+                        headerTitle={intl.formatMessage({ id: 'predictionRangeLabelsSetModal.header' })}
                         headers={[
-                            { name: 'Name', serverCodeToSort: 'name', width: 3 },
-                            { name: 'Description', serverCodeToSort: 'description', width: 4 },
-                            { name: 'Actions' }
+                            { name: intl.formatMessage({ id: 'common.name' }), serverCodeToSort: 'name', width: 3 },
+                            { name: intl.formatMessage({ id: 'common.description' }), serverCodeToSort: 'description', width: 4 },
+                            { name: intl.formatMessage({ id: 'common.actions' }) }
                         ]}
                         queryParams={{ trained_model_pk: props.trainedModelPk }}
                         customElements={[
-                            <Form.Field key={1} className='custom-table-field' title='New Cluster model'>
+                            <Form.Field key={1} className='custom-table-field' title={intl.formatMessage({ id: 'predictionRangeLabelsSetModal.newModel' })}>
                                 <Button primary icon onClick={() => { setShowNewPredictionRangeLabelsSet(true) }}>
                                     <Icon name='add' />
                                 </Button>
                             </Form.Field>
                         ]}
                         showSearchInput
-                        searchLabel='Name'
-                        searchPlaceholder='Search by name or description'
+                        searchLabel={intl.formatMessage({ id: 'common.name' })}
+                        searchPlaceholder={intl.formatMessage({ id: 'predictionRangeLabelsSetModal.searchPlaceholder' })}
                         urlToRetrieveData={urlPredictionRangeLabelsSetsPaginated}
                         // updateWSKey='update_trained_models' // TODO: implement
                         mapFunction={(clusterLabelsSet: ClusterLabelsSet) => {
@@ -83,7 +85,7 @@ export const PredictionRangeLabelsSetModal = (props: PredictionRangeLabelsSetMod
                                             name='pencil'
                                             color='yellow'
                                             className='clickable'
-                                            title='Edit'
+                                            title={intl.formatMessage({ id: 'common.edit' })}
                                             // onClick={() => setShowNewClusterLabelsSet(clusterLabelsSet)}
                                         /> */}
                                     </Table.Cell>
diff --git a/src/frontend/static/frontend/src/components/common/prediction-range-label/PredictionRangeLabelsSetSelect.tsx b/src/frontend/static/frontend/src/components/common/prediction-range-label/PredictionRangeLabelsSetSelect.tsx
index 08d0284f..c2c5aaa7 100644
--- a/src/frontend/static/frontend/src/components/common/prediction-range-label/PredictionRangeLabelsSetSelect.tsx
+++ b/src/frontend/static/frontend/src/components/common/prediction-range-label/PredictionRangeLabelsSetSelect.tsx
@@ -1,88 +1,90 @@
-import React, { useEffect, useRef, useState } from 'react'
-import { Select, DropdownItemProps } from 'semantic-ui-react'
-import { PredictionRangeLabelsSet } from '../../biomarkers/types'
-import ky from 'ky'
-import { alertGeneralError } from '../../../utils/util_functions'
-import { InputLabel } from '../InputLabel'
-
-declare const urlPredictionRangeLabelsSets: string
-
-/** PredictionRangeLabelsSetSelect props. */
-interface PredictionRangeLabelsSetSelectProps {
-    /** TrainedModel primary key. */
-    trainedModelPk: number,
-    /** Selected PredictionRangeLabelsSet primary key. */
-    selectedClusterSetPk: number | undefined,
-    /** Function to set the selected PredictionRangeLabelsSet primary key. */
-    setSelectedClusterSetPk: (newValue: number | undefined) => void
-}
-
-/**
- * Renders a Select for Cluster labels set (Django PredictionRangeLabelsSet model)
- * @param props Component props.
- * @returns Component.
- */
-export const PredictionRangeLabelsSetSelect = (props: PredictionRangeLabelsSetSelectProps) => {
-    const abortController = useRef(new AbortController())
-    const [predictionRangeLabelsSets, setPredictionRangeLabelsSets] = useState<PredictionRangeLabelsSet[]>([])
-    const [loading, setLoading] = useState(false)
-
-    useEffect(() => {
-        getData()
-    }, [])
-
-    /** Retrieves all the PredictionRangeLabelsSet instances for this user and the TrainedModel */
-    function getData () {
-        setLoading(true)
-
-        const searchParams = { trained_model_pk: props.trainedModelPk }
-        ky.get(urlPredictionRangeLabelsSets, { searchParams, signal: abortController?.current.signal }).then((response) => {
-            response.json<PredictionRangeLabelsSet[]>().then((predictionRangeLabelsSetData) => {
-                setPredictionRangeLabelsSets(predictionRangeLabelsSetData)
-            }).catch((err) => {
-                alertGeneralError()
-                console.log('Error parsing JSON ->', err)
-            })
-        }).catch((err) => {
-            if (!abortController?.current.signal.aborted) {
-                alertGeneralError()
-            }
-
-            console.log('Error getting model PredictionRangeLabelsSets', err)
-        }).finally(() => {
-            if (!abortController?.current.signal.aborted) {
-                setLoading(false)
-            }
-        })
-    }
-
-    const options: DropdownItemProps[] = predictionRangeLabelsSets.map((predictionRangeLabelsSet) => (
-        { key: predictionRangeLabelsSet.id, text: predictionRangeLabelsSet.name, value: predictionRangeLabelsSet.id }
-    ))
-    useEffect(() => {
-        return () => {
-        // Cleanup: cancel the ongoing request when component unmounts
-            abortController.current.abort()
-        }
-    }, [])
-
-    return (
-        <>
-            <InputLabel label='Use a range label' />
-
-            <Select
-                fluid
-                selectOnBlur={false}
-                options={options}
-                loading={loading}
-                search
-                clearable
-                value={props.selectedClusterSetPk}
-                onChange={(_, { value }) => { props.setSelectedClusterSetPk(value as number | undefined) }}
-                placeholder='Use range labels'
-                className='margin-top-2'
-                disabled={options.length === 0}
-            />
-        </>
-    )
-}
+import React, { useEffect, useRef, useState } from 'react'
+import { Select, DropdownItemProps } from 'semantic-ui-react'
+import { PredictionRangeLabelsSet } from '../../biomarkers/types'
+import ky from 'ky'
+import { alertGeneralError } from '../../../utils/util_functions'
+import { InputLabel } from '../InputLabel'
+import { useIntl } from 'react-intl'
+
+declare const urlPredictionRangeLabelsSets: string
+
+/** PredictionRangeLabelsSetSelect props. */
+interface PredictionRangeLabelsSetSelectProps {
+    /** TrainedModel primary key. */
+    trainedModelPk: number,
+    /** Selected PredictionRangeLabelsSet primary key. */
+    selectedClusterSetPk: number | undefined,
+    /** Function to set the selected PredictionRangeLabelsSet primary key. */
+    setSelectedClusterSetPk: (newValue: number | undefined) => void
+}
+
+/**
+ * Renders a Select for Cluster labels set (Django PredictionRangeLabelsSet model)
+ * @param props Component props.
+ * @returns Component.
+ */
+export const PredictionRangeLabelsSetSelect = (props: PredictionRangeLabelsSetSelectProps) => {
+    const abortController = useRef(new AbortController())
+    const [predictionRangeLabelsSets, setPredictionRangeLabelsSets] = useState<PredictionRangeLabelsSet[]>([])
+    const [loading, setLoading] = useState(false)
+    const intl = useIntl()
+
+    useEffect(() => {
+        getData()
+    }, [])
+
+    /** Retrieves all the PredictionRangeLabelsSet instances for this user and the TrainedModel */
+    function getData () {
+        setLoading(true)
+
+        const searchParams = { trained_model_pk: props.trainedModelPk }
+        ky.get(urlPredictionRangeLabelsSets, { searchParams, signal: abortController?.current.signal }).then((response) => {
+            response.json<PredictionRangeLabelsSet[]>().then((predictionRangeLabelsSetData) => {
+                setPredictionRangeLabelsSets(predictionRangeLabelsSetData)
+            }).catch((err) => {
+                alertGeneralError()
+                console.log('Error parsing JSON ->', err)
+            })
+        }).catch((err) => {
+            if (!abortController?.current.signal.aborted) {
+                alertGeneralError()
+            }
+
+            console.log('Error getting model PredictionRangeLabelsSets', err)
+        }).finally(() => {
+            if (!abortController?.current.signal.aborted) {
+                setLoading(false)
+            }
+        })
+    }
+
+    const options: DropdownItemProps[] = predictionRangeLabelsSets.map((predictionRangeLabelsSet) => (
+        { key: predictionRangeLabelsSet.id, text: predictionRangeLabelsSet.name, value: predictionRangeLabelsSet.id }
+    ))
+    useEffect(() => {
+        return () => {
+        // Cleanup: cancel the ongoing request when component unmounts
+            abortController.current.abort()
+        }
+    }, [])
+
+    return (
+        <>
+            <InputLabel label={intl.formatMessage({ id: 'predictionRangeLabelsSetSelect.label' })} />
+
+            <Select
+                fluid
+                selectOnBlur={false}
+                options={options}
+                loading={loading}
+                search
+                clearable
+                value={props.selectedClusterSetPk}
+                onChange={(_, { value }) => { props.setSelectedClusterSetPk(value as number | undefined) }}
+                placeholder={intl.formatMessage({ id: 'predictionRangeLabelsSetSelect.placeholder' })}
+                className='margin-top-2'
+                disabled={options.length === 0}
+            />
+        </>
+    )
+}
diff --git a/src/frontend/static/frontend/src/components/differential-expression/DifferentialExpressionForm.tsx b/src/frontend/static/frontend/src/components/differential-expression/DifferentialExpressionForm.tsx
index 8144b70f..e4b0b91e 100644
--- a/src/frontend/static/frontend/src/components/differential-expression/DifferentialExpressionForm.tsx
+++ b/src/frontend/static/frontend/src/components/differential-expression/DifferentialExpressionForm.tsx
@@ -11,6 +11,7 @@ import { MAX_FILE_SIZE_IN_MB_WARN } from '../../utils/constants'
 import { intersection, isEqual } from 'lodash'
 import { DifferentialExpressionInputClinicalAttribute } from './DifferentialExpressionInputClinicalAttribute'
 import { DifferentialExpressionAnalysis } from './types'
+import { useIntl } from 'react-intl'
 
 // Define the possible field names for number of samples
 type NumberOfSamplesFields = 'numberOfSamplesMRNA' | 'numberOfSamplesClinical'
@@ -79,6 +80,7 @@ interface DifferentialExpressionFormProps {
 export const DifferentialExpressionForm = (props: DifferentialExpressionFormProps) => {
     const [form, setForm] = useState<IDifferentialExpressionForm>(cleanForm)
     const abortController = useRef(new AbortController())
+    const intl = useIntl()
 
     /**
      * Change the source state to submit a pipeline
@@ -258,14 +260,14 @@ export const DifferentialExpressionForm = (props: DifferentialExpressionFormProp
 
         ky.patch(urlUpdateExperiment + `/${props.experimentToEdit?.id}/`, { headers: myHeaders, json: body }).then((response) => {
             response.json().then(() => {
-                props.updateAlert(CustomAlertTypes.SUCCESS, 'Differential Expression experiment updated successfully!')
+                props.updateAlert(CustomAlertTypes.SUCCESS, intl.formatMessage({ id: 'differentialExpressionForm.successUpdated' }))
                 setForm(cleanForm)
             }).catch((err) => {
                 console.error('Error parsing JSON ->', err)
             })
         }).catch((err) => {
             console.error('Error to update experiment ->', err)
-            props.updateAlert(CustomAlertTypes.ERROR, 'Error to update Differential Expression experiment!')
+            props.updateAlert(CustomAlertTypes.ERROR, intl.formatMessage({ id: 'differentialExpressionForm.errorUpdating' }))
         }).finally(() => {
             setForm(prevState => ({
                 ...prevState,
@@ -297,14 +299,14 @@ export const DifferentialExpressionForm = (props: DifferentialExpressionFormProp
         }
         ky.post(urlDifferentialExpressionSubmit, { headers: myHeaders, json: body }).then((response) => {
             response.json().then(() => {
-                props.updateAlert(CustomAlertTypes.SUCCESS, 'Differential Expression experiment created successfully!')
+                props.updateAlert(CustomAlertTypes.SUCCESS, intl.formatMessage({ id: 'differentialExpressionForm.successCreated' }))
                 setForm(cleanForm)
             }).catch((err) => {
                 console.error('Error parsing JSON ->', err)
             })
         }).catch((err) => {
             console.error('Error getting users ->', err)
-            props.updateAlert(CustomAlertTypes.ERROR, 'Error creating Differential Expression experiment!')
+            props.updateAlert(CustomAlertTypes.ERROR, intl.formatMessage({ id: 'differentialExpressionForm.errorCreating' }))
         }).finally(() => {
             setForm(prevState => ({
                 ...prevState,
@@ -561,7 +563,7 @@ export const DifferentialExpressionForm = (props: DifferentialExpressionFormProp
                 setForm(prevState => ({
                     ...prevState,
                     numberOfSamplesMRNA: mRNAHeadersColumnsNames.length,
-                    numberOfSamplesClinial: clinicalHeadersColumnsNames.length,
+                    numberOfSamplesClinical: clinicalHeadersColumnsNames.length,
                     numberOfSamplesInCommon: intersection(
                         mRNAHeadersColumnsNames,
                         clinicalHeadersColumnsNames
@@ -600,13 +602,13 @@ export const DifferentialExpressionForm = (props: DifferentialExpressionFormProp
         <Segment className='diff--side--bar--container table-bordered'>
             <Header textAlign='center' className='margin-top-0'>
                 <Icon name='buromobelexperte' />
-                <Header.Content>New Differential Expression</Header.Content>
+                <Header.Content>{intl.formatMessage({ id: 'differentialExpressionForm.header' })}</Header.Content>
             </Header>
             <Form>
                 <Form.Input
                     onChange={(e) => handleChangeForm(e.target.value, 'differentialExpressionName')}
                     type='text'
-                    placeholder='Name'
+                    placeholder={intl.formatMessage({ id: 'common.name' })}
                     className='diff--side--bar--container--item--margin'
                     value={form.differentialExpressionName}
                     icon='asterisk'
@@ -616,7 +618,7 @@ export const DifferentialExpressionForm = (props: DifferentialExpressionFormProp
                     style={{ maxWidth: '100%', minWidth: '100%' }}
                     rows={3}
                     onChange={(_, e) => handleChangeForm(e.value ? e.value.toString() : '', 'differentialExpressionDescription')}
-                    placeholder='Description'
+                    placeholder={intl.formatMessage({ id: 'common.description' })}
                     className='diff--side--bar--container--item--margin'
                     value={form.differentialExpressionDescription}
                 />
@@ -624,7 +626,7 @@ export const DifferentialExpressionForm = (props: DifferentialExpressionFormProp
                 <Form.Field>
                     <SourceForm
                         source={form.mRNASource}
-                        headerTitle='mRNA profile'
+                        headerTitle={intl.formatMessage({ id: 'sourceSelectors.mRNAProfile' })}
                         headerIcon={{
                             type: 'img',
                             src: 'static/frontend/img/profiles/mRNA.svg'
@@ -648,7 +650,7 @@ export const DifferentialExpressionForm = (props: DifferentialExpressionFormProp
                 <Form.Field>
                     <SourceForm
                         source={form.clinicalSource}
-                        headerTitle='Clinical profile'
+                        headerTitle={intl.formatMessage({ id: 'sourceSelectors.clinicalProfile' })}
                         headerIcon={{
                             type: 'img',
                             src: '/static/frontend/img/profiles/mRNA.svg'
@@ -670,9 +672,9 @@ export const DifferentialExpressionForm = (props: DifferentialExpressionFormProp
                 </Form.Field>
                 <Form.Field>
                     <Label className='full-width align-left'>
-                        <p>Samples mRNA: {form.numberOfSamplesMRNA}</p>
-                        <p>Samples clinical: {form.numberOfSamplesClinical}</p>
-                        <p>Samples in common: {form.numberOfSamplesInCommon}</p>
+                        <p>{intl.formatMessage({ id: 'differentialExpressionForm.samplesMRNA' }, { count: form.numberOfSamplesMRNA })}</p>
+                        <p>{intl.formatMessage({ id: 'differentialExpressionForm.samplesClinical' }, { count: form.numberOfSamplesClinical })}</p>
+                        <p>{intl.formatMessage({ id: 'differentialExpressionForm.samplesInCommon' }, { count: form.numberOfSamplesInCommon })}</p>
                     </Label>
                 </Form.Field>
                 <Form.Field>
@@ -686,8 +688,8 @@ export const DifferentialExpressionForm = (props: DifferentialExpressionFormProp
                 {/* Coefficient threshold slider */}{/* Minimum Standard Deviation for Genes */}
                 <Form.Field className='diff--side--container--bar--slider'>
                     <LabelWithInfoPopup
-                        labelText={`Threshold percentile: ${form.thresholdPercentile.toFixed(2)}`}
-                        popupContent='Percentile threshold for filtering low-expression genes (default 0.15)'
+                        labelText={intl.formatMessage({ id: 'differentialExpressionForm.thresholdPercentile' }, { value: form.thresholdPercentile.toFixed(2) })}
+                        popupContent={intl.formatMessage({ id: 'differentialExpressionForm.thresholdPercentile.info' })}
                         centered
                     />
 
@@ -707,8 +709,8 @@ export const DifferentialExpressionForm = (props: DifferentialExpressionFormProp
                 </Form.Field>
                 <Form.Field className='diff--side--container--bar--slider'>
                     <LabelWithInfoPopup
-                        labelText={`Threshold std: ${toScientific(form.thresholdStd.toString())}`}
-                        popupContent='Variance threshold for gene filtering (default 1e-4)'
+                        labelText={intl.formatMessage({ id: 'differentialExpressionForm.thresholdStd' }, { value: toScientific(form.thresholdStd.toString()) })}
+                        popupContent={intl.formatMessage({ id: 'differentialExpressionForm.thresholdStd.info' })}
                         centered
                     />
 
@@ -728,8 +730,8 @@ export const DifferentialExpressionForm = (props: DifferentialExpressionFormProp
                 </Form.Field>
                 <Form.Field className='diff--side--container--bar--slider'>
                     <LabelWithInfoPopup
-                        labelText={`Top: ${form.top}`}
-                        popupContent='Most significant number of genes to keep as result'
+                        labelText={intl.formatMessage({ id: 'differentialExpressionForm.top' }, { value: form.top })}
+                        popupContent={intl.formatMessage({ id: 'differentialExpressionForm.top.info' })}
                         centered
                     />
 
@@ -758,7 +760,7 @@ export const DifferentialExpressionForm = (props: DifferentialExpressionFormProp
                     color='green'
                     loading={form.isLoading}
                 >
-                    {form.isEditing ? 'Edit experiment' : 'Create experiment'}
+                    {form.isEditing ? intl.formatMessage({ id: 'differentialExpressionForm.editExperiment' }) : intl.formatMessage({ id: 'differentialExpressionForm.createExperiment' })}
                 </Button>
             </Form>
             <Button
@@ -772,7 +774,7 @@ export const DifferentialExpressionForm = (props: DifferentialExpressionFormProp
                     props.handleCleanExperimentToEdit()
                 }}
             >
-                {form.isEditing ? 'Cancel edit' : 'Reset form'}
+                {form.isEditing ? intl.formatMessage({ id: 'differentialExpressionForm.cancelEdit' }) : intl.formatMessage({ id: 'differentialExpressionForm.resetForm' })}
             </Button>
         </Segment>
     )
diff --git a/src/frontend/static/frontend/src/components/differential-expression/DifferentialExpressionInputClinicalAttribute.tsx b/src/frontend/static/frontend/src/components/differential-expression/DifferentialExpressionInputClinicalAttribute.tsx
index b1ff4dc7..7633da07 100644
--- a/src/frontend/static/frontend/src/components/differential-expression/DifferentialExpressionInputClinicalAttribute.tsx
+++ b/src/frontend/static/frontend/src/components/differential-expression/DifferentialExpressionInputClinicalAttribute.tsx
@@ -1,6 +1,7 @@
 import React from 'react'
 import { Form } from 'semantic-ui-react'
 import { InputLabel } from '../common/InputLabel'
+import { useIntl } from 'react-intl'
 
 interface DifferentialExpressionInputClinicalAttributeProps {
     /* List of clinical attributes available for selection */
@@ -19,9 +20,11 @@ interface DifferentialExpressionInputClinicalAttributeProps {
  * @returns Component.
  */
 export const DifferentialExpressionInputClinicalAttribute = (props: DifferentialExpressionInputClinicalAttributeProps) => {
+    const intl = useIntl()
+
     return (
         <>
-            <InputLabel label='Group by clinical attribute' />
+            <InputLabel label={intl.formatMessage({ id: 'differentialExpressionInputClinicalAttribute.label' })} />
 
             <Form.Select
                 fluid
@@ -33,7 +36,7 @@ export const DifferentialExpressionInputClinicalAttribute = (props: Differential
                 clearable
                 value={props.clinicalAttribute}
                 onChange={(_, { value }) => { props.onChange(value as string) }}
-                placeholder='Clinical attribute to group by'
+                placeholder={intl.formatMessage({ id: 'differentialExpressionInputClinicalAttribute.placeholder' })}
                 disabled={props.isEditing}
             />
         </>
diff --git a/src/frontend/static/frontend/src/components/differential-expression/DifferentialExpressionModalResults.tsx b/src/frontend/static/frontend/src/components/differential-expression/DifferentialExpressionModalResults.tsx
index dbbebce8..91f3b1c6 100644
--- a/src/frontend/static/frontend/src/components/differential-expression/DifferentialExpressionModalResults.tsx
+++ b/src/frontend/static/frontend/src/components/differential-expression/DifferentialExpressionModalResults.tsx
@@ -3,6 +3,7 @@ import { DifferentialExpressionAnalysis } from './types'
 import { Icon, Modal, Tab, TabPane } from 'semantic-ui-react'
 import { DifferentialExpressionModalResultsTableView } from './DifferentialExpressionModalResultsTableView'
 import { DifferentialExpressionModalResultsVolcanoPlot } from './DifferentialExpressionModalResultsVolcanoPlot'
+import { useIntl } from 'react-intl'
 
 interface DifferentialExpressionModalResultsProps {
     /* Whether the results modal is open */
@@ -15,10 +16,11 @@ interface DifferentialExpressionModalResultsProps {
 
 /* Differential expression results modal component */
 export const DifferentialExpressionModalResults = (props: DifferentialExpressionModalResultsProps) => {
+    const intl = useIntl()
     /* Tab panes for results modal */
     const panes = [
         {
-            menuItem: 'Table',
+            menuItem: intl.formatMessage({ id: 'common.table' }),
             render: () => (
                 <TabPane>
                     <DifferentialExpressionModalResultsTableView differentialExpressionAnalysisId={props.differentialExpressionAnalysis?.id as number} />
@@ -26,7 +28,7 @@ export const DifferentialExpressionModalResults = (props: DifferentialExpression
             )
         },
         {
-            menuItem: 'Volcano Plot',
+            menuItem: intl.formatMessage({ id: 'differentialExpressionModalResults.tab.volcanoPlot' }),
             render: () => (
                 <TabPane>
                     <DifferentialExpressionModalResultsVolcanoPlot differentialExpressionAnalysisId={props.differentialExpressionAnalysis?.id as number} />
@@ -47,7 +49,7 @@ export const DifferentialExpressionModalResults = (props: DifferentialExpression
         >
             <>
                 <Modal.Header>
-                    Differential Expression Analysis Results - {props.differentialExpressionAnalysis?.name}
+                    {intl.formatMessage({ id: 'differentialExpressionModalResults.header' }, { name: props.differentialExpressionAnalysis?.name })}
                 </Modal.Header>
                 <Modal.Content scrolling>
                     <Tab panes={panes} />
diff --git a/src/frontend/static/frontend/src/components/differential-expression/DifferentialExpressionModalResultsTableView.tsx b/src/frontend/static/frontend/src/components/differential-expression/DifferentialExpressionModalResultsTableView.tsx
index 91093326..6ab54b7b 100644
--- a/src/frontend/static/frontend/src/components/differential-expression/DifferentialExpressionModalResultsTableView.tsx
+++ b/src/frontend/static/frontend/src/components/differential-expression/DifferentialExpressionModalResultsTableView.tsx
@@ -3,6 +3,7 @@ import { Table, Icon, TableCell, Form, Button } from 'semantic-ui-react'
 import { PaginatedTable, PaginationCustomFilter } from '../common/PaginatedTable'
 import { DiffExpExperimentDetail } from './types'
 import { TableCellWithTitle } from '../common/TableCellWithTitle'
+import { useIntl } from 'react-intl'
 declare const urlDifferentialExpressionExperimentResults: string
 declare const urlDownloadDifferentialExpressionResults: string
 
@@ -13,6 +14,7 @@ interface DifferentialExpressionModalResultsProps {
 export const DifferentialExpressionModalResultsTableView = (props: DifferentialExpressionModalResultsProps) => {
     const [pValueFilter, setPValueFilter] = useState<number>(0.05)
     const [logFilter, setLogFilter] = useState<number>(1)
+    const intl = useIntl()
 
     const downloadUrl = () => {
         const searchParams = new URLSearchParams({
@@ -29,12 +31,12 @@ export const DifferentialExpressionModalResultsTableView = (props: DifferentialE
 
     const customInputs: PaginationCustomFilter[] = [
         {
-            label: 'Log fold change threshold',
+            label: intl.formatMessage({ id: 'diffExpResultsTable.logFoldThreshold' }),
             keyForServer: 'fc_threshold',
             defaultValue: 1,
             width: 2,
             options: [
-                { key: 'no_log', text: 'No Log Fold' },
+                { key: 'no_log', text: intl.formatMessage({ id: 'diffExpResultsTable.noLogFold' }) },
                 { key: '1', text: '1', value: 1 },
                 { key: '2', text: '2', value: 2 },
                 { key: '3', text: '3', value: 3 },
@@ -44,12 +46,12 @@ export const DifferentialExpressionModalResultsTableView = (props: DifferentialE
             onChangeFilterEvent: (value) => setLogFilter(value),
         },
         {
-            label: 'P-value threshold',
+            label: intl.formatMessage({ id: 'diffExpResultsTable.pValueThreshold' }),
             keyForServer: 'p_threshold',
             defaultValue: 0.05,
             width: 2,
             options: [
-                { key: 'no_p_val', text: 'No P-value' },
+                { key: 'no_p_val', text: intl.formatMessage({ id: 'diffExpResultsTable.noPValue' }) },
                 { key: '0.05', text: '0.05', value: 0.05 },
                 { key: '0.01', text: '0.01', value: 0.01 },
             ],
@@ -60,34 +62,34 @@ export const DifferentialExpressionModalResultsTableView = (props: DifferentialE
     return (
         <>
             <PaginatedTable<DiffExpExperimentDetail>
-                headerTitle='Experiment results'
+                headerTitle={intl.formatMessage({ id: 'diffExpResultsTable.headerTitle' })}
                 headers={[
-                    { name: 'Gene', serverCodeToSort: 'gene' },
-                    { name: 'Adjusted p-value', serverCodeToSort: 'adj_p_val' },
-                    { name: 'Average expression', serverCodeToSort: 'ave_expr' },
-                    { name: 'B statistic', serverCodeToSort: 'b_statistic' },
-                    { name: 'Log Fold Change', serverCodeToSort: 'log_fc' },
-                    { name: 'P-value', serverCodeToSort: 'p_value' },
-                    { name: 'T statistic', serverCodeToSort: 't_statistic' },
+                    { name: intl.formatMessage({ id: 'diffExpResultsTable.gene' }), serverCodeToSort: 'gene' },
+                    { name: intl.formatMessage({ id: 'diffExpResultsTable.adjustedPValue' }), serverCodeToSort: 'adj_p_val' },
+                    { name: intl.formatMessage({ id: 'diffExpResultsTable.averageExpression' }), serverCodeToSort: 'ave_expr' },
+                    { name: intl.formatMessage({ id: 'diffExpResultsTable.bStatistic' }), serverCodeToSort: 'b_statistic' },
+                    { name: intl.formatMessage({ id: 'diffExpResultsTable.logFoldChange' }), serverCodeToSort: 'log_fc' },
+                    { name: intl.formatMessage({ id: 'diffExpResultsTable.pValue' }), serverCodeToSort: 'p_value' },
+                    { name: intl.formatMessage({ id: 'diffExpResultsTable.tStatistic' }), serverCodeToSort: 't_statistic' },
                 ]}
                 defaultSortProp={{ sortField: 'created_at', sortOrderAscendant: false }}
                 customFilters={customInputs}
                 showSearchInput
                 customElements={[
-                    <Form.Field key='download-csv-button' className='custom-table-field' title='Download results in a CSV file'>
+                    <Form.Field key='download-csv-button' className='custom-table-field' title={intl.formatMessage({ id: 'diffExpResultsTable.downloadCSV' })}>
                         <Button
                             color='green'
                             icon
                             type='button'
                             onClick={onDownload}
-                            title='Download results in a CSV file'
+                            title={intl.formatMessage({ id: 'diffExpResultsTable.downloadCSV' })}
                         >
                             <Icon name='file excel' />
                         </Button>
                     </Form.Field>
                 ]}
-                searchLabel='Gene'
-                searchPlaceholder='Search by Gene'
+                searchLabel={intl.formatMessage({ id: 'diffExpResultsTable.gene' })}
+                searchPlaceholder={intl.formatMessage({ id: 'diffExpResultsTable.searchPlaceholder' })}
                 urlToRetrieveData={urlDifferentialExpressionExperimentResults + props.differentialExpressionAnalysisId + '/'}
                 updateWSKey='update_differential_expression_experiments'
                 mapFunction={(differentialExpressionAnalysis: DiffExpExperimentDetail) => (
diff --git a/src/frontend/static/frontend/src/components/differential-expression/DifferentialExpressionModalResultsVolcanoPlot.tsx b/src/frontend/static/frontend/src/components/differential-expression/DifferentialExpressionModalResultsVolcanoPlot.tsx
index f26e9ec2..43488d5b 100644
--- a/src/frontend/static/frontend/src/components/differential-expression/DifferentialExpressionModalResultsVolcanoPlot.tsx
+++ b/src/frontend/static/frontend/src/components/differential-expression/DifferentialExpressionModalResultsVolcanoPlot.tsx
@@ -3,6 +3,7 @@ import { VolcanoPlot } from './VolcanoPlot'
 import ky from 'ky'
 import { VolcanoPoint } from './types'
 import { Form } from 'semantic-ui-react'
+import { useIntl } from 'react-intl'
 
 declare const urlDifferentialExpressionVolcanoData: string
 
@@ -17,6 +18,7 @@ interface DifferentialExpressionModalResultsVolcanoPlotProps {
  * @returns Component.
  */
 export const DifferentialExpressionModalResultsVolcanoPlot = (props: DifferentialExpressionModalResultsVolcanoPlotProps) => {
+    const intl = useIntl()
     const [volcanoPoints, setVolcanoPoints] = useState<VolcanoPoint[]>([])
     const [fcThreshold, setFcThreshold] = useState<number>(1)
     const [pThreshold, setPThreshold] = useState<number>(0.05)
@@ -55,13 +57,15 @@ export const DifferentialExpressionModalResultsVolcanoPlot = (props: Differentia
 
     return (
         <div style={{ padding: 20 }}>
-            <h3>Volcano Plot</h3>
+            <h3>{intl.formatMessage({ id: 'differentialExpression.volcanoPlot.title' })}</h3>
 
             {/* Selects */}
             <Form>
                 <Form.Group widths='equal'>
                     <Form.Select
-                        label='|log2FC| threshold'
+                        label={intl.formatMessage({
+                            id: 'differentialExpression.volcanoPlot.fcThreshold'
+                        })}
                         options={[
                             { key: 1, text: '1', value: 1 },
                             { key: 2, text: '2', value: 2 },
@@ -75,7 +79,9 @@ export const DifferentialExpressionModalResultsVolcanoPlot = (props: Differentia
                     />
 
                     <Form.Select
-                        label='p-value threshold'
+                        label={intl.formatMessage({
+                            id: 'differentialExpression.volcanoPlot.pValueThreshold'
+                        })}
                         options={[
                             { key: 0.05, text: '0.05', value: 0.05 },
                             { key: 0.01, text: '0.01', value: 0.01 },
@@ -85,7 +91,9 @@ export const DifferentialExpressionModalResultsVolcanoPlot = (props: Differentia
                             setPThreshold(Number(data.value))}
                     />
                     <Form.Checkbox
-                        label='Show thresholds'
+                        label={intl.formatMessage({
+                            id: 'differentialExpression.volcanoPlot.showThresholds'
+                        })}
                         checked={showThresholds}
                         onChange={(_, data) =>
                             setShowThresholds(Boolean(data.checked))}
diff --git a/src/frontend/static/frontend/src/components/differential-expression/DifferentialExpressionPanel.tsx b/src/frontend/static/frontend/src/components/differential-expression/DifferentialExpressionPanel.tsx
index b0d5025e..5ed691de 100644
--- a/src/frontend/static/frontend/src/components/differential-expression/DifferentialExpressionPanel.tsx
+++ b/src/frontend/static/frontend/src/components/differential-expression/DifferentialExpressionPanel.tsx
@@ -16,6 +16,7 @@ import { StopExperimentButton } from '../pipeline/all-experiments-view/StopExper
 import ky from 'ky'
 import { EditIcon } from '../common/EditIcon'
 import { DifferentialExpressionModalResults } from './DifferentialExpressionModalResults'
+import { useIntl } from 'react-intl'
 
 declare const urlDifferentialExpressionList:string
 declare const urlDifferentialExpressionStop:string
@@ -37,6 +38,7 @@ interface DiferentialExpressionPanelState {
  * @returns JSX.Element
  */
 export const DiferentialExpressionPanel = () => {
+    const intl = useIntl()
     const [state, setState] = useState<DiferentialExpressionPanelState>({
         alert: getDefaultAlertProps(),
         modal: getDefaultConfirmModal(),
@@ -90,10 +92,10 @@ export const DiferentialExpressionPanel = () => {
             return { key: id, value: id, text: tag.name }
         })
 
-        methodsOptions.unshift({ key: 'no_method', text: 'No method' })
+        methodsOptions.unshift({ key: 'no_method', text: intl.formatMessage({ id: 'differentialExpression.panel.noMethod' }) })
 
         return [
-            { label: 'Method', keyForServer: 'tool', defaultValue: '', placeholder: 'Select an existing method', options: methodsOptions, width: 3 }
+            { label: intl.formatMessage({ id: 'differentialExpression.panel.method' }), keyForServer: 'tool', defaultValue: '', placeholder: intl.formatMessage({ id: 'differentialExpression.panel.selectMethod' }), options: methodsOptions, width: 3 }
         ]
     }
 
@@ -117,12 +119,12 @@ export const DiferentialExpressionPanel = () => {
         }).then((response) => {
             // If OK closes the modal
             if (response.ok) {
-                updateAlert(CustomAlertTypes.SUCCESS, 'Differential Expression experiment stopped successfully!')
+                updateAlert(CustomAlertTypes.SUCCESS, intl.formatMessage({ id: 'differentialExpression.panel.stopSuccess' }))
             } else {
-                updateAlert(CustomAlertTypes.ERROR, 'Error stopping Differential Expression experiment!')
+                updateAlert(CustomAlertTypes.ERROR, intl.formatMessage({ id: 'differentialExpression.panel.stopError' }))
             }
         }).catch((err) => {
-            updateAlert(CustomAlertTypes.ERROR, 'Error stopping Differential Expression experiment!')
+            updateAlert(CustomAlertTypes.ERROR, intl.formatMessage({ id: 'differentialExpression.panel.stopError' }))
             console.error('Error stopping FSExperiment ->', err)
         }).finally(() => {
             setState(prevState => ({ ...prevState, stoppingExperiment: false }))
@@ -140,12 +142,12 @@ export const DiferentialExpressionPanel = () => {
             headers: myHeaders,
         }).then((response) => {
             if (response.ok) {
-                updateAlert(CustomAlertTypes.SUCCESS, 'Differential Expression experiment deleted successfully!')
+                updateAlert(CustomAlertTypes.SUCCESS, intl.formatMessage({ id: 'differentialExpression.panel.deleteSuccess' }))
             } else {
-                updateAlert(CustomAlertTypes.ERROR, 'Error deleting Differential Expression experiment!')
+                updateAlert(CustomAlertTypes.ERROR, intl.formatMessage({ id: 'differentialExpression.panel.deleteError' }))
             }
         }).catch((err) => {
-            updateAlert(CustomAlertTypes.ERROR, 'Error deleting Differential Expression experiment!')
+            updateAlert(CustomAlertTypes.ERROR, intl.formatMessage({ id: 'differentialExpression.panel.deleteError' }))
             console.error('Error deleting FSExperiment ->', err)
         })
     }
@@ -199,16 +201,16 @@ export const DiferentialExpressionPanel = () => {
                 </Grid.Column>
                 <Grid.Column width={12}>
                     <PaginatedTable<DifferentialExpressionAnalysis>
-                        headerTitle='Differential Expressions Analyses'
+                        headerTitle={intl.formatMessage({ id: 'differentialExpression.panel.headerTitle' })}
                         headers={[
-                            { name: 'Name', serverCodeToSort: 'name', width: 2 },
-                            { name: 'Description', serverCodeToSort: 'description', width: 3 },
-                            { name: 'Method', serverCodeToSort: 'tool' },
-                            { name: 'Date', serverCodeToSort: 'created_at' },
-                            { name: 'State', serverCodeToSort: 'state', width: 1, textAlign: 'center' },
-                            { name: 'Sources' },
-                            { name: 'Public', width: 1 },
-                            { name: 'Actions', width: 2 }
+                            { name: intl.formatMessage({ id: 'common.name' }), serverCodeToSort: 'name', width: 2 },
+                            { name: intl.formatMessage({ id: 'common.description' }), serverCodeToSort: 'description', width: 3 },
+                            { name: intl.formatMessage({ id: 'differentialExpression.panel.method' }), serverCodeToSort: 'tool' },
+                            { name: intl.formatMessage({ id: 'common.date' }), serverCodeToSort: 'created_at' },
+                            { name: intl.formatMessage({ id: 'common.state' }), serverCodeToSort: 'state', width: 1, textAlign: 'center' },
+                            { name: intl.formatMessage({ id: 'differentialExpression.panel.sources' }) },
+                            { name: intl.formatMessage({ id: 'differentialExpression.panel.public' }), width: 1 },
+                            { name: intl.formatMessage({ id: 'common.actions' }), width: 2 }
                         ]}
                         defaultSortProp={{ sortField: 'created_at', sortOrderAscendant: false }}
                         customFilters={getDefaultFilters()}
@@ -224,7 +226,9 @@ export const DiferentialExpressionPanel = () => {
                                 </Button>
                             </Form.Field> */
                         ]}
-                        searchLabel='Name/Description'
+                        searchLabel={intl.formatMessage({
+                            id: 'differentialExpression.panel.nameDescription'
+                        })}
                         searchPlaceholder='Search by name/description'
                         urlToRetrieveData={urlDifferentialExpressionList}
                         updateWSKey='update_differential_expression_experiments'
@@ -255,14 +259,18 @@ export const DiferentialExpressionPanel = () => {
                                                 source={differentialExpressionAnalysis.mrna_source}
                                                 iconName='file'
                                                 iconColor={GenesColors.MRNA}
-                                                downloadButtonTitle='Download source mRNA file'
+                                                downloadButtonTitle={intl.formatMessage({
+                                                    id: 'differentialExpression.panel.downloadMrnaSource'
+                                                })}
                                             />
 
                                             <SourcePopup
                                                 source={differentialExpressionAnalysis.clinical_source}
                                                 iconName='file alternate'
                                                 iconColor={GenesColors.CLINICAL}
-                                                downloadButtonTitle='Download Clinical source file'
+                                                downloadButtonTitle={intl.formatMessage({
+                                                    id: 'differentialExpression.panel.downloadClinicalSource'
+                                                })}
                                             />
                                         </>
 
@@ -272,14 +280,18 @@ export const DiferentialExpressionPanel = () => {
                                             differentialExpressionAnalysis.is_public
                                                 ? (
                                                     <Icon
-                                                        title='All users of the platform can see this experiment'
+                                                        title={intl.formatMessage({
+                                                            id: 'differentialExpression.panel.publicVisible'
+                                                        })}
                                                         name='check'
                                                         color='green'
                                                     />
                                                 )
                                                 : (
                                                     <Icon
-                                                        title='If this is checked all the users in the platform can see (but not edit or remove) this element'
+                                                        title={intl.formatMessage({
+                                                            id: 'differentialExpression.panel.publicHidden'
+                                                        })}
                                                         name='close'
                                                         color='red'
                                                     />
@@ -295,7 +307,9 @@ export const DiferentialExpressionPanel = () => {
                                                     onClick={() => { openInferenceResult(differentialExpressionAnalysis) }}
                                                     className='clickable'
                                                     color='blue'
-                                                    title='See results'
+                                                    title={intl.formatMessage({
+                                                        id: 'differentialExpression.panel.seeResults'
+                                                    })}
                                                 />
                                             )
                                         }
@@ -313,8 +327,10 @@ export const DiferentialExpressionPanel = () => {
                                                     {
                                                         isInProcess && (
                                                             <StopExperimentButton
-                                                                title='Stop experiment'
-                                                                onClick={() => handleChangeConfirmModalState(true, 'Stop Experiment', 'Are you sure to stop experiment?', () => confirmExperimentStop(differentialExpressionAnalysis.id))}
+                                                                title={intl.formatMessage({
+                                                                    id: 'differentialExpression.panel.stopExperiment'
+                                                                })}
+                                                                onClick={() => handleChangeConfirmModalState(true, intl.formatMessage({ id: 'differentialExpression.panel.stopExperimentTitle' }), intl.formatMessage({ id: 'differentialExpression.panel.stopExperimentConfirm' }), () => confirmExperimentStop(differentialExpressionAnalysis.id))}
                                                                 ownerId={differentialExpressionAnalysis.user.id as number}
                                                             />
                                                         )
@@ -323,7 +339,9 @@ export const DiferentialExpressionPanel = () => {
                                                     {/* Delete button */}
                                                     {(!isInProcess && !differentialExpressionAnalysis.is_public) && (
                                                         <DeleteButton
-                                                            title='Delete experiment'
+                                                            title={intl.formatMessage({
+                                                                id: 'differentialExpression.panel.deleteExperiment'
+                                                            })}
                                                             onClick={() => confirmExperimentDeletion(differentialExpressionAnalysis)}
                                                             ownerId={differentialExpressionAnalysis.user.id}
                                                         />
diff --git a/src/frontend/static/frontend/src/components/faq/FAQ.tsx b/src/frontend/static/frontend/src/components/faq/FAQ.tsx
new file mode 100644
index 00000000..3ad9e357
--- /dev/null
+++ b/src/frontend/static/frontend/src/components/faq/FAQ.tsx
@@ -0,0 +1,216 @@
+import React from 'react'
+import { Container, Divider, Grid, Header, List } from 'semantic-ui-react'
+import { Base } from '../Base'
+import { FAQQuestionAndAnswer } from './FAQQuestionAndAnswer'
+import { useIntl } from 'react-intl'
+/**
+ * FAQ Page (Frequently Asked Questions).
+ *
+ * Uses the `FAQQuestionAndAnswer` component to display each questions and answers.
+ */
+
+export const FAQ = () => {
+    const intl = useIntl()
+
+    return (
+        <Base activeItem='faq' wrapperClass='wrapper'>
+            <Container text className='margin-top-2 margin-bottom-5'>
+                <Grid stackable>
+                    <Grid.Row columns={1}>
+                        <Grid.Column>
+                            <Header as='h1'>{intl.formatMessage({ id: 'faq.pageTitle' })}</Header>
+                            <Divider />
+
+                            {/* Question 1: What is Multiomix? */}
+                            <FAQQuestionAndAnswer
+                                segmentId='what-is-multiomix'
+                                headerTitle={intl.formatMessage({ id: 'faq.whatIs.question' })}
+                                answer={(
+                                    <p>
+                                        {intl.formatMessage({ id: 'faq.whatIs.answer' })} (
+                                        <a href='#'>{intl.formatMessage({ id: 'faq.whatIs.link' })}</a>)
+                                    </p>
+                                )}
+                            />
+
+                            {/* Question 2: What kind of analysis can I do? */}
+                            <FAQQuestionAndAnswer
+                                segmentId='analysis-types'
+                                headerTitle={intl.formatMessage({ id: 'faq.analysisTypes.question' })}
+                                answer={(
+                                    <p>
+                                        {intl.formatMessage({ id: 'faq.analysisTypes.answer' })}
+                                    </p>
+                                )}
+                            />
+
+                            {/* Question 3: Pipelines and statistical methods */}
+                            <FAQQuestionAndAnswer
+                                segmentId='pipelines'
+                                headerTitle={intl.formatMessage({ id: 'faq.pipelines.question' })}
+                                answer={(
+                                    <>
+                                        <p>
+                                            {intl.formatMessage({ id: 'faq.pipelines.p1' })}
+                                        </p>
+                                        <p>
+                                            {intl.formatMessage({ id: 'faq.pipelines.p2' })}
+                                        </p>
+                                        <p>
+                                            {intl.formatMessage({ id: 'faq.pipelines.p3' })}
+                                        </p>
+                                    </>
+                                )}
+                            />
+
+                            {/* Question 4: Uploading own data */}
+                            <FAQQuestionAndAnswer
+                                segmentId='upload-data'
+                                headerTitle={intl.formatMessage({ id: 'faq.uploadData.question' })}
+                                answer={(
+                                    <p>
+                                        {intl.formatMessage({ id: 'faq.uploadData.answer' })}
+                                    </p>
+                                )}
+                            />
+                            {/* Question 5: Public datasets */}
+                            <FAQQuestionAndAnswer
+                                segmentId='datasets-public'
+                                headerTitle={intl.formatMessage({ id: 'faq.datasetsPublic.question' })}
+                                answer={(
+                                    <p>
+                                        {intl.formatMessage({ id: 'faq.datasetsPublic.answer' })}
+                                    </p>
+                                )}
+                            />
+
+                            {/* Question 6: cBioPortal datasets preprocessing */}
+                            <FAQQuestionAndAnswer
+                                segmentId='datasets'
+                                headerTitle={intl.formatMessage({ id: 'faq.datasetsPreprocessing.question' })}
+                                answer={(
+                                    <>
+                                        <p>
+                                            {intl.formatMessage({ id: 'faq.datasetsPreprocessing.p1' })}
+                                        </p>
+                                        <p>
+                                            {intl.formatMessage({ id: 'faq.datasetsPreprocessing.p2' })}
+                                        </p>
+                                    </>
+                                )}
+                            />
+                            {/* Question 7: Only for experts? */}
+                            <FAQQuestionAndAnswer
+                                segmentId='expertise'
+                                headerTitle={intl.formatMessage({ id: 'faq.expertise.question' })}
+                                answer={(
+                                    <p>
+                                        {intl.formatMessage({ id: 'faq.expertise.answer' })}
+                                    </p>
+                                )}
+                            />
+
+                            {/* Question 8: Performance for correlation analysis */}
+                            <FAQQuestionAndAnswer
+                                segmentId='performance'
+                                headerTitle={intl.formatMessage({ id: 'faq.performance.question' })}
+                                answer={(
+                                    <p>
+                                        {intl.formatMessage({ id: 'faq.performance.answer' })}{' '}
+                                        <a href='https://github.com/' target='_blank' rel='noreferrer'>GGCA</a>
+                                    </p>
+                                )}
+                            />
+
+                            {/* Question 9: Metaheuristics acceleration */}
+                            <FAQQuestionAndAnswer
+                                segmentId='metaheuristics'
+                                headerTitle={intl.formatMessage({ id: 'faq.metaheuristics.question' })}
+                                answer={(
+                                    <p>
+                                        {intl.formatMessage({ id: 'faq.metaheuristics.answer' })} (
+                                        <a href='#'>{intl.formatMessage({ id: 'faq.metaheuristics.link' })}</a>)
+                                    </p>
+                                )}
+                            />
+                            {/* Question 10: Ecosystem integrations */}
+                            <FAQQuestionAndAnswer
+                                segmentId='integrations'
+                                headerTitle={intl.formatMessage({ id: 'faq.integrations.question' })}
+                                answer={(
+                                    <p>
+                                        {intl.formatMessage({ id: 'faq.integrations.answer' })}{' '}
+                                        <a href='https://github.com/' target='_blank' rel='noreferrer'>BioAPI</a>{' '}
+                                        <a href='https://github.com/' target='_blank' rel='noreferrer'>Modulector</a>
+                                    </p>
+                                )}
+                            />
+                            {/* Question 11: Internal technologies */}
+                            <FAQQuestionAndAnswer
+                                segmentId='technologies'
+                                headerTitle={intl.formatMessage({ id: 'faq.technologies.question' })}
+                                answer={(
+                                    <p>
+                                        {intl.formatMessage({ id: 'faq.technologies.answer' })} (
+                                        <a href='https://github.com/' target='_blank' rel='noreferrer'>GitHub</a>)
+                                    </p>
+                                )}
+                            />
+
+                            <Divider />
+                            {/* Question 12: Privacy */}
+                            <FAQQuestionAndAnswer
+                                segmentId='privacy'
+                                headerTitle={intl.formatMessage({ id: 'faq.privacy.question' })}
+                                answer={(
+                                    <p>
+                                        {intl.formatMessage({ id: 'faq.privacy.answer' })}
+                                    </p>
+                                )}
+                            />
+                            {/* Question 13: Local installation */}
+                            <FAQQuestionAndAnswer
+                                segmentId='installation'
+                                headerTitle={intl.formatMessage({ id: 'faq.installation.question' })}
+                                answer={(
+                                    <p>
+                                        {intl.formatMessage({ id: 'faq.installation.answer' })} (
+                                        <a href='https://github.com/' target='_blank' rel='noreferrer'>GitHub</a>)
+                                    </p>
+                                )}
+                            />
+
+                            <Divider />
+                            {/* Question 14: Licenses */}
+                            <FAQQuestionAndAnswer
+                                segmentId='licenses'
+                                headerTitle={intl.formatMessage({ id: 'faq.licenses.question' })}
+                                answer={(
+                                    <p>
+                                        {intl.formatMessage({ id: 'faq.licenses.answer' })}
+                                    </p>
+                                )}
+                            />
+                            {/* Question 15: Additional Links */}
+                            <FAQQuestionAndAnswer
+                                segmentId='footer'
+                                headerTitle={intl.formatMessage({ id: 'faq.metaheuristics.link' })} // Usando link genérico o podrías crear faq.footer.title
+                                answer={(
+                                    <List horizontal divided link size='small'>
+                                        <List.Item as='a'>{intl.formatMessage({ id: 'faq.footer.links.siteMap' })}</List.Item>
+                                        <List.Item as='a'>{intl.formatMessage({ id: 'faq.footer.links.contact' })}</List.Item>
+                                        <List.Item as='a'>{intl.formatMessage({ id: 'faq.footer.links.terms' })}</List.Item>
+                                        <List.Item as='a'>{intl.formatMessage({ id: 'faq.footer.links.privacy' })}</List.Item>
+                                    </List>
+                                )}
+                            />
+
+                            <Divider />
+
+                        </Grid.Column>
+                    </Grid.Row>
+                </Grid>
+            </Container>
+        </Base>
+    )
+}
diff --git a/src/frontend/static/frontend/src/components/faq/FAQQuestionAndAnswer.tsx b/src/frontend/static/frontend/src/components/faq/FAQQuestionAndAnswer.tsx
new file mode 100644
index 00000000..6ab6f618
--- /dev/null
+++ b/src/frontend/static/frontend/src/components/faq/FAQQuestionAndAnswer.tsx
@@ -0,0 +1,29 @@
+import React from 'react'
+import { Segment, Header } from 'semantic-ui-react'
+
+/**
+ * Props for the FAQQuestionAndAnswer component.
+ */
+interface FAQQuestionAndAnswerProps {
+    /** The unique identifier for the segment */
+    segmentId: string;
+    /** The title of the FAQ question */
+    headerTitle: string;
+    /** The answer content for the FAQ question */
+    answer: React.ReactNode;
+}
+
+/**
+ * Reusable component for displaying a FAQ question and its answer.
+ *  @param props - Object containing  `segmentId`,  `headerTitle`, and  `answer`
+ *  @returns A React component that displays a FAQ question and its answer.
+ */
+export const FAQQuestionAndAnswer = (props: FAQQuestionAndAnswerProps) => {
+    const { segmentId, headerTitle, answer } = props
+    return (
+        <Segment id={segmentId} basic>
+            <Header as='h2'>{headerTitle}</Header>
+            {answer}
+        </Segment>
+    )
+}
diff --git a/src/frontend/static/frontend/src/components/files-manager/FilesManager.tsx b/src/frontend/static/frontend/src/components/files-manager/FilesManager.tsx
index 38c2058b..d21259e3 100644
--- a/src/frontend/static/frontend/src/components/files-manager/FilesManager.tsx
+++ b/src/frontend/static/frontend/src/components/files-manager/FilesManager.tsx
@@ -14,6 +14,7 @@ import { TagLabel } from '../common/TagLabel'
 import { PopupIcons } from '../common/PopupIcons'
 import { SwitchPublicButton } from '../common/SwitchPublicButton'
 import { DeleteButton } from '../common/DeleteButton'
+import { useIntl, IntlShape } from 'react-intl'
 
 /** Structure returned from the chunk upload service. */
 type UploadResponse = {
@@ -79,6 +80,7 @@ interface FilesManagerState {
  */
 interface FilesManagerProps {
     handleChangeConfirmModalState: (setOption: boolean, headerText: string, contentText: string, onConfirm: () => void) => void
+    intl: IntlShape
 }
 
 class FilesManager extends React.Component<FilesManagerProps, FilesManagerState> {
@@ -164,7 +166,7 @@ class FilesManager extends React.Component<FilesManagerProps, FilesManagerState>
     onUnload = e => { // the method that will be used for both add and remove event
         if (this.state.uploadingFile) {
             e.preventDefault()
-            e.returnValue = 'A file is being uploaded. If you close the tab the upload will be canceled.'
+            e.returnValue = this.props.intl.formatMessage({ id: 'files.manager.upload.unloadWarning' })
         }
     }
 
@@ -464,6 +466,8 @@ class FilesManager extends React.Component<FilesManagerProps, FilesManagerState>
      * @param error Error object
      */
     uploadError = (error: HTTPError) => {
+        const { intl } = this.props
+
         error.response.json<DjangoResponseUploadUserFileError>().then((errorBody) => {
             console.error(errorBody)
             // NOTE: Parses int as Django Rest Framework returns as string
@@ -473,7 +477,7 @@ class FilesManager extends React.Component<FilesManagerProps, FilesManagerState>
                 : null
 
             if (internalCode === DjangoUserFileUploadErrorInternalCode.INVALID_FORMAT_NON_NUMERIC) {
-                alert('The file has an incorrect format: all columns except the index must be numerical data')
+                alert(intl.formatMessage({ id: 'files.manager.error.invalidFormat' }))
             } else {
                 alertGeneralError()
             }
@@ -566,6 +570,8 @@ class FilesManager extends React.Component<FilesManagerProps, FilesManagerState>
      * @returns Modal component. Null if no Tag was selected to delete
      */
     getTagDeletionConfirmModals () {
+        const { intl } = this.props
+
         if (!this.state.selectedTagToDelete) {
             return null
         }
@@ -574,14 +580,14 @@ class FilesManager extends React.Component<FilesManagerProps, FilesManagerState>
             <Modal size='small' open={this.state.showDeleteTagModal} onClose={this.handleClose} centered={false}>
                 <Header icon='trash' content='Delete tag' />
                 <Modal.Content>
-                    <p>Are you sure you want to delete the Tag "{this.state.selectedTagToDelete.name}"?</p>
+                    <p>{intl.formatMessage({ id: 'files.manager.delete.tag.confirm' }, { tagName: this.state.selectedTagToDelete.name })}</p>
                 </Modal.Content>
                 <Modal.Actions>
                     <Button onClick={this.handleClose}>
-                        Cancel
+                        {intl.formatMessage({ id: 'common.cancel' })}
                     </Button>
                     <Button color='red' onClick={this.deleteTag} loading={this.state.deletingTag} disabled={this.state.deletingTag}>
-                        Delete
+                        {intl.formatMessage({ id: 'common.delete' })}
                     </Button>
                 </Modal.Actions>
             </Modal>
@@ -593,26 +599,28 @@ class FilesManager extends React.Component<FilesManagerProps, FilesManagerState>
      * @returns Modal component. Null if no File was selected to delete
      */
     getFileDeletionConfirmModals () {
+        const { intl } = this.props
+
         if (!this.state.selectedFileToDelete) {
             return null
         }
 
         const warningMessage = this.state.selectedFileToDelete.file_type === FileType.CLINICAL
-            ? 'This file will be UNLINKED from all the associated experiments'
-            : 'All the associated experiments to this file will be DELETED'
+            ? intl.formatMessage({ id: 'files.manager.delete.file.warning.clinical' })
+            : intl.formatMessage({ id: 'files.manager.delete.file.warning.default' })
 
         return (
             <Modal size='small' open={this.state.showDeleteFileModal} onClose={this.handleClose} centered={false}>
-                <Header icon='trash' content='Delete file' />
+                <Header icon='trash' content={intl.formatMessage({ id: 'files.manager.delete.file.title' })} />
                 <Modal.Content>
-                    Are you sure you want to delete the file <strong>{this.state.selectedFileToDelete.name}</strong>? <strong>{warningMessage}</strong>
+                    {intl.formatMessage({ id: 'files.manager.delete.file.confirm' }, { fileName: <strong>{this.state.selectedFileToDelete.name}</strong> })} <strong>{warningMessage}</strong>
                 </Modal.Content>
                 <Modal.Actions>
                     <Button onClick={this.handleClose}>
-                        Cancel
+                        {intl.formatMessage({ id: 'common.cancel' })}
                     </Button>
                     <Button color='red' onClick={this.deleteFile} loading={this.state.deletingFile} disabled={this.state.deletingFile}>
-                        Delete
+                        {intl.formatMessage({ id: 'common.delete' })}
                     </Button>
                 </Modal.Actions>
             </Modal>
@@ -719,15 +727,16 @@ class FilesManager extends React.Component<FilesManagerProps, FilesManagerState>
      * @returns Default object for table's headers
      */
     getDefaultHeaders (): RowHeader<DjangoUserFile>[] {
+        const { intl } = this.props
         return [
-            { name: 'Name', serverCodeToSort: 'name' },
-            { name: 'Description', serverCodeToSort: 'description', width: 3 },
-            { name: 'Type', serverCodeToSort: 'file_type' },
-            { name: 'Date', serverCodeToSort: 'upload_date' },
-            { name: 'Institutions', width: 2 },
-            { name: 'Tag', serverCodeToSort: 'tag', width: 2 },
-            { name: 'Public', width: 1 },
-            { name: 'Actions', width: 2 }
+            { name: intl.formatMessage({ id: 'common.name' }), serverCodeToSort: 'name' },
+            { name: intl.formatMessage({ id: 'common.description' }), serverCodeToSort: 'description', width: 3 },
+            { name: intl.formatMessage({ id: 'files.manager.table.type' }), serverCodeToSort: 'file_type' },
+            { name: intl.formatMessage({ id: 'common.date' }), serverCodeToSort: 'upload_date' },
+            { name: intl.formatMessage({ id: 'files.manager.table.institutions' }), width: 2 },
+            { name: intl.formatMessage({ id: 'files.manager.table.tag' }), serverCodeToSort: 'tag', width: 2 },
+            { name: intl.formatMessage({ id: 'files.manager.table.public' }), width: 1 },
+            { name: intl.formatMessage({ id: 'common.actions' }), width: 2 }
         ]
     }
 
@@ -736,16 +745,17 @@ class FilesManager extends React.Component<FilesManagerProps, FilesManagerState>
      * @returns Default object for table's Filters
      */
     getDefaultFilters (): PaginationCustomFilter[] {
+        const { intl } = this.props
         const tagOptions: DropdownItemProps[] = this.state.tags.map((tag) => {
             const id = tag.id as number
             return { key: id, value: id, text: tag.name }
         })
 
-        tagOptions.unshift({ key: 'no_tag', text: 'No tag' })
+        tagOptions.unshift({ key: 'no_tag', text: intl.formatMessage({ id: 'files.manager.filter.tag.noTag' }) })
 
         const selectVisibilityOptions = [
-            { key: 'all', text: 'All', value: 'all' },
-            { key: 'private', text: 'Private', value: 'private' }
+            { key: 'all', text: intl.formatMessage({ id: 'files.manager.filter.visibility.all' }), value: 'all' },
+            { key: 'private', text: intl.formatMessage({ id: 'files.manager.filter.visibility.private' }), value: 'private' }
         ]
 
         const institutionsOptions: DropdownItemProps[] = this.state.userInstitutions.map((institution) => {
@@ -753,10 +763,24 @@ class FilesManager extends React.Component<FilesManagerProps, FilesManagerState>
         })
 
         return [
-            { label: 'Tag', keyForServer: 'tag', defaultValue: '', placeholder: 'Select existing Tag', options: tagOptions, width: 3 },
-            { label: 'Visibility', keyForServer: 'visibility', defaultValue: 'all', options: selectVisibilityOptions, clearable: false, width: 2 },
             {
-                label: 'Institutions',
+                label: intl.formatMessage({ id: 'files.manager.table.tag' }),
+                keyForServer: 'tag',
+                defaultValue: '',
+                placeholder: intl.formatMessage({ id: 'files.manager.filter.tag.placeholder' }),
+                options: tagOptions,
+                width: 3
+            },
+            {
+                label: intl.formatMessage({ id: 'files.manager.filter.visibility.label' }),
+                keyForServer: 'visibility',
+                defaultValue: 'all',
+                options: selectVisibilityOptions,
+                clearable: false,
+                width: 2
+            },
+            {
+                label: intl.formatMessage({ id: 'files.manager.filter.institutions.label' }),
                 keyForServer: 'institutions',
                 defaultValue: '',
                 options: institutionsOptions,
@@ -764,7 +788,7 @@ class FilesManager extends React.Component<FilesManagerProps, FilesManagerState>
                 width: 3
             },
             {
-                label: 'File type',
+                label: intl.formatMessage({ id: 'files.manager.filter.fileType.label' }),
                 keyForServer: 'file_type',
                 defaultValue: FileType.ALL,
                 options: getFileTypeSelectOptions(),
@@ -776,6 +800,7 @@ class FilesManager extends React.Component<FilesManagerProps, FilesManagerState>
 
     render () {
         // Tag and File deletion modals
+        const { intl } = this.props
         const tagDeletionConfirmModal = this.getTagDeletionConfirmModals()
         const fileDeletionConfirmModal = this.getFileDeletionConfirmModals()
         const fileTypeOptions = getFileTypeSelectOptions(false)
@@ -784,7 +809,7 @@ class FilesManager extends React.Component<FilesManagerProps, FilesManagerState>
             return { key: id, value: id, text: tag.name }
         })
 
-        tagOptions.unshift({ key: 'no_tag', text: 'No tag' })
+        tagOptions.unshift({ key: 'no_tag', text: intl.formatMessage({ id: 'files.manager.filter.tag.noTag' }) })
 
         const institutionsOptions: DropdownItemProps[] = this.state.userInstitutions.map((institution) => {
             return { key: institution.id, value: institution.id, text: institution.name }
@@ -839,12 +864,12 @@ class FilesManager extends React.Component<FilesManagerProps, FilesManagerState>
                         textAlign='center'
                     >
                         <PaginatedTable<DjangoUserFile>
-                            headerTitle='File Manager'
+                            headerTitle={intl.formatMessage({ id: 'files.manager.title' })}
                             headers={this.getDefaultHeaders()}
                             customFilters={this.getDefaultFilters()}
                             showSearchInput
-                            searchLabel='Name'
-                            searchPlaceholder='Search by name'
+                            searchLabel={intl.formatMessage({ id: 'common.name' })}
+                            searchPlaceholder={intl.formatMessage({ id: 'files.manager.search.placeholder' })}
                             urlToRetrieveData={urlUserFilesCRUD}
                             updateWSKey='update_user_files'
                             mapFunction={(userFileRow: DjangoUserFile) => (
@@ -858,7 +883,10 @@ class FilesManager extends React.Component<FilesManagerProps, FilesManagerState>
                                             <Icon
                                                 name='building'
                                                 size='large'
-                                                title={`This dataset is shared with ${userFileRow.institutions.map((institution) => institution.name).join(', ')}`}
+                                                title={intl.formatMessage(
+                                                    { id: 'files.manager.tooltip.sharedWith' },
+                                                    { list: userFileRow.institutions.map((i) => i.name).join(', ') }
+                                                )}
                                             />
                                         )}
                                     </Table.Cell>
@@ -868,14 +896,14 @@ class FilesManager extends React.Component<FilesManagerProps, FilesManagerState>
                                             userFileRow.is_public
                                                 ? (
                                                     <Icon
-                                                        title='All users of the platform can see this file'
+                                                        title={intl.formatMessage({ id: 'files.manager.tooltip.public' })}
                                                         name='check'
                                                         color='green'
                                                     />
                                                 )
                                                 : (
                                                     <Icon
-                                                        title='If this is checked all the users in the platform can see (but not edit or remove) this element'
+                                                        title={intl.formatMessage({ id: 'files.manager.tooltip.privateVisibility' })}
                                                         name='close'
                                                         color='red'
                                                     />
@@ -888,7 +916,10 @@ class FilesManager extends React.Component<FilesManagerProps, FilesManagerState>
                                             name='info'
                                             className='margin-left-2'
                                             color='blue'
-                                            title={`The column "${userFileRow.column_used_as_index}" will be used as index`}
+                                            title={intl.formatMessage(
+                                                { id: 'files.manager.tooltip.indexColumn' },
+                                                { columnName: userFileRow.column_used_as_index }
+                                            )}
                                         />
                                         {/* Users can modify or delete own files or the ones which belongs to an
                                         Institution which the user is admin of */}
@@ -899,7 +930,7 @@ class FilesManager extends React.Component<FilesManagerProps, FilesManagerState>
                                                     name='pencil'
                                                     className='clickable margin-left-5'
                                                     color='yellow'
-                                                    title='Edit'
+                                                    title={intl.formatMessage({ id: 'common.edit' })}
                                                     onClick={() => this.editFile(userFileRow)}
                                                 />
                                             </>
@@ -913,7 +944,7 @@ class FilesManager extends React.Component<FilesManagerProps, FilesManagerState>
                                                         name='cloud download'
                                                         color='blue'
                                                         className='clickable margin-left-5'
-                                                        title='Download file'
+                                                        title={intl.formatMessage({ id: 'files.manager.tooltip.download' })}
                                                         onClick={() => window.open(`${downloadFileURL}${userFileRow.id}`, '_blank')}
                                                     />
                                                     {/* Public switch */}
@@ -930,7 +961,7 @@ class FilesManager extends React.Component<FilesManagerProps, FilesManagerState>
                                                     {/* Shows a delete button if specified */}
                                                     {!userFileRow.is_public && (
                                                         <DeleteButton
-                                                            title='Delete file'
+                                                            title={intl.formatMessage({ id: 'common.delete' })}
                                                             onClick={() => this.confirmFileDeletion(userFileRow)}
                                                             ownerId={userFileRow.user.id}
                                                         />
@@ -945,7 +976,7 @@ class FilesManager extends React.Component<FilesManagerProps, FilesManagerState>
                                                 name='warning sign'
                                                 className='margin-left-2'
                                                 color='yellow'
-                                                title='The dataset contains NaN values'
+                                                title={intl.formatMessage({ id: 'files.manager.tooltip.nanWarning' })}
                                             />
                                         )}
                                     </Table.Cell>
@@ -958,5 +989,13 @@ class FilesManager extends React.Component<FilesManagerProps, FilesManagerState>
         )
     }
 }
+/**
+ * Functional wrapper to inject intl into the class component.
+ */
+
+const FilesManagerWithIntl = (props: Omit<FilesManagerProps, 'intl'>) => {
+    const intl = useIntl()
+    return <FilesManager {...props} intl={intl} />
+}
 
-export { NewFile, FilesManager }
+export { NewFile, FilesManagerWithIntl as FilesManager }
diff --git a/src/frontend/static/frontend/src/components/files-manager/InstitutionsDropdown.tsx b/src/frontend/static/frontend/src/components/files-manager/InstitutionsDropdown.tsx
index 11f2a081..a71d0a23 100644
--- a/src/frontend/static/frontend/src/components/files-manager/InstitutionsDropdown.tsx
+++ b/src/frontend/static/frontend/src/components/files-manager/InstitutionsDropdown.tsx
@@ -1,5 +1,6 @@
 import React from 'react'
 import { DropdownItemProps, Form, SemanticWIDTHS } from 'semantic-ui-react'
+import { useIntl } from 'react-intl'
 
 /**
  * Component's props
@@ -19,20 +20,24 @@ interface InstitutionsDropdownProps {
  * @param props Component's props
  * @returns Component
  */
-export const InstitutionsDropdown = (props: InstitutionsDropdownProps) => (
-    <Form.Dropdown
-        fluid
-        width={props.width !== undefined ? props.width : 16}
-        options={props.institutionsOptions}
-        search
-        selection
-        clearable
-        multiple
-        label={props.showLabel ? 'Institutions' : undefined}
-        name={props.name}
-        value={props.value}
-        onChange={(_, { name, value }) => props.handleChange(name, value)}
-        placeholder='Institutions (optional)'
-        disabled={props.disabled}
-    />
-)
+export const InstitutionsDropdown = (props: InstitutionsDropdownProps) => {
+    const intl = useIntl()
+
+    return (
+        <Form.Dropdown
+            fluid
+            width={props.width !== undefined ? props.width : 16}
+            options={props.institutionsOptions}
+            search
+            selection
+            clearable
+            multiple
+            label={props.showLabel ? intl.formatMessage({ id: 'institutionsDropdown.label' }) : undefined}
+            name={props.name}
+            value={props.value}
+            onChange={(_, { name, value }) => props.handleChange(name, value)}
+            placeholder={intl.formatMessage({ id: 'institutionsDropdown.placeholder' })}
+            disabled={props.disabled}
+        />
+    )
+}
diff --git a/src/frontend/static/frontend/src/components/files-manager/NewFileForm.tsx b/src/frontend/static/frontend/src/components/files-manager/NewFileForm.tsx
index e22ca3d0..3fc2e92d 100644
--- a/src/frontend/static/frontend/src/components/files-manager/NewFileForm.tsx
+++ b/src/frontend/static/frontend/src/components/files-manager/NewFileForm.tsx
@@ -9,6 +9,7 @@ import { InfoPopup } from '../pipeline/experiment-result/gene-gem-details/InfoPo
 import { SurvivalTuplesForm } from '../survival/SurvivalTuplesForm'
 import { NewFile } from './FilesManager'
 import { InstitutionsDropdown } from './InstitutionsDropdown'
+import { useIntl } from 'react-intl'
 
 /** UploadLabel props. */
 interface UploadLabelProps {
@@ -21,21 +22,33 @@ interface UploadLabelProps {
  * @returns Component
  */
 const UploadLabel = (props: UploadLabelProps) => {
+    const intl = useIntl()
     const isUploading = props.uploadState === null || props.uploadState === UploadState.UPLOADING_CHUNKS
     const [header, description]: [string, string] = isUploading
-        ? ['Uploading file', 'The file is being uploaded in chunks']
-        : ['Ensuring file quality', 'We perform a serie of checks to ensure that the data received on our server is correct']
-
+        ? [
+            intl.formatMessage({ id: 'newFileForm.uploadingFile' }),
+            intl.formatMessage({ id: 'newFileForm.uploadingFile.description' })
+        ]
+        : [
+            intl.formatMessage({ id: 'newFileForm.checkingFile' }),
+            intl.formatMessage({ id: 'newFileForm.checkingFile.description' })
+        ]
     return (
         <span>
-            {isUploading ? 'Uploading file' : 'Checking file'}
+            {isUploading
+                ? intl.formatMessage({ id: 'newFileForm.uploadingFile' })
+                : intl.formatMessage({ id: 'newFileForm.checkingFile' })}
 
             <InfoPopup
                 content={(
                     <>
                         <Header>{header}</Header>
 
-                        <p>{description}. Please note that <strong>this process may take a few minutes depending on the size of the file. You can still use Multiomix from another browser tab</strong>. Thanks for your patience.</p>
+                        <p>
+                            {description}.
+                            {' '}
+                            <strong>{intl.formatMessage({ id: 'newFileForm.processing.warning' })}</strong>
+                        </p>
                     </>
                 )}
                 onTop={false}
@@ -75,6 +88,7 @@ interface NewFileFormProps {
  * @returns Component
  */
 export const NewFileForm = (props: NewFileFormProps) => {
+    const intl = useIntl()
     const checkedHandleFormChanges = checkedValidityCallback(props.handleAddFileInputsChange)
 
     let progressOrButton
@@ -95,7 +109,9 @@ export const NewFileForm = (props: NewFileFormProps) => {
             <Form.Button
                 fluid
                 className='ellipsis'
-                content={props.isEditing ? 'Editing...' : props.newFile.newFileName}
+                content={props.isEditing
+                    ? intl.formatMessage({ id: 'newFileForm.editing' })
+                    : props.newFile.newFileName}
                 color='blue'
                 onClick={() => props.newFileInputRef.current.click()}
                 width={14}
@@ -125,23 +141,34 @@ export const NewFileForm = (props: NewFileFormProps) => {
                             <InfoPopup
                                 content={(
                                     <>
-                                        <Header>Datasets</Header>
+                                        <Header>{intl.formatMessage({ id: 'common.datasets' })}</Header>
 
-                                        <p>In this form you can submit your own datasets. It will be pre-processed and will be available to launch new experiments or share with colleagues from the institutions to which you belong</p>
+                                        <p>{intl.formatMessage({ id: 'newFileForm.datasets.description' })}</p>
 
-                                        <Header as='h2'>Important considerations</Header>
+                                        <Header as='h2'>{intl.formatMessage({ id: 'newFileForm.importantConsiderations' })}</Header>
 
                                         <List bulleted>
-                                            <List.Item>First row <strong>must be a header</strong></List.Item>
-                                            <List.Item>First column <strong>must be the index</strong>, the rest the samples expression data</List.Item>
-                                            <List.Item>CSV, TSV or TXT files are accepted. Excel files will be supported in a near future</List.Item>
-                                            <List.Item>The column and decimal delimiters will be inferred from the data</List.Item>
+                                            <List.Item>
+                                                {intl.formatMessage({ id: 'newFileForm.dataset.header' })}
+                                            </List.Item>
+
+                                            <List.Item>
+                                                {intl.formatMessage({ id: 'newFileForm.dataset.index' })}
+                                            </List.Item>
+
+                                            <List.Item>
+                                                {intl.formatMessage({ id: 'newFileForm.dataset.acceptedFiles' })}
+                                            </List.Item>
+
+                                            <List.Item>
+                                                {intl.formatMessage({ id: 'newFileForm.dataset.delimiters' })}
+                                            </List.Item>
                                         </List>
 
                                         <img
                                             src='static/frontend/img/datasets/DatasetFormat.jpg'
                                             className='margin-top-5'
-                                            alt='Dataset format'
+                                            alt={intl.formatMessage({ id: 'newFileForm.datasetFormat' })}
                                         />
                                     </>
                                 )}
@@ -152,7 +179,7 @@ export const NewFileForm = (props: NewFileFormProps) => {
                         <Grid.Row>
                             {/* Filename input */}
                             <Form.Input
-                                placeholder='Filename'
+                                placeholder={intl.formatMessage({ id: 'newFileForm.filename.placeholder' })}
                                 name='newFileNameUser'
                                 value={props.newFile.newFileNameUser}
                                 onChange={checkedHandleFormChanges}
@@ -171,7 +198,7 @@ export const NewFileForm = (props: NewFileFormProps) => {
                                 name='newFileType'
                                 value={props.newFile.newFileType}
                                 onChange={(_, { name, value }) => props.handleAddFileInputsChange(name, value)}
-                                placeholder='File type'
+                                placeholder={intl.formatMessage({ id: 'newFileForm.fileType.placeholder' })}
                                 width={16}
                                 disabled={props.uploadingFile}
                             />
@@ -184,13 +211,13 @@ export const NewFileForm = (props: NewFileFormProps) => {
                                         fluid
                                         selectOnBlur={false}
                                         options={[
-                                            { key: 'gene', value: false, text: 'Gene ID' },
-                                            { key: 'cg', value: true, text: 'CpG site ID' }
+                                            { key: 'gene', value: false, text: intl.formatMessage({ id: 'newFileForm.geneId' }) },
+                                            { key: 'cg', value: true, text: intl.formatMessage({ id: 'newFileForm.cpgSiteId' }) }
                                         ]}
                                         name='isCpGSiteId'
                                         value={props.newFile.isCpGSiteId}
                                         onChange={(_, { name, value }) => props.handleAddFileInputsChange(name, value)}
-                                        placeholder='File type'
+                                        placeholder={intl.formatMessage({ id: 'newFileForm.fileType.placeholder' })}
                                         width={16}
                                         disabled={props.uploadingFile}
                                     />
@@ -202,14 +229,14 @@ export const NewFileForm = (props: NewFileFormProps) => {
                                             fluid
                                             selectOnBlur={false}
                                             options={[
-                                                { key: '450', value: DjangoMethylationPlatform.PLATFORM_450, text: 'Platform 450' },
+                                                { key: '450', value: DjangoMethylationPlatform.PLATFORM_450, text: intl.formatMessage({ id: 'newFileForm.platform450' }) },
                                                 /* TODO: implement platform 27 when dictionary is available */
-                                                { key: '27', value: DjangoMethylationPlatform.PLATFORM_450, text: 'Platform 27', disabled: true }
+                                                { key: '27', value: DjangoMethylationPlatform.PLATFORM_450, text: intl.formatMessage({ id: 'newFileForm.platform27' }), disabled: true }
                                             ]}
                                             name='platform'
                                             value={props.newFile.platform}
                                             onChange={(_, { name, value }) => props.handleAddFileInputsChange(name, value)}
-                                            placeholder='File type'
+                                            placeholder={intl.formatMessage({ id: 'newFileForm.platform.placeholder' })}
                                             width={16}
                                             disabled={props.uploadingFile}
                                         />
@@ -221,7 +248,7 @@ export const NewFileForm = (props: NewFileFormProps) => {
                         <Grid.Row>
                             {/* File description input */}
                             <Form.Input
-                                placeholder='Description (optional)'
+                                placeholder={intl.formatMessage({ id: 'common.descriptionOptional' })}
                                 name='newFileDescription'
                                 value={props.newFile.newFileDescription}
                                 onChange={checkedHandleFormChanges}
@@ -242,7 +269,7 @@ export const NewFileForm = (props: NewFileFormProps) => {
                                 name='newTag'
                                 value={props.newFile.newTag as number}
                                 onChange={(_, { name, value }) => props.handleAddFileInputsChange(name, value)}
-                                placeholder='Tag (optional)'
+                                placeholder={intl.formatMessage({ id: 'newFileForm.tag.placeholder' })}
                                 disabled={props.uploadingFile}
                             />
                         </Grid.Row>
@@ -261,7 +288,7 @@ export const NewFileForm = (props: NewFileFormProps) => {
                         <Grid.Row>
                             {/* Warning about upload time */}
                             <Label color='yellow' size='large'>
-                                Note: the upload time is subject to the size of the file
+                                {intl.formatMessage({ id: 'newFileForm.uploadWarning' })}
                             </Label>
                         </Grid.Row>
 
@@ -270,7 +297,9 @@ export const NewFileForm = (props: NewFileFormProps) => {
                             <Form.Button
                                 className='no-padding-left'
                                 fluid
-                                content={props.isEditing ? 'Save' : 'Upload'}
+                                content={props.isEditing
+                                    ? intl.formatMessage({ id: 'common.save' })
+                                    : intl.formatMessage({ id: 'newFileForm.upload' })}
                                 color='green'
                                 disabled={!props.newFileIsValid || props.uploadingFile}
                                 onClick={props.uploadFile}
@@ -286,7 +315,7 @@ export const NewFileForm = (props: NewFileFormProps) => {
                                 color='red'
                                 onClick={props.resetNewFileForm}
                                 disabled={!props.newFileIsValid || props.uploadingFile}
-                                title='Clear the form'
+                                title={intl.formatMessage({ id: 'newFileForm.resetForm' })}
                             />
                         </Grid.Row>
 
diff --git a/src/frontend/static/frontend/src/components/files-manager/TagsPanel.tsx b/src/frontend/static/frontend/src/components/files-manager/TagsPanel.tsx
index bee24bd3..dec2e001 100644
--- a/src/frontend/static/frontend/src/components/files-manager/TagsPanel.tsx
+++ b/src/frontend/static/frontend/src/components/files-manager/TagsPanel.tsx
@@ -3,6 +3,7 @@ import { Segment, Header, Icon, List } from 'semantic-ui-react'
 import { DjangoTag } from '../../utils/django_interfaces'
 import { Nullable } from '../../utils/interfaces'
 import { TagForm } from '../common/TagForm'
+import { useIntl } from 'react-intl'
 
 /**
  * Component's props
@@ -25,6 +26,7 @@ interface TagsPanelProps {
  * @returns Component
  */
 export const TagsPanel = (props: TagsPanelProps) => {
+    const intl = useIntl()
     const selectedTagId = props.selectedTag ? props.selectedTag.id : null
     const tagsItems = props.tags.map((tag) => {
         const isActive = tag.id === selectedTagId
@@ -45,7 +47,7 @@ export const TagsPanel = (props: TagsPanelProps) => {
                         name='pencil'
                         color='yellow'
                         className='clickable'
-                        title='Edit tag'
+                        title={intl.formatMessage({ id: 'tagsPanel.editTag' })}
                         onClick={() => props.editTag(tag)}
                     />
 
@@ -54,14 +56,14 @@ export const TagsPanel = (props: TagsPanelProps) => {
                         name='trash'
                         color='red'
                         className='clickable'
-                        title='Delete tag'
+                        title={intl.formatMessage({ id: 'tagsPanel.deleteTag' })}
                         onClick={() => props.confirmTagDeletion(tag)}
                     />
                 </List.Content>
                 <List.Icon
                     name={isActive ? 'filter' : 'tag'}
                     color={isActive ? 'green' : undefined}
-                    title={isActive ? 'The results are filtered by this tag' : ''}
+                    title={isActive ? intl.formatMessage({ id: 'tagsPanel.filteredByTag' }) : ''}
                 />
                 <List.Content>
                     <List.Header>{tag.name}</List.Header>
@@ -75,7 +77,7 @@ export const TagsPanel = (props: TagsPanelProps) => {
         <Segment>
             <Header textAlign='center'>
                 <Icon name='tags' />
-                <Header.Content>My Tags</Header.Content>
+                <Header.Content>{intl.formatMessage({ id: 'tagsPanel.myTags' })}</Header.Content>
             </Header>
 
             {/* Add tag input */}
diff --git a/src/frontend/static/frontend/src/components/index/Homepage.tsx b/src/frontend/static/frontend/src/components/index/Homepage.tsx
index 59cde49e..741fee82 100644
--- a/src/frontend/static/frontend/src/components/index/Homepage.tsx
+++ b/src/frontend/static/frontend/src/components/index/Homepage.tsx
@@ -1,6 +1,7 @@
 import React from 'react'
 import { Button, Container, Grid, Header, Icon, Image, List, Segment } from 'semantic-ui-react'
 import { Base } from '../Base'
+import { useIntl } from 'react-intl'
 
 // Declared in base.html
 declare const urlPipeline: string
@@ -9,48 +10,65 @@ declare const urlPipeline: string
  * Homepage heading
  * @returns Component
  */
-const HomepageHeading = () => (
-    <Segment id='homepage-heading' inverted>
-        <Grid stackable textAlign='center' className='margin-top-2'>
-            <Grid.Row columns={1}>
-                <Image rounded size='big' src='/static/frontend/img/homepage/multiomix-logo-name.png' alt='Multiomix logo' />
-            </Grid.Row>
-            <Grid.Row columns={1}>
-                <Header
-                    as='h1'
-                    id='header-title'
-                    inverted
-                    content='Cloud-based platform to infer cancer genomic and epigenomic events associated with gene expression modulation'
-                />
-            </Grid.Row>
-        </Grid>
+const HomepageHeading = () => {
+    const intl = useIntl()
 
-        <Container text className='margin-top-5 margin-bottom-5'>
-            <Grid stackable>
-                <Grid.Row columns={2}>
-                    <Grid.Column>
-                        <Button primary size='huge' fluid as='a' href={urlPipeline}>
-                            Get Started
-                            <Icon name='arrow right' />
-                        </Button>
-                    </Grid.Column>
-                    <Grid.Column>
-                        <Button color='orange' size='huge' fluid as='a' href='https://youtube.com/playlist?list=PL1P-aHbALFjuwUjNeyA5G7vhqJMRjuoAS' target='_blank'>
-                            Tutorials
-                            <Icon className='margin-left-2' name='youtube' />
-                        </Button>
-                    </Grid.Column>
+    return (
+        <Segment id='homepage-heading' inverted>
+            <Grid stackable textAlign='center' className='margin-top-2'>
+                <Grid.Row columns={1}>
+                    <Image
+                        rounded
+                        size='big'
+                        src='/static/frontend/img/homepage/multiomix-logo-name.png'
+                        alt={intl.formatMessage({ id: 'homepage.logoAlt' })}
+                    />
+                </Grid.Row>
+                <Grid.Row columns={1}>
+                    <Header
+                        as='h1'
+                        id='header-title'
+                        inverted
+                        content={intl.formatMessage({ id: 'homepage.headerTitle' })}
+                    />
                 </Grid.Row>
             </Grid>
-        </Container>
-    </Segment>
-)
+
+            <Container text className='margin-top-5 margin-bottom-5'>
+                <Grid stackable>
+                    <Grid.Row columns={2}>
+                        <Grid.Column>
+                            <Button primary size='huge' fluid as='a' href={urlPipeline}>
+                                {intl.formatMessage({ id: 'homepage.getStarted' })}
+                                <Icon name='arrow right' />
+                            </Button>
+                        </Grid.Column>
+                        <Grid.Column>
+                            <Button
+                                color='orange'
+                                size='huge'
+                                fluid
+                                as='a'
+                                href='https://youtube.com/playlist?list=PL1P-aHbALFjuwUjNeyA5G7vhqJMRjuoAS'
+                                target='_blank'
+                            >
+                                {intl.formatMessage({ id: 'homepage.tutorials' })}
+                                <Icon className='margin-left-2' name='youtube' />
+                            </Button>
+                        </Grid.Column>
+                    </Grid.Row>
+                </Grid>
+            </Container>
+        </Segment>
+    )
+}
 
 /**
  * Homepage component
  * @returns Component
  */
 export const Homepage = () => {
+    const intl = useIntl()
     return (
         <div>
             <Base activeItem='home' wrapperClass='wrapper'>
@@ -63,19 +81,19 @@ export const Homepage = () => {
                         <Grid.Row>
                             <Grid.Column width={8}>
                                 <Header className='important-title' as='h1'>
-                                    Empowering bioinformatics
+                                    {intl.formatMessage({ id: 'homepage.empoweringBioinformatics' })}
                                 </Header>
                                 <div className='middle-size-text'>
                                     <p>
-                                        Multiomix is an interactive cloud platform that allows biologists to identify genetic and epigenetic events associated with the transcriptional modulation of cancer-related genes through the analysis of multi-omics data available on public or private functional genomic databases.
+                                        {intl.formatMessage({ id: 'homepage.description1' })}
                                     </p>
                                     <p>
-                                        Briefly, Multiomix combines a user-friendly GUI, an integrated set of functions for data retrieval, aggregation, and storage of multi-omics data with three predefined pipelines that allow the identification of:
+                                        {intl.formatMessage({ id: 'homepage.description2' })}
                                     </p>
                                     <List>
-                                        <List.Item icon='marker' content='Genes post-transcriptionally modulated by microRNAs (miRNA pipeline)' />
-                                        <List.Item icon='marker' content='Genes transcriptionally silenced by promoter hyper-methylation (Methylation pipeline)' />
-                                        <List.Item icon='marker' content='Genes/Chromosome regions of potential focal amplification and over-expression (CNA pipeline)' />
+                                        <List.Item icon='marker' content={intl.formatMessage({ id: 'homepage.pipeline.mirna' })} />
+                                        <List.Item icon='marker' content={intl.formatMessage({ id: 'homepage.pipeline.methylation' })} />
+                                        <List.Item icon='marker' content={intl.formatMessage({ id: 'homepage.pipeline.cna' })} />
                                     </List>
                                 </div>
                             </Grid.Column>
@@ -87,7 +105,7 @@ export const Homepage = () => {
                                     rounded
                                     size='large'
                                     src='/static/frontend/img/homepage/all-analysis.png'
-                                    alt='analysis'
+                                    alt={intl.formatMessage({ id: 'homepage.analysisAlt' })}
                                 />
                             </Grid.Column>
                         </Grid.Row>
@@ -97,16 +115,16 @@ export const Homepage = () => {
                 <Segment className='padded-segment' vertical inverted>
                     <Container text>
                         <Header as='h1' className='important-title' inverted>
-                            Get involved!
+                            {intl.formatMessage({ id: 'homepage.getInvolved' })}
                         </Header>
                         <p className='middle-size-text'>
-                            Multiomix is a free and open-source platform hosted on Github. If you are a developer and want to contribute any kind of help is welcome and appreciated. Feel free to submit an issue o make a Pull Request!
+                            {intl.formatMessage({ id: 'homepage.openSourceDescription' })}
                         </p>
                     </Container>
 
                     <Container text textAlign='center' className='margin-top-5'>
                         <Button id='source-button' secondary basic as='a' size='huge' href='https://github.com/omics-datascience/multiomix' target='_blank' inverted>
-                            Source
+                            {intl.formatMessage({ id: 'homepage.source' })}
                             <Icon name='github' className='margin-left-5' />
                         </Button>
                     </Container>
diff --git a/src/frontend/static/frontend/src/components/institutions/InstitutionForm.tsx b/src/frontend/static/frontend/src/components/institutions/InstitutionForm.tsx
index 3ce4cf5d..af76f51f 100644
--- a/src/frontend/static/frontend/src/components/institutions/InstitutionForm.tsx
+++ b/src/frontend/static/frontend/src/components/institutions/InstitutionForm.tsx
@@ -4,6 +4,7 @@ import { Form, Button } from 'semantic-ui-react'
 import { getDjangoHeader } from '../../utils/util_functions'
 import { CustomAlertTypes, Nullable } from '../../utils/interfaces'
 import { DjangoInstitution } from '../../utils/django_interfaces'
+import { useIntl } from 'react-intl'
 
 const defaultForm: {
     id: undefined | number;
@@ -31,6 +32,7 @@ interface Props {
 }
 
 const InstitutionForm = (props: Props) => {
+    const intl = useIntl()
     const [formData, setFormData] = useState(defaultForm)
 
     /**
@@ -64,14 +66,14 @@ const InstitutionForm = (props: Props) => {
             ky.patch(editUrl, { headers: myHeaders, json: jsonParams }).then((response) => {
                 setFormData(prevState => ({ ...prevState, isLoading: true }))
                 response.json<DjangoInstitution>().then((jsonResponse) => {
-                    props.handleUpdateAlert(true, CustomAlertTypes.SUCCESS, `Institution ${jsonResponse.name} Updated!`, () => setFormData(defaultForm), true)
+                    props.handleUpdateAlert(true, CustomAlertTypes.SUCCESS, intl.formatMessage({ id: 'institutionForm.updated' }, { name: jsonResponse.name }), () => setFormData(defaultForm), true)
                 }).catch((err) => {
                     setFormData(prevState => ({ ...prevState, isLoading: false }))
-                    props.handleUpdateAlert(true, CustomAlertTypes.ERROR, 'Error creating an institution!', () => setFormData(prevState => ({ ...prevState, isLoading: false })))
+                    props.handleUpdateAlert(true, CustomAlertTypes.ERROR, intl.formatMessage({ id: 'institutionForm.error' }), () => setFormData(prevState => ({ ...prevState, isLoading: false })))
                     console.error('Error parsing JSON ->', err)
                 })
             }).catch((err) => {
-                props.handleUpdateAlert(true, CustomAlertTypes.ERROR, 'Error creating an institution!', () => setFormData(prevState => ({ ...prevState, isLoading: false })))
+                props.handleUpdateAlert(true, CustomAlertTypes.ERROR, intl.formatMessage({ id: 'institutionForm.error' }), () => setFormData(prevState => ({ ...prevState, isLoading: false })))
                 console.error('Error adding new Institution ->', err)
             })
         } else {
@@ -84,14 +86,14 @@ const InstitutionForm = (props: Props) => {
             ky.post(urlCreateInstitution, { headers: myHeaders, json: jsonParams }).then((response) => {
                 setFormData(prevState => ({ ...prevState, isLoading: true }))
                 response.json<DjangoInstitution>().then((jsonResponse) => {
-                    props.handleUpdateAlert(true, CustomAlertTypes.SUCCESS, `Institution ${jsonResponse.name} created!`, () => setFormData(defaultForm))
+                    props.handleUpdateAlert(true, CustomAlertTypes.SUCCESS, intl.formatMessage({ id: 'institutionForm.created' }, { name: jsonResponse.name }), () => setFormData(defaultForm))
                 }).catch((err) => {
-                    props.handleUpdateAlert(true, CustomAlertTypes.ERROR, 'Error creating an institution!', () => setFormData(prevState => ({ ...prevState, isLoading: false })))
+                    props.handleUpdateAlert(true, CustomAlertTypes.ERROR, intl.formatMessage({ id: 'institutionForm.error' }), () => setFormData(prevState => ({ ...prevState, isLoading: false })))
                     setFormData(prevState => ({ ...prevState, isLoading: false }))
                     console.error('Error parsing JSON ->', err)
                 })
             }).catch((err) => {
-                props.handleUpdateAlert(true, CustomAlertTypes.ERROR, 'Error creating an institution!', () => setFormData(prevState => ({ ...prevState, isLoading: false })))
+                props.handleUpdateAlert(true, CustomAlertTypes.ERROR, intl.formatMessage({ id: 'institutionForm.error' }), () => setFormData(prevState => ({ ...prevState, isLoading: false })))
                 console.error('Error adding new Institution ->', err)
             })
         }
@@ -127,27 +129,27 @@ const InstitutionForm = (props: Props) => {
                     name='name'
                     value={formData.name}
                     onChange={handleChange}
-                    placeholder='Institution name'
+                    placeholder={intl.formatMessage({ id: 'institutionForm.namePlaceholder' })}
                 />
                 <Form.Input
                     name='location'
                     value={formData.location}
                     onChange={handleChange}
-                    placeholder='Institution location'
+                    placeholder={intl.formatMessage({ id: 'institutionForm.locationPlaceholder' })}
                 />
                 <Form.Input
                     name='email'
                     type='email'
                     value={formData.email}
                     onChange={handleChange}
-                    placeholder='Institution email'
+                    placeholder={intl.formatMessage({ id: 'institutionForm.emailPlaceholder' })}
                 />
                 <Form.Input
                     name='telephone_number'
                     type='tel'
                     value={formData.telephone_number}
                     onChange={handleChange}
-                    placeholder='Institution phone number'
+                    placeholder={intl.formatMessage({ id: 'institutionForm.phonePlaceholder' })}
                 />
                 <Button
                     type='submit'
@@ -157,7 +159,7 @@ const InstitutionForm = (props: Props) => {
                     color='green'
                     loading={formData.isLoading}
                 >
-                    {props.institutionToEdit ? 'Edit institution' : 'Create institution'}
+                    {props.institutionToEdit ? intl.formatMessage({ id: 'institutionForm.editInstitution' }) : intl.formatMessage({ id: 'institutionForm.createInstitution' })}
                 </Button>
             </Form>
             <Button
@@ -168,7 +170,7 @@ const InstitutionForm = (props: Props) => {
                 color='red'
                 onClick={handleCancelForm}
             >
-                {props.institutionToEdit ? 'Cancel edit' : 'Reset form'}
+                {props.institutionToEdit ? intl.formatMessage({ id: 'institutionForm.cancelEdit' }) : intl.formatMessage({ id: 'institutionForm.resetForm' })}
             </Button>
         </>
     )
diff --git a/src/frontend/static/frontend/src/components/institutions/InstitutionModal.tsx b/src/frontend/static/frontend/src/components/institutions/InstitutionModal.tsx
index b7a090f6..27b77cd4 100644
--- a/src/frontend/static/frontend/src/components/institutions/InstitutionModal.tsx
+++ b/src/frontend/static/frontend/src/components/institutions/InstitutionModal.tsx
@@ -17,6 +17,7 @@ import { InstitutionTableData } from './InstitutionsPanel'
 import ky from 'ky'
 import { getDjangoHeader } from '../../utils/util_functions'
 import { CurrentUserContext } from '../Base'
+import { useIntl } from 'react-intl'
 
 declare const urlGetUsersCandidates: string
 declare const urlEditInstitutionAdmin: string
@@ -41,6 +42,7 @@ interface Props extends InstitutionModalState {
  * @returns Component
  */
 export const InstitutionModal = (props: Props) => {
+    const intl = useIntl()
     const [userIdToAdd, setUserIdToAdd] = useState<number>(0)
     const [userList, setUserList] = useState<SemanticListItem[]>([])
     const abortController = useRef(new AbortController())
@@ -102,13 +104,13 @@ export const InstitutionModal = (props: Props) => {
 
         ky.patch(editUrl, { headers: myHeaders }).then((response) => {
             response.json().then(() => {
-                props.handleUpdateAlert(true, CustomAlertTypes.SUCCESS, adminSwitched ? 'User is admin!' : 'User is not admin!', null)
+                props.handleUpdateAlert(true, CustomAlertTypes.SUCCESS, adminSwitched ? intl.formatMessage({ id: 'institutionModal.userIsAdmin' }) : intl.formatMessage({ id: 'institutionModal.userIsNotAdmin' }), null)
             }).catch((err) => {
-                props.handleUpdateAlert(true, CustomAlertTypes.ERROR, 'Error for switch role!', null)
+                props.handleUpdateAlert(true, CustomAlertTypes.ERROR, intl.formatMessage({ id: 'institutionModal.switchRoleError' }), null)
                 console.error('Error parsing JSON ->', err)
             })
         }).catch((err) => {
-            props.handleUpdateAlert(true, CustomAlertTypes.ERROR, 'Error for switch role!', null)
+            props.handleUpdateAlert(true, CustomAlertTypes.ERROR, intl.formatMessage({ id: 'institutionModal.switchRoleError' }), null)
             console.error('Error adding new Institution ->', err)
         })
     }
@@ -153,7 +155,7 @@ export const InstitutionModal = (props: Props) => {
             <ModalContent>
                 <Segment>
                     <Select
-                        placeholder='Select a user to add'
+                        placeholder={intl.formatMessage({ id: 'institutionModal.selectUser' })}
                         options={userList}
                         value={userIdToAdd.toString()}
                         onChange={(_e, { value }) => setUserIdToAdd(Number(value))}
@@ -161,26 +163,29 @@ export const InstitutionModal = (props: Props) => {
                     <Button
                         className='margin-left-5'
                         disabled={!userIdToAdd}
-                        onClick={() => props.handleChangeConfirmModalState(true, 'Add user to institution', 'Are you sure to add user to institution?', handleAddUser)}
+                        onClick={() => props.handleChangeConfirmModalState(true, intl.formatMessage({ id: 'institutionModal.addUserInstitution.title' }), intl.formatMessage({ id: 'institutionModal.addUserInstitution.confirm' }), handleAddUser)}
 
                     >
-                        Add user
+                        {intl.formatMessage({ id: 'institutionModal.addUser' })}
                     </Button>
                     <PaginatedTable<DjangoInstitutionUser>
-                        headerTitle={props.institution?.name + ' users'}
+                        headerTitle={intl.formatMessage(
+                            { id: 'institutionModal.usersTitle' },
+                            { institutionName: props.institution?.name }
+                        )}
                         headers={props.institution?.is_user_admin
                             ? [
-                                { name: 'User name', serverCodeToSort: 'user__username' as any, width: 3 },
-                                { name: 'Admin', width: 1 },
-                                { name: 'Actions', width: 1 }
+                                { name: intl.formatMessage({ id: 'institutionModal.userName' }), serverCodeToSort: 'user__username' as any, width: 3 },
+                                { name: intl.formatMessage({ id: 'institutionModal.admin' }), width: 1 },
+                                { name: intl.formatMessage({ id: 'common.actions' }), width: 1 }
                             ]
                             : [
-                                { name: 'User name', serverCodeToSort: 'user__username' as any, width: 3 },
-                                { name: 'Admin', width: 1 }
+                                { name: intl.formatMessage({ id: 'institutionModal.userName' }), serverCodeToSort: 'user__username' as any, width: 3 },
+                                { name: intl.formatMessage({ id: 'institutionModal.admin' }), width: 1 }
                             ]}
                         showSearchInput
-                        searchLabel='User name'
-                        searchPlaceholder='Search by User name'
+                        searchLabel={intl.formatMessage({ id: 'institutionModal.userName' })}
+                        searchPlaceholder={intl.formatMessage({ id: 'institutionModal.searchPlaceholder' })}
                         urlToRetrieveData={urlGetUsersCandidates + '/' + props.institution?.id + '/'}
                         updateWSKey='update_user_for_institution'
                         mapFunction={(userCandidate: DjangoInstitutionUser) => {
@@ -195,7 +200,7 @@ export const InstitutionModal = (props: Props) => {
                                                         name='check'
                                                         className='clickable margin-left-5'
                                                         color='teal'
-                                                        title='Institution admin'
+                                                        title={intl.formatMessage({ id: 'institutionModal.institutionAdmin' })}
                                                     />
                                                 )
                                                 : (
@@ -203,7 +208,7 @@ export const InstitutionModal = (props: Props) => {
                                                         name='close'
                                                         className='clickable margin-left-5'
                                                         color='red'
-                                                        title='Non Institution admin'
+                                                        title={intl.formatMessage({ id: 'institutionModal.nonInstitutionAdmin' })}
                                                     />
                                                 )
                                         }
@@ -218,8 +223,8 @@ export const InstitutionModal = (props: Props) => {
                                                             name='close'
                                                             className='clickable margin-left-5'
                                                             color='olive'
-                                                            title='Switch to non Institution admin'
-                                                            onClick={() => props.handleChangeConfirmModalState(true, 'Manage admin', 'Are you sure to remove admin to user?', () => handleSwitchUserAdmin(false, userCandidate.id))}
+                                                            title={intl.formatMessage({ id: 'institutionModal.switchToNonAdmin' })}
+                                                            onClick={() => props.handleChangeConfirmModalState(true, intl.formatMessage({ id: 'institutionModal.manageAdmin' }), intl.formatMessage({ id: 'institutionModal.removeAdminConfirm' }), () => handleSwitchUserAdmin(false, userCandidate.id))}
                                                         />
                                                     )
                                                     : (
@@ -227,8 +232,8 @@ export const InstitutionModal = (props: Props) => {
                                                             name='star'
                                                             className='clickable margin-left-5'
                                                             color='teal'
-                                                            title='Switch to Institution admin'
-                                                            onClick={() => props.handleChangeConfirmModalState(true, 'Manage admin', 'Are you sure to make user admin?', () => handleSwitchUserAdmin(true, userCandidate.id))}
+                                                            title={intl.formatMessage({ id: 'institutionModal.switchToAdmin' })}
+                                                            onClick={() => props.handleChangeConfirmModalState(true, intl.formatMessage({ id: 'institutionModal.manageAdmin' }), intl.formatMessage({ id: 'institutionModal.makeAdminConfirm' }), () => handleSwitchUserAdmin(true, userCandidate.id))}
                                                         />
                                                     )
                                             }
@@ -239,8 +244,8 @@ export const InstitutionModal = (props: Props) => {
                                                         name='close'
                                                         className='clickable margin-left-5'
                                                         color='red'
-                                                        onClick={() => props.handleChangeConfirmModalState(true, 'Remove user', 'Are you sure to remove user?', () => handleRemoveUser(userCandidate.user.id))}
-                                                        title='Remove user from Institution'
+                                                        onClick={() => props.handleChangeConfirmModalState(true, intl.formatMessage({ id: 'institutionModal.removeUser' }), intl.formatMessage({ id: 'institutionModal.removeUserConfirm' }), () => handleRemoveUser(userCandidate.user.id))}
+                                                        title={intl.formatMessage({ id: 'institutionModal.removeUser' })}
                                                     />
                                                 )
                                             }
diff --git a/src/frontend/static/frontend/src/components/institutions/InstitutionsPanel.tsx b/src/frontend/static/frontend/src/components/institutions/InstitutionsPanel.tsx
index e554983c..4d5e36f0 100644
--- a/src/frontend/static/frontend/src/components/institutions/InstitutionsPanel.tsx
+++ b/src/frontend/static/frontend/src/components/institutions/InstitutionsPanel.tsx
@@ -11,7 +11,7 @@ import { TableCellWithTitle } from '../common/TableCellWithTitle'
 import InstitutionForm from './InstitutionForm'
 import { InstitutionModal, InstitutionModalState } from './InstitutionModal'
 import { Alert } from '../common/Alert'
-
+import { useIntl, IntlShape } from 'react-intl'
 // URLs defined in files.html
 declare const urlGetUserInstitutions: string
 declare const urlDeleteInstitution: string
@@ -41,11 +41,14 @@ export interface InstitutionTableData extends DjangoInstitution {
     is_user_admin: boolean
 }
 
+interface InstitutionsPanelProps {
+    intl: IntlShape
+}
+
 /**
  * Renders a manager to list, add, download and remove source files (which are used to make experiments).
  * Also, this component renders a CRUD of Tags for files
- */
-export class InstitutionsPanel extends React.Component<unknown, InstitutionsPanelState> {
+ */ class InstitutionsPanel extends React.Component<InstitutionsPanelProps, InstitutionsPanelState> {
     filterTimeout: number | undefined
     abortController = new AbortController()
 
@@ -216,13 +219,14 @@ export class InstitutionsPanel extends React.Component<unknown, InstitutionsPane
      * @param institutionId id from institution to delete.
      */
     handleDeleteInstitution (institutionId: number) {
+        const { intl } = this.props
         const url = `${urlDeleteInstitution}/${institutionId}/`
         const myHeaders = getDjangoHeader()
         ky.delete(url, { headers: myHeaders }).then((response) => {
             response.json().then(() => {
-                this.handleUpdateAlert(true, CustomAlertTypes.SUCCESS, 'Institution deleted!', null)
+                this.handleUpdateAlert(true, CustomAlertTypes.SUCCESS, intl.formatMessage({ id: 'institutionsPanel.alert.successDelete' }), null)
             }).catch((err) => {
-                this.handleUpdateAlert(true, CustomAlertTypes.ERROR, 'Error deleting an Institution!', null)
+                this.handleUpdateAlert(true, CustomAlertTypes.ERROR, intl.formatMessage({ id: 'institutionsPanel.alert.errorDelete' }), null)
                 console.error('Error parsing JSON ->', err)
             })
                 .finally(() => {
@@ -231,7 +235,7 @@ export class InstitutionsPanel extends React.Component<unknown, InstitutionsPane
                     this.setState({ confirmModal })
                 })
         }).catch((err) => {
-            this.handleUpdateAlert(true, CustomAlertTypes.ERROR, 'Error deleting an Institution!', null)
+            this.handleUpdateAlert(true, CustomAlertTypes.ERROR, intl.formatMessage({ id: 'institutionsPanel.alert.errorDelete' }), null)
             console.error('Error adding new Institution ->', err)
         }).finally(() => {
             const confirmModal = this.state.confirmModal
@@ -241,6 +245,7 @@ export class InstitutionsPanel extends React.Component<unknown, InstitutionsPane
     }
 
     render () {
+        const { intl } = this.props
         return (
             <Base activeItem='institutions' wrapperClass='institutionsWrapper'>
                 <Grid columns={2} padded stackable divided stretched>
@@ -249,9 +254,9 @@ export class InstitutionsPanel extends React.Component<unknown, InstitutionsPane
                         <Segment>
                             <Header textAlign='center'>
                                 <Icon name='building' />
-                                <Header.Content className='headerContent'><span>My institutions</span>
+                                <Header.Content className='headerContent'><span>{intl.formatMessage({ id: 'institutionsPanel.header' })}</span>
                                     <div style={{ float: 'right', height: '10px' }}>
-                                        <InfoPopup onTop={false} extraClassName='questionIcon' content='In this form you can add institutions and colleagues to collaborate sharing datasets (and experiment results in a near future)' />
+                                        <InfoPopup onTop={false} extraClassName='questionIcon' content={intl.formatMessage({ id: 'institutionsPanel.header.info' })} />
                                     </div>
                                 </Header.Content>
                             </Header>
@@ -273,18 +278,18 @@ export class InstitutionsPanel extends React.Component<unknown, InstitutionsPane
                     <Grid.Column width={12}>
                         <Segment>
                             <PaginatedTable<InstitutionTableData>
-                                headerTitle='Institutions'
+                                headerTitle={intl.formatMessage({ id: 'institutionsPanel.table.headerTitle' })}
                                 headers={[
-                                    { name: 'Name', serverCodeToSort: 'name', width: 3 },
-                                    { name: 'Location', serverCodeToSort: 'location', width: 1 },
-                                    { name: 'Email', serverCodeToSort: 'email', width: 1 },
-                                    { name: 'Phone number', serverCodeToSort: 'telephone_number', width: 1 },
-                                    { name: 'Actions', width: 1 }
+                                    { name: intl.formatMessage({ id: 'common.name' }), serverCodeToSort: 'name', width: 3 },
+                                    { name: intl.formatMessage({ id: 'institutionsPanel.table.location' }), serverCodeToSort: 'location', width: 1 },
+                                    { name: intl.formatMessage({ id: 'institutionsPanel.table.email' }), serverCodeToSort: 'email', width: 1 },
+                                    { name: intl.formatMessage({ id: 'institutionsPanel.table.phoneNumber' }), serverCodeToSort: 'telephone_number', width: 1 },
+                                    { name: intl.formatMessage({ id: 'common.actions' }), width: 1 }
                                 ]}
                                 defaultSortProp={{ sortField: 'upload_date', sortOrderAscendant: false }}
                                 showSearchInput
-                                searchLabel='Name'
-                                searchPlaceholder='Search by name'
+                                searchLabel={intl.formatMessage({ id: 'common.name' })}
+                                searchPlaceholder={intl.formatMessage({ id: 'institutionsPanel.search.placeholder' })}
                                 urlToRetrieveData={urlGetUserInstitutions}
                                 updateWSKey='update_institutions'
                                 mapFunction={(institution: InstitutionTableData) => {
@@ -300,7 +305,7 @@ export class InstitutionsPanel extends React.Component<unknown, InstitutionsPane
                                                     name='address book'
                                                     className='clickable'
                                                     color='blue'
-                                                    title='Details'
+                                                    title={intl.formatMessage({ id: 'common.details' })}
                                                     onClick={() => this.handleOpenModal(institution)}
                                                 />
 
@@ -312,7 +317,7 @@ export class InstitutionsPanel extends React.Component<unknown, InstitutionsPane
                                                             name='pencil'
                                                             className='clickable margin-left-5'
                                                             color='yellow'
-                                                            title={`Edit (${institution.name}`}
+                                                            title={intl.formatMessage({ id: 'institutionsPanel.icon.edit' }, { name: institution.name })}
                                                             onClick={() => this.handleSetInstitutionToEdit(institution)}
                                                         />
                                                     )
@@ -324,8 +329,8 @@ export class InstitutionsPanel extends React.Component<unknown, InstitutionsPane
                                                         className='clickable margin-left-5'
                                                         color='red'
                                                         disabled={this.state.isDeletingInstitution}
-                                                        title='Delete Institution'
-                                                        onClick={() => this.handleChangeConfirmModalState(true, 'Delete institution', `Are you sure about deleting institution ${institution.name}`, () => this.handleDeleteInstitution(institution.id as number))}
+                                                        title={intl.formatMessage({ id: 'institutionsPanel.icon.delete' })}
+                                                        onClick={() => this.handleChangeConfirmModalState(true, intl.formatMessage({ id: 'institutionsPanel.confirm.delete.header' }), intl.formatMessage({ id: 'institutionsPanel.confirm.delete.content' }, { name: institution.name }), () => this.handleDeleteInstitution(institution.id as number))}
                                                     />
                                                 )}
                                             </Table.Cell>
@@ -366,3 +371,14 @@ export class InstitutionsPanel extends React.Component<unknown, InstitutionsPane
         )
     }
 }
+
+/**
+ * Functional wrapper to inject intl into the class component.
+ */
+
+const InstitutionsPanelWithIntl = (props: Omit<InstitutionsPanelProps, 'intl'>) => {
+    const intl = useIntl()
+    return <InstitutionsPanel {...props} intl={intl} />
+}
+
+export { InstitutionsPanelWithIntl as InstitutionsPanel }
diff --git a/src/frontend/static/frontend/src/components/login/LoginSignUpForm.tsx b/src/frontend/static/frontend/src/components/login/LoginSignUpForm.tsx
index 6bfea420..1dbf51fd 100644
--- a/src/frontend/static/frontend/src/components/login/LoginSignUpForm.tsx
+++ b/src/frontend/static/frontend/src/components/login/LoginSignUpForm.tsx
@@ -3,6 +3,7 @@ import { Form, Message, Button, Image } from 'semantic-ui-react'
 import { Nullable } from '../../utils/interfaces'
 import { CsrfInput } from './CsrfInput'
 import validator from 'validator'
+import { injectIntl, IntlShape } from 'react-intl'
 
 declare const urlIndex: string
 declare const urlAuthenticate: string
@@ -30,6 +31,8 @@ interface GeneralFormProps {
     children: React.ReactNode
 }
 
+interface LoginSignUpFormProps { intl: IntlShape }
+
 /**
  * Renders a General from with the "Render props" pattern
  * to minimize the repeated code
@@ -68,7 +71,7 @@ const GeneralForm = (props: GeneralFormProps) => {
 /**
  * Renders a Login/Sign up form
  */
-export class LoginSignUpForm extends React.Component<any, LoginSignUpState> {
+class LoginSignUpForm extends React.Component<LoginSignUpFormProps, LoginSignUpState> {
     constructor (props) {
         super(props)
 
@@ -126,6 +129,7 @@ export class LoginSignUpForm extends React.Component<any, LoginSignUpState> {
      * @returns Error message if exists. Login component otherwise
      */
     getLoginPanel () {
+        const { intl } = this.props
         let message: Nullable<JSX.Element> = null
 
         if (loginError.length > 0) {
@@ -153,7 +157,7 @@ export class LoginSignUpForm extends React.Component<any, LoginSignUpState> {
         }
 
         return (
-            <GeneralForm title='Log in' url={urlAuthenticate}>
+            <GeneralForm title={intl.formatMessage({ id: 'loginSignUpForm.loginTitle' })} url={urlAuthenticate}>
                 {message}
 
                 <Form.Input
@@ -161,7 +165,7 @@ export class LoginSignUpForm extends React.Component<any, LoginSignUpState> {
                     icon='user'
                     iconPosition='left'
                     className='wrap-login-input'
-                    placeholder='Username'
+                    placeholder={intl.formatMessage({ id: 'loginSignUpForm.usernamePlaceholder' })}
                     name='username'
                     value={this.state.username}
                     onChange={this.handleInputChange}
@@ -172,7 +176,7 @@ export class LoginSignUpForm extends React.Component<any, LoginSignUpState> {
                     icon='lock'
                     iconPosition='left'
                     className='wrap-login-input'
-                    placeholder='Password'
+                    placeholder={intl.formatMessage({ id: 'loginSignUpForm.passwordPlaceholder' })}
                     name='password'
                     value={this.state.password}
                     onChange={this.handleInputChange}
@@ -189,7 +193,7 @@ export class LoginSignUpForm extends React.Component<any, LoginSignUpState> {
                         type='button'
                         onClick={() => this.setState({ showSignUpForm: true })}
                     >
-                        Sign Up
+                        {intl.formatMessage({ id: 'loginSignUpForm.signUpButton' })}
                     </Form.Field>
 
                     <Form.Button
@@ -200,7 +204,7 @@ export class LoginSignUpForm extends React.Component<any, LoginSignUpState> {
                         circular
                         disabled={!this.loginFormIsValid()}
                     >
-                        Login
+                        {intl.formatMessage({ id: 'loginSignUpForm.loginButton' })}
                     </Form.Button>
                 </Form.Group>
 
@@ -218,16 +222,17 @@ export class LoginSignUpForm extends React.Component<any, LoginSignUpState> {
      * @returns Sign up form component
      */
     getSignUpPanel () {
+        const { intl } = this.props
         const passwordsMismatch = this.state.newPassword !== this.state.newPasswordRepeated
         const emailIsNotValid = this.state.email != null && this.state.email.trim().length > 0 && !this.emailIsValid()
 
         return (
-            <GeneralForm title='Sign Up' url={urlCreateUser}>
+            <GeneralForm title={intl.formatMessage({ id: 'loginSignUpForm.signUpTitle' })} url={urlCreateUser}>
                 <Form.Input
                     fluid
                     icon='user'
                     iconPosition='left'
-                    placeholder='Username'
+                    placeholder={intl.formatMessage({ id: 'loginSignUpForm.usernamePlaceholder' })}
                     name='newUsername'
                     value={this.state.newUsername}
                     onChange={this.handleInputChange}
@@ -237,7 +242,7 @@ export class LoginSignUpForm extends React.Component<any, LoginSignUpState> {
                     fluid
                     icon='mail'
                     iconPosition='left'
-                    placeholder='Email'
+                    placeholder={intl.formatMessage({ id: 'loginSignUpForm.emailPlaceholder' })}
                     name='email'
                     error={emailIsNotValid}
                     value={this.state.email}
@@ -245,14 +250,14 @@ export class LoginSignUpForm extends React.Component<any, LoginSignUpState> {
                 />
                 {emailIsNotValid && (
                     <p className='align-center error-message-helper'>
-                        Please provide a valid <i>email</i> address
+                        {intl.formatMessage({ id: 'loginSignUpForm.validEmailMessage' })}
                     </p>
                 )}
                 <Form.Input
                     fluid
                     icon='lock'
                     iconPosition='left'
-                    placeholder='Password'
+                    placeholder={intl.formatMessage({ id: 'loginSignUpForm.passwordPlaceholder' })}
                     name='newPassword'
                     value={this.state.newPassword}
                     onChange={this.handleInputChange}
@@ -262,7 +267,7 @@ export class LoginSignUpForm extends React.Component<any, LoginSignUpState> {
                     fluid
                     icon='lock'
                     iconPosition='left'
-                    placeholder='Repeat your password'
+                    placeholder={intl.formatMessage({ id: 'loginSignUpForm.repeatPasswordPlaceholder' })}
                     className='password-repeated-input'
                     name='newPasswordRepeated'
                     error={passwordsMismatch}
@@ -272,7 +277,7 @@ export class LoginSignUpForm extends React.Component<any, LoginSignUpState> {
                 />
                 {passwordsMismatch && (
                     <p className='align-center error-message-helper'>
-                        This value is different to <i>Password</i> field
+                        {intl.formatMessage({ id: 'loginSignUpForm.passwordMismatchMessage' })}
                     </p>
                 )}
 
@@ -286,7 +291,7 @@ export class LoginSignUpForm extends React.Component<any, LoginSignUpState> {
                         type='button'
                         onClick={() => this.setState({ showSignUpForm: false })}
                     >
-                        Back
+                        {intl.formatMessage({ id: 'common.goBack' })}
                     </Form.Field>
 
                     <Form.Button
@@ -297,7 +302,7 @@ export class LoginSignUpForm extends React.Component<any, LoginSignUpState> {
                         type='submit'
                         disabled={!this.signUpFormIsValid()}
                     >
-                        Sign Up
+                        {intl.formatMessage({ id: 'loginSignUpForm.signUpButton' })}
                     </Form.Button>
                 </Form.Group>
 
@@ -309,3 +314,5 @@ export class LoginSignUpForm extends React.Component<any, LoginSignUpState> {
         return !this.state.showSignUpForm ? this.getLoginPanel() : this.getSignUpPanel()
     }
 }
+
+export default injectIntl(LoginSignUpForm)
diff --git a/src/frontend/static/frontend/src/components/open-source/OpenSource.tsx b/src/frontend/static/frontend/src/components/open-source/OpenSource.tsx
index fab9d649..70491677 100644
--- a/src/frontend/static/frontend/src/components/open-source/OpenSource.tsx
+++ b/src/frontend/static/frontend/src/components/open-source/OpenSource.tsx
@@ -1,8 +1,10 @@
 import React from 'react'
 import { Base } from '../Base'
 import { Container, Divider, Grid, Header, HeaderSubheader, List, ListContent, ListDescription, ListHeader, ListIcon, ListItem } from 'semantic-ui-react'
+import { useIntl } from 'react-intl'
 
 export const OpenSource = () => {
+    const intl = useIntl()
     return (
         <Base activeItem='open-source' wrapperClass='wrapper'>
             <Container text className='margin-top-2 margin-bottom-5'>
@@ -11,31 +13,37 @@ export const OpenSource = () => {
                     <Grid.Row columns={1}>
                         <Grid.Column>
                             <Header as='h1'>
-                                At <a href='https://omicsdatascience.org/' rel='noreferrer' target='_blank'>Omicsdatascience</a>, we believe in open science. Explore our open-source projects, freely available to the community to foster collaboration, transparency, and innovation in biomedical research. Avilable in our <a href='https://github.com/omics-datascience' rel='noreferrer' target='_blank'>GitHub organization</a>.
+                                {intl.formatMessage({ id: 'openSource.header.main' })}{' '}
+                                <a href='https://omicsdatascience.org/' rel='noreferrer' target='_blank'>
+                                    Omicsdatascience
+                                </a>{' '}
+                                <a href='https://github.com/omics-datascience' rel='noreferrer' target='_blank'>
+                                    GitHub
+                                </a>.
                             </Header>
                             <HeaderSubheader>
-                                These repositories represent some of our most prominent open-source initiatives, developed to empower the research community with accessible and cutting-edge bioinformatics tools.
+                                {intl.formatMessage({ id: 'openSource.header.sub' })}
                             </HeaderSubheader>
                             <List>
                                 <ListItem>
                                     <ListIcon name='github' size='large' verticalAlign='middle' />
                                     <ListContent>
                                         <ListHeader as='a' rel='noreferrer' href='https://github.com/omics-datascience/multiomix' target='_blank'>Multiomix</ListHeader>
-                                        <ListDescription>Cloud-based platform to infer cancer genomic and epigenomic events associated with gene expression modulation.</ListDescription>
+                                        <ListDescription>{intl.formatMessage({ id: 'openSource.multiomix.description' })}</ListDescription>
                                     </ListContent>
                                 </ListItem>
                                 <ListItem>
                                     <ListIcon name='github' size='large' verticalAlign='middle' />
                                     <ListContent>
                                         <ListHeader as='a' rel='noreferrer' href='https://github.com/omics-datascience/modulector' target='_blank'>Modulector</ListHeader>
-                                        <ListDescription>Modulector is a performing open platform that provides information about miRNAs, genes and methylation sites based on a compilation of information from different resources.</ListDescription>
+                                        <ListDescription>{intl.formatMessage({ id: 'openSource.modulector.description' })}</ListDescription>
                                     </ListContent>
                                 </ListItem>
                                 <ListItem>
                                     <ListIcon name='github' size='large' verticalAlign='middle' />
                                     <ListContent>
                                         <ListHeader as='a' rel='noreferrer' href='https://github.com/omics-datascience/BioAPI' target='_blank'>BioApi</ListHeader>
-                                        <ListDescription>A powerful abstraction of genomics databases. Bioapi is a REST API that provides data related to gene nomenclature, gene expression, and metabolic pathways. </ListDescription>
+                                        <ListDescription>{intl.formatMessage({ id: 'openSource.bioapi.description' })}</ListDescription>
                                     </ListContent>
                                 </ListItem>
                             </List>
@@ -44,10 +52,10 @@ export const OpenSource = () => {
                     <Grid.Row columns={1}>
                         <Grid.Column>
                             <Header as='h2'>
-                                Discover our scientific <a href='https://omicsdatascience.org/?page_id=15' rel='noreferrer' target='_blank'>contributions</a>
+                                {intl.formatMessage({ id: 'openSource.publications.title' })}{' '} <a href='https://omicsdatascience.org/?page_id=15' rel='noreferrer' target='_blank'>contributions</a>
                             </Header>
                             <HeaderSubheader>
-                                In addition to our open-source software, we regularly publish peer-reviewed scientific articles that document the methodologies, innovations, and findings behind our tools. We invite you to explore our publications to better understand the research impact of our work.
+                                {intl.formatMessage({ id: 'openSource.publications.sub' })}
                             </HeaderSubheader>
                             <List>
                                 <ListItem>
@@ -57,7 +65,7 @@ export const OpenSource = () => {
                                             Multiomix
                                         </ListHeader>
                                         <ListDescription>
-                                            A cloud-based platform to infer cancer genomic and epigenomic events associated with gene expression modulation
+                                            {intl.formatMessage({ id: 'openSource.publications.multiomix.description' })}
                                         </ListDescription>
                                     </ListContent>
                                 </ListItem>
@@ -68,7 +76,7 @@ export const OpenSource = () => {
                                             Modulector
                                         </ListHeader>
                                         <ListDescription>
-                                            Una plataforma como servicio para el acceso a bases de datos de micro ARNs
+                                            {intl.formatMessage({ id: 'openSource.publications.modulector.description' })}
                                         </ListDescription>
                                     </ListContent>
                                 </ListItem>
diff --git a/src/frontend/static/frontend/src/components/pipeline/ExperimentTagInfo.tsx b/src/frontend/static/frontend/src/components/pipeline/ExperimentTagInfo.tsx
index 78de92fa..cb9b2a58 100644
--- a/src/frontend/static/frontend/src/components/pipeline/ExperimentTagInfo.tsx
+++ b/src/frontend/static/frontend/src/components/pipeline/ExperimentTagInfo.tsx
@@ -3,6 +3,7 @@ import { Card, Label, Icon, Dropdown, DropdownMenuProps } from 'semantic-ui-reac
 import { DjangoTag } from '../../utils/django_interfaces'
 import { TagForm } from '../common/TagForm'
 import { NewExperiment } from '../../utils/interfaces'
+import { useIntl } from 'react-intl'
 
 /**
  * Component's props
@@ -37,6 +38,7 @@ interface ExperimentTagInfoProps {
  * @returns Component
  */
 export const ExperimentTagInfo = (props: ExperimentTagInfoProps) => {
+    const intl = useIntl()
     // To enable/disable some functions
     const isTagSelected = props.experiment.tag.id && props.experiment.tag.id
 
@@ -50,7 +52,7 @@ export const ExperimentTagInfo = (props: ExperimentTagInfoProps) => {
                 options={props.tagOptions}
                 clearable
                 onChange={(_e, { value }) => props.selectTagForNewExperiment(value)}
-                placeholder='Select an existing Tag'
+                placeholder={intl.formatMessage({ id: 'experimentTagInfo.selectExistingTag' })}
             />
         )
         : null
@@ -73,7 +75,7 @@ export const ExperimentTagInfo = (props: ExperimentTagInfoProps) => {
                 className='clickable margin-left-2'
                 name='trash'
                 color='red'
-                title='Remove Tag'
+                title={intl.formatMessage({ id: 'experimentTagInfo.removeTag' })}
                 onClick={() => props.selectTagForNewExperiment(null)}
             />
         )
@@ -87,14 +89,14 @@ export const ExperimentTagInfo = (props: ExperimentTagInfoProps) => {
                 className='margin-bottom-2 align-center'
                 title={isTagSelected ? props.experiment.tag.description : ''}
             >
-                {isTagSelected ? props.experiment.tag.name : 'No tag assigned'}
+                {isTagSelected ? props.experiment.tag.name : intl.formatMessage({ id: 'experimentTagInfo.noTagAssigned' })}
             </Label>
 
             <Icon
                 className='clickable margin-left-2'
                 name={props.isSelectingTag ? 'times' : 'pencil'}
                 color={props.isSelectingTag ? 'red' : 'yellow'}
-                title={props.isSelectingTag ? 'Cancel' : 'Edit'}
+                title={props.isSelectingTag ? intl.formatMessage({ id: 'common.cancel' }) : intl.formatMessage({ id: 'experimentTagInfo.edit' })}
                 onClick={() => props.toggleDisplayTagForm()}
             />
 
diff --git a/src/frontend/static/frontend/src/components/pipeline/HugeFileAdvice.tsx b/src/frontend/static/frontend/src/components/pipeline/HugeFileAdvice.tsx
index b7e61d60..b4552c8d 100644
--- a/src/frontend/static/frontend/src/components/pipeline/HugeFileAdvice.tsx
+++ b/src/frontend/static/frontend/src/components/pipeline/HugeFileAdvice.tsx
@@ -2,6 +2,7 @@ import React from 'react'
 import { Label } from 'semantic-ui-react'
 import { MAX_FILE_SIZE_IN_MB_ERROR, MAX_FILE_SIZE_IN_MB_WARN } from '../../utils/constants'
 import { getFileSizeInMB } from '../../utils/util_functions'
+import { useIntl, FormattedMessage } from 'react-intl'
 
 // Constants declared in base.html
 declare const urlDatasets: string
@@ -21,6 +22,7 @@ interface HugeFileAdviceProps {
  * @returns Component
  */
 export const HugeFileAdvice = (props: HugeFileAdviceProps) => {
+    const intl = useIntl()
     const sizeInMB = getFileSizeInMB(props.fileSize)
 
     if (sizeInMB < MAX_FILE_SIZE_IN_MB_WARN) {
@@ -31,7 +33,10 @@ export const HugeFileAdvice = (props: HugeFileAdviceProps) => {
         // Just shows the warning
         return (
             <Label className='margin-top-2' color='orange'>
-                The file exceeds {MAX_FILE_SIZE_IN_MB_WARN}MB, please take into consideration that the upload may take some time
+                {intl.formatMessage(
+                    { id: 'hugeFileAdvice.uploadDelayWarning' },
+                    { size: MAX_FILE_SIZE_IN_MB_WARN }
+                )}
             </Label>
         )
     }
@@ -39,7 +44,20 @@ export const HugeFileAdvice = (props: HugeFileAdviceProps) => {
     // Prevents over complexity. Promotes the usage of 'My datasets' panel which has more features and validations
     return (
         <Label className='margin-top-2' color='red'>
-            The file exceeds {MAX_FILE_SIZE_IN_MB_ERROR}MB, please upload your dataset from <a id='huge-size-msg-link' href={urlDatasets}>My datasets</a> panel
+            <FormattedMessage
+                id='hugeFileAdvice.uploadFromDatasets'
+                values={{
+                    size: MAX_FILE_SIZE_IN_MB_ERROR,
+                    link: (
+                        <a
+                            id='huge-size-msg-link'
+                            href={urlDatasets}
+                        >
+                            {intl.formatMessage({ id: 'hugeFileAdvice.myDatasets' })}
+                        </a>
+                    ),
+                }}
+            />
         </Label>
     )
 }
diff --git a/src/frontend/static/frontend/src/components/pipeline/MiRNAPipeline.tsx b/src/frontend/static/frontend/src/components/pipeline/MiRNAPipeline.tsx
index c0e6a052..6cac2445 100644
--- a/src/frontend/static/frontend/src/components/pipeline/MiRNAPipeline.tsx
+++ b/src/frontend/static/frontend/src/components/pipeline/MiRNAPipeline.tsx
@@ -16,9 +16,10 @@ import { getDjangoHeader, alertGeneralError, getDefaultNewTag, getDefaultExperim
 import { DjangoExperiment, DjangoTag, DjangoUserFile, DjangoCGDSStudy, DjangoMRNAxGEMResultRow, ExperimentType, RowHeader } from '../../utils/django_interfaces'
 import { FileType, AllExperimentsTableControl, ExperimentInfo, ExperimentResultTableControl, NewExperiment, SourceType, ResponseRequestWithPagination, CorrelationType, Nullable, WebsocketConfig } from '../../utils/interfaces'
 import { PipelineForm } from './PipelineForm'
-import { AllExperimentsView } from './all-experiments-view/AllExperimentsView'
+import AllExperimentsView from './all-experiments-view/AllExperimentsView'
 import { NewExperimentSourceStateName } from './Pipeline'
 import { WebsocketClientCustom } from '../../websockets/WebsocketClient'
+import { useIntl, IntlShape } from 'react-intl'
 
 declare const urlGetExperimentData: string
 declare const urlGetFullUserExperiment: string
@@ -125,6 +126,7 @@ interface MiRNAPipelineProps {
     /** Function callback to handle GEM FileType changes */
     selectGEMFileType: (fileType: FileType) => void,
     handleChangeConfirmModalState: (setOption: boolean, headerText: string, contentText: string, onConfirm: () => void) => void,
+    intl: IntlShape
 }
 
 /**
@@ -542,9 +544,11 @@ class MiRNAPipeline extends React.Component<MiRNAPipelineProps, MiRNAPipelineSta
      * @param experiment Selected experiment to fetch the data
      */
     seeResult = (experiment: DjangoExperiment) => {
+        const { intl } = this.props
+
         // If the user raises the maximum number of open tabs allowed, shows an alert
         if (Object.keys(this.state.experimentTabs).length === maximumNumberOfOpenTabs) {
-            alert('You have reached the maximum number of open tabs. Please close one and try again.')
+            alert(intl.formatMessage({ id: 'miRNAPipeline.alert.maxTabs' }))
             return
         }
 
@@ -713,22 +717,24 @@ class MiRNAPipeline extends React.Component<MiRNAPipelineProps, MiRNAPipelineSta
      * @returns Modal component. Null if no Experiment was selected to delete
      */
     getExperimentDeletionConfirmModals () {
+        const { intl } = this.props
+
         if (!this.state.selectedExperimentToDeleteOrStop) {
             return null
         }
 
         return (
             <Modal size='small' open={this.state.showDeleteExperimentModal} onClose={this.handleCloseDelete} centered={false}>
-                <Header icon='trash' content='Delete experiment' />
+                <Header icon='trash' content={intl.formatMessage({ id: 'miRNAPipeline.deleteModal.header' })} />
                 <Modal.Content>
-                    Are you sure you want to delete the experiment <strong>{this.state.selectedExperimentToDeleteOrStop.name}</strong>?
+                    {intl.formatMessage({ id: 'miRNAPipeline.deleteModal.content' }, { name: this.state.selectedExperimentToDeleteOrStop.name })}
                 </Modal.Content>
                 <Modal.Actions>
                     <Button onClick={this.handleCloseDelete}>
-                        Cancel
+                        {intl.formatMessage({ id: 'common.cancel' })}
                     </Button>
                     <Button color='red' onClick={this.deleteExperiment} loading={this.state.deletingExperiment} disabled={this.state.deletingExperiment}>
-                        Delete
+                        {intl.formatMessage({ id: 'common.delete' })}
                     </Button>
                 </Modal.Actions>
             </Modal>
@@ -740,22 +746,24 @@ class MiRNAPipeline extends React.Component<MiRNAPipelineProps, MiRNAPipelineSta
      * @returns Modal component. Null if no Experiment was selected to stop
      */
     getExperimentStopConfirmModals () {
+        const { intl } = this.props
+
         if (!this.state.selectedExperimentToDeleteOrStop) {
             return null
         }
 
         return (
             <Modal size='small' open={this.state.showStopExperimentModal} onClose={this.handleCloseStop} centered={false}>
-                <Header icon='stop' content='Stop experiment' />
+                <Header icon='stop' content={intl.formatMessage({ id: 'miRNAPipeline.stopModal.header' })} />
                 <Modal.Content>
-                    Are you sure you want to stop the experiment <strong>{this.state.selectedExperimentToDeleteOrStop.name}</strong>?
+                    {intl.formatMessage({ id: 'miRNAPipeline.stopModal.content' }, { name: this.state.selectedExperimentToDeleteOrStop.name })}
                 </Modal.Content>
                 <Modal.Actions>
                     <Button onClick={this.handleCloseStop}>
-                        Cancel
+                        {intl.formatMessage({ id: 'common.cancel' })}
                     </Button>
                     <Button color='red' onClick={this.stopExperiment} loading={this.state.stoppingExperiment} disabled={this.state.stoppingExperiment}>
-                        Stop
+                        {intl.formatMessage({ id: 'common.stop' })}
                     </Button>
                 </Modal.Actions>
             </Modal>
@@ -839,10 +847,11 @@ class MiRNAPipeline extends React.Component<MiRNAPipelineProps, MiRNAPipelineSta
     showTab (selectedTab: ActiveTabsOptions) { this.setState({ activeTab: selectedTab }) }
 
     render () {
+        const { intl } = this.props
         const tagOptions: DropdownMenuProps[] = this.props.tags.map((tag) => {
             return { key: tag.name, value: tag.id, text: tag.name }
         })
-        tagOptions.unshift({ key: 'no-tag', value: null, text: 'No Tag' })
+        tagOptions.unshift({ key: 'no-tag', value: null, text: intl.formatMessage({ id: 'miRNAPipeline.tags.noTag' }) })
 
         const experimentDeletionConfirmModal = this.getExperimentDeletionConfirmModals()
         const experimentStopConfirmModal = this.getExperimentStopConfirmModals()
@@ -912,7 +921,7 @@ class MiRNAPipeline extends React.Component<MiRNAPipelineProps, MiRNAPipelineSta
                                                 active={this.state.activeTab === 'all-experiments'}
                                                 onClick={() => this.showTab('all-experiments')}
                                             >
-                                                <strong>All analysis</strong>
+                                                <strong>{intl.formatMessage({ id: 'miRNAPipeline.tabs.allAnalysis' })}</strong>
                                             </Menu.Item>
 
                                             {/* The rest of the Experiments' result */}
@@ -925,7 +934,7 @@ class MiRNAPipeline extends React.Component<MiRNAPipelineProps, MiRNAPipelineSta
                                             color='blue'
                                             fluid
                                             className='borderless-button full-height'
-                                            title={`${this.state.showLastExperiments ? 'Hide' : 'Show'} last analysis`}
+                                            title={intl.formatMessage({ id: this.state.showLastExperiments ? 'miRNAPipeline.tabs.hideLastAnalysis' : 'miRNAPipeline.tabs.showLastAnalysis' })}
                                             onClick={() => this.setState((prev) => (
                                                 { showLastExperiments: !prev.showLastExperiments }
                                             ))}
@@ -969,4 +978,13 @@ class MiRNAPipeline extends React.Component<MiRNAPipelineProps, MiRNAPipelineSta
     }
 }
 
-export { MiRNAPipeline, HeaderRow }
+/**
+ * Functional wrapper to inject intl into the class component.
+ */
+
+const MiRNAPipelineWithIntl = (props: Omit<MiRNAPipelineProps, 'intl'>) => {
+    const intl = useIntl()
+    return <MiRNAPipeline {...props} intl={intl} />
+}
+
+export { MiRNAPipelineWithIntl as MiRNAPipeline, HeaderRow }
diff --git a/src/frontend/static/frontend/src/components/pipeline/Pipeline.tsx b/src/frontend/static/frontend/src/components/pipeline/Pipeline.tsx
index 9d9ccdd4..c51d4cb4 100644
--- a/src/frontend/static/frontend/src/components/pipeline/Pipeline.tsx
+++ b/src/frontend/static/frontend/src/components/pipeline/Pipeline.tsx
@@ -11,6 +11,7 @@ import intersection from 'lodash/intersection'
 import axios, { AxiosRequestConfig, AxiosResponse } from 'axios'
 import { MAX_FILE_SIZE_IN_MB_WARN } from '../../utils/constants'
 import { Confirm } from 'semantic-ui-react'
+import { useIntl, IntlShape } from 'react-intl'
 
 type NumberOfSamplesFields = 'numberOfSamplesMRNA' | 'numberOfSamplesGEM'
 type NewExperimentSourceStateName = 'mRNASource' | 'gemSource'
@@ -73,11 +74,18 @@ type PipelineState = {
 
 }
 
+/**
+ * Component's props
+ */
+interface PipelineProps {
+    intl: IntlShape
+}
+
 /**
  * Main Pipeline class render. Renders a new experiment form
  * and modals to confirm some actions
  */
-class Pipeline extends React.Component<any, PipelineState> {
+class Pipeline extends React.Component<PipelineProps, PipelineState> {
     websocketClient: WebsocketClientCustom | undefined
     filterTimeout: number | undefined
     defaultNewExperiment: NewExperiment
@@ -748,7 +756,7 @@ class Pipeline extends React.Component<any, PipelineState> {
                         this.resetAllNumberOfSamples()
                     } else {
                         if (responseJSON.status.internal_code === DjangoUserFileUploadErrorInternalCode.INVALID_FORMAT_NON_NUMERIC) {
-                            alert('The file has an incorrect format: all columns except the index must be numerical data')
+                            alert(this.props.intl.formatMessage({ id: 'files.manager.error.invalidFormat' }))
                         } else {
                             alertGeneralError()
                         }
@@ -1071,4 +1079,14 @@ class Pipeline extends React.Component<any, PipelineState> {
     }
 }
 
-export { Pipeline, NewExperimentSourceStateName }
+/**
+ * Functional wrapper to inject intl into the class component.
+ * @param props Component props.
+ * @returns Component.
+ */
+const PipelineWithIntl = (props: Omit<PipelineProps, 'intl'>) => {
+    const intl = useIntl()
+    return <Pipeline {...props} intl={intl} />
+}
+
+export { PipelineWithIntl as Pipeline, NewExperimentSourceStateName }
diff --git a/src/frontend/static/frontend/src/components/pipeline/PipelineAdvancedForm.tsx b/src/frontend/static/frontend/src/components/pipeline/PipelineAdvancedForm.tsx
index cd9e5a00..a089d1d1 100644
--- a/src/frontend/static/frontend/src/components/pipeline/PipelineAdvancedForm.tsx
+++ b/src/frontend/static/frontend/src/components/pipeline/PipelineAdvancedForm.tsx
@@ -6,6 +6,7 @@ import { getCorrelationMethodSelectOptions, getAdjustmentMethodSelectOptions } f
 import { InfoPopup } from './experiment-result/gene-gem-details/InfoPopup'
 import { SemanticShorthandItem } from 'semantic-ui-react/dist/commonjs/generic'
 import { ExternalLink } from '../common/ExternalLink'
+import { useIntl } from 'react-intl'
 
 // Slider styles
 import 'neo-react-semantic-ui-range/dist/styles.min.css'
@@ -64,6 +65,7 @@ interface PipelineAdvancedFormProps {
  * @returns Component
  */
 export const PipelineAdvancedForm = (props: PipelineAdvancedFormProps) => {
+    const intl = useIntl()
     const [showAdvancedSettings, setShowAdvancedSetting] = useState<boolean>(false)
 
     // Generates Slider settings
@@ -111,7 +113,7 @@ export const PipelineAdvancedForm = (props: PipelineAdvancedFormProps) => {
                 className='clickable margin-bottom-5'
                 onClick={() => setShowAdvancedSetting(!showAdvancedSettings)}
             >
-                <Icon name={showAdvancedSettings ? 'chevron down' : 'chevron right'} /> <strong>Advanced Settings</strong>
+                <Icon name={showAdvancedSettings ? 'chevron down' : 'chevron right'} /> <strong>{intl.formatMessage({ id: 'pipelineAdvancedForm.advancedSettings' })}</strong>
             </div>
 
             {showAdvancedSettings && (
@@ -119,8 +121,8 @@ export const PipelineAdvancedForm = (props: PipelineAdvancedFormProps) => {
                     {/* Correlation method */}
                     <Form.Field>
                         <LabelWithInfoPopup
-                            labelText='Correlation method'
-                            popupContent='Correlation method to use: Pearson, Spearman or Kendall (Tau-b). You can see if the selected method is appropriated for your data in the Assumptions panel in the result view once the experiment has finished'
+                            labelText={intl.formatMessage({ id: 'pipelineAdvancedForm.correlationMethod' })}
+                            popupContent={intl.formatMessage({ id: 'pipelineAdvancedForm.correlationMethodInfo' })}
                         />
 
                         <Select
@@ -139,20 +141,26 @@ export const PipelineAdvancedForm = (props: PipelineAdvancedFormProps) => {
                     {props.gemFileType !== FileType.MIRNA && (
                         <>
                             <LabelWithInfoPopup
-                                labelText='Correlate...'
-                                popupContent='You can choose whether to keep only the combinations whose genes match or to keep all the combinations resulting from the experiment'
+                                labelText={intl.formatMessage({ id: 'pipelineAdvancedForm.correlate' })}
+                                popupContent={intl.formatMessage({ id: 'pipelineAdvancedForm.correlateInfo' })}
                             />
 
                             <Form.Radio
                                 className='margin-top-5'
-                                label={`... ${props.gemDescription}s with expression of only its genes`}
+                                label={intl.formatMessage(
+                                    { id: 'pipelineAdvancedForm.correlateOwnGenes' },
+                                    { gemDescription: props.gemDescription }
+                                )}
                                 name='correlateWithAllGenes'
                                 checked={!props.newExperiment.correlateWithAllGenes}
                                 onChange={(_, { name }) => props.handleFormInputsChange(name as string, false)}
                                 disabled={props.isEditing}
                             />
                             <Form.Radio
-                                label={`... all ${props.gemDescription}s with all genes`}
+                                label={intl.formatMessage(
+                                    { id: 'pipelineAdvancedForm.correlateAllGenes' },
+                                    { gemDescription: props.gemDescription }
+                                )}
                                 name='correlateWithAllGenes'
                                 checked={props.newExperiment.correlateWithAllGenes}
                                 onChange={(_, { name }) => props.handleFormInputsChange(name as string, true)}
@@ -164,8 +172,8 @@ export const PipelineAdvancedForm = (props: PipelineAdvancedFormProps) => {
                     {/* Minimum correlation coefficient */}
                     <Form.Field>
                         <LabelWithInfoPopup
-                            labelText={`Min. Correlation Threshold ${correlationCoefficientFormatted}`}
-                            popupContent='Only those combinations that have a correlation coefficient above this threshold will be kept'
+                            labelText={intl.formatMessage({ id: 'pipelineAdvancedForm.minCorrelationThreshold' }, { value: correlationCoefficientFormatted })}
+                            popupContent={intl.formatMessage({ id: 'pipelineAdvancedForm.minCorrelationThresholdInfo' })}
                             centered
                         />
 
@@ -178,8 +186,8 @@ export const PipelineAdvancedForm = (props: PipelineAdvancedFormProps) => {
                     {/* Minimum Standard Deviation for Genes */}
                     <Form.Field>
                         <LabelWithInfoPopup
-                            labelText={`Genes Min. Standard Deviation ${geneStdFormatted}`}
-                            popupContent='Only those genes with a standard deviation above this value will be kept'
+                            labelText={intl.formatMessage({ id: 'pipelineAdvancedForm.genesMinStandardDeviation' }, { value: geneStdFormatted })}
+                            popupContent={intl.formatMessage({ id: 'pipelineAdvancedForm.genesMinStandardDeviationInfo' })}
                             centered
                         />
 
@@ -192,8 +200,17 @@ export const PipelineAdvancedForm = (props: PipelineAdvancedFormProps) => {
                     {/* Minimum Standard Deviation for GEM */}
                     <Form.Field>
                         <LabelWithInfoPopup
-                            labelText={`${props.gemDescription} Min. Standard Deviation ${gemStdFormatted}`}
-                            popupContent={`Only those ${props.gemDescription}s with a standard deviation above this value will be kept`}
+                            labelText={intl.formatMessage(
+                                { id: 'pipelineAdvancedForm.gemMinStandardDeviation' },
+                                {
+                                    gemDescription: props.gemDescription,
+                                    value: gemStdFormatted
+                                }
+                            )}
+                            popupContent={intl.formatMessage(
+                                { id: 'pipelineAdvancedForm.gemMinStandardDeviationInfo' },
+                                { gemDescription: props.gemDescription }
+                            )}
                             centered
                         />
 
@@ -205,9 +222,9 @@ export const PipelineAdvancedForm = (props: PipelineAdvancedFormProps) => {
                     {/* P-value adjustment method */}
                     <Form.Field>
                         <LabelWithInfoPopup
-                            labelText='P-value adjustment'
+                            labelText={intl.formatMessage({ id: 'pipelineAdvancedForm.pValueAdjustment' })}
                             popupContent={
-                                <p>P-value adjustment method for <ExternalLink href='http://www.biostathandbook.com/multiplecomparisons.html'>Family-wise Error Rate or False Discovert Rate</ExternalLink></p>
+                                <p>{intl.formatMessage({ id: 'pipelineAdvancedForm.pValueAdjustmentInfo' })}{' '} <ExternalLink href='http://www.biostathandbook.com/multiplecomparisons.html'>{intl.formatMessage({ id: 'pipelineAdvancedForm.familyWiseErrorRate' })}</ExternalLink></p>
                             }
                         />
 
diff --git a/src/frontend/static/frontend/src/components/pipeline/PipelineForm.tsx b/src/frontend/static/frontend/src/components/pipeline/PipelineForm.tsx
index 2596dc64..5826bfc0 100644
--- a/src/frontend/static/frontend/src/components/pipeline/PipelineForm.tsx
+++ b/src/frontend/static/frontend/src/components/pipeline/PipelineForm.tsx
@@ -9,6 +9,7 @@ import { NewExperimentSourceStateName } from './Pipeline'
 import { PipelineAdvancedForm } from './PipelineAdvancedForm'
 import { InfoPopup } from './experiment-result/gene-gem-details/InfoPopup'
 import { PipelineSourcePopupContent } from './PipelineSourcePopupContent'
+import { useIntl, IntlShape } from 'react-intl'
 
 /**
  * Component's props
@@ -44,17 +45,22 @@ interface PipelineFormProps {
     selectNewFile: (e: Event) => void,
     /** Function callback when a file is selected from Dataset Modal */
     selectUploadedFile: (selectedFile: DjangoUserFile, sourceStateName: NewExperimentSourceStateName) => void,
-    /** Function callback when a study is selected from CGDS Modal */
-    selectStudy: (selectedStudy: DjangoCGDSStudy, sourceStateName: NewExperimentSourceStateName) => void,
-    /** Function callback to handle GEM FileType changes */
-    selectGEMFileType: (fileType: FileType) => void
-}
+    /** Function callback when a study is selected from CGDS Modal */
+    selectStudy: (selectedStudy: DjangoCGDSStudy, sourceStateName: NewExperimentSourceStateName) => void,
+    /** Function callback to handle GEM FileType changes */
+    selectGEMFileType: (fileType: FileType) => void
+}
+
+interface PipelineFormInternalProps extends PipelineFormProps {
+    /** Intl object */
+    intl: IntlShape
+}
 
 /**
  * Renders a form to submit an experiment/pipeline
  * @param props Component's props
  */
-export class PipelineForm extends React.Component<PipelineFormProps, any> {
+class PipelineFormBase extends React.Component<PipelineFormInternalProps, any> {
     /**
      * Checks if user can submit the files to run a pipeline
      * @returns True if can submit, false otherwise
@@ -82,6 +88,7 @@ export class PipelineForm extends React.Component<PipelineFormProps, any> {
     canEdit = (): boolean => this.isEditing() && this.props.newExperiment.name.trim().length > 0
 
     render () {
+        const { intl } = this.props
         // For short...
         const newExperiment = this.props.newExperiment
 
@@ -111,13 +118,13 @@ export class PipelineForm extends React.Component<PipelineFormProps, any> {
                     className='margin-top-2'
                     percent={uploadPercentage}
                     indicating
-                    label='Preparing analysis'
+                    label={intl.formatMessage({ id: 'pipelineForm.preparingAnalysis' })}
                 />
             )
             : (
                 <Button
                     color='green'
-                    content={isEditing ? 'Save changes' : 'Run analysis'}
+                    content={intl.formatMessage({ id: isEditing ? 'pipelineForm.saveChanges' : 'pipelineForm.runAnalysis' })}
                     className='margin-top-2'
                     fluid
                     onClick={isEditing ? this.props.makeEditExperimentRequest : this.props.runPipeline}
@@ -135,7 +142,7 @@ export class PipelineForm extends React.Component<PipelineFormProps, any> {
         return (
             <div>
                 <div>
-                    <Select
+                    <Select
                         id='select-gem-file-type'
                         button
                         selectOnBlur={false}
@@ -144,7 +151,7 @@ export class PipelineForm extends React.Component<PipelineFormProps, any> {
                         className='margin-bottom-2'
                         value={this.props.gemFileType}
                         options={selectOptions}
-                        placeholder='Select dataset...'
+                        placeholder={intl.formatMessage({ id: 'pipelineForm.selectDataset' })}
                         onChange={(_e, { value }) => this.props.selectGEMFileType(value as FileType)}
                     />
                 </div>
@@ -157,7 +164,7 @@ export class PipelineForm extends React.Component<PipelineFormProps, any> {
                         {/* mRNA SourceForm */}
                         <SourceForm
                             source={newExperiment.mRNASource}
-                            headerTitle='mRNA profile'
+                            headerTitle={intl.formatMessage({ id: 'pipelineForm.mrnaProfile' })}
                             headerIcon={{
                                 type: 'img',
                                 src: 'static/frontend/img/profiles/mRNA.svg'
@@ -180,7 +187,10 @@ export class PipelineForm extends React.Component<PipelineFormProps, any> {
                         {/* GEM SourceForm */}
                         <SourceForm
                             source={newExperiment.gemSource}
-                            headerTitle={`${gemData.description} profile`}
+                            headerTitle={intl.formatMessage(
+                                { id: 'pipelineForm.profile' },
+                                { profile: gemData.description }
+                            )}
                             headerIcon={{
                                 type: 'img',
                                 src: `static/frontend/img/profiles/${gemData.image}`
@@ -203,9 +213,29 @@ export class PipelineForm extends React.Component<PipelineFormProps, any> {
                         {/* Number of samples in common */}
                         <Grid.Row>
                             <Label className='full-width align-left'>
-                                <p>Samples mRNA: {numberSamplesMRNA}</p>
-                                <p>Samples {gemData.description}: {numberSamplesGEM}</p>
-                                <p>Samples in common: {numberSamplesInCommon}</p>
+                                <p>
+                                    {intl.formatMessage(
+                                        { id: 'pipelineForm.samplesMrna' },
+                                        { count: numberSamplesMRNA }
+                                    )}
+                                </p>
+
+                                <p>
+                                    {intl.formatMessage(
+                                        { id: 'pipelineForm.samplesGem' },
+                                        {
+                                            gem: gemData.description,
+                                            count: numberSamplesGEM
+                                        }
+                                    )}
+                                </p>
+
+                                <p>
+                                    {intl.formatMessage(
+                                        { id: 'pipelineForm.samplesInCommon' },
+                                        { count: numberSamplesInCommon }
+                                    )}
+                                </p>
                             </Label>
                         </Grid.Row>
                     </Grid>
@@ -214,13 +244,13 @@ export class PipelineForm extends React.Component<PipelineFormProps, any> {
                 {/* Name, description and tag panel */}
                 <Segment>
                     <Header textAlign='left'>
-                        <Header.Content>Analysis info</Header.Content>
+                        <Header.Content>{intl.formatMessage({ id: 'pipelineForm.analysisInfo' })}</Header.Content>
                     </Header>
 
                     <Form>
                         <Form.Input
                             icon='asterisk'
-                            placeholder='Name'
+                            placeholder={intl.formatMessage({ id: 'common.name' })}
                             name='name'
                             value={newExperiment.name}
                             onChange={checkedValidityCallback(this.props.handleFormInputsChange)}
@@ -228,7 +258,7 @@ export class PipelineForm extends React.Component<PipelineFormProps, any> {
                         />
 
                         <Form.TextArea
-                            placeholder='Description (optional)'
+                            placeholder={intl.formatMessage({ id: 'common.descriptionOptional' })}
                             name='description'
                             value={newExperiment.description}
                             onChange={(_, { name, value }) => this.props.handleFormInputsChange(name, value)}
@@ -258,7 +288,7 @@ export class PipelineForm extends React.Component<PipelineFormProps, any> {
                         handleFormInputsChange={this.props.handleFormInputsChange}
                     />
 
-                    <Icon name='asterisk' /> Required field
+                    <Icon name='asterisk' /> {intl.formatMessage({ id: 'pipelineForm.requiredField' })}
 
                     <Form>
                         {/* Progress bar or submit analysis run/edition button */}
@@ -266,13 +296,13 @@ export class PipelineForm extends React.Component<PipelineFormProps, any> {
 
                         {/* Warning about upload time */}
                         <Label className='margin-top-2 full-width no-margin-left align-center' color='yellow'>
-                            The upload time is subject to the size of the file
+                            {intl.formatMessage({ id: 'pipelineForm.uploadTimeWarning' })}
                         </Label>
 
                         {/* Cancel button */}
                         <Button
                             color='red'
-                            content='Clear form'
+                            content={intl.formatMessage({ id: 'pipelineForm.clearForm' })}
                             className='margin-top-2'
                             fluid
                             onClick={this.props.resetExperimentForm}
@@ -284,3 +314,18 @@ export class PipelineForm extends React.Component<PipelineFormProps, any> {
         )
     }
 }
+
+/**
+ * Wrapper component that injects the intl object into PipelineForm.
+ * @param props Pipeline form props excluding intl.
+ * @returns PipelineForm component with injected intl instance.
+ */
+export default function PipelineFormWithIntl (
+    props: PipelineFormProps
+) {
+    const intl = useIntl()
+
+    return <PipelineFormBase {...props} intl={intl} />
+}
+
+export { PipelineFormWithIntl as PipelineForm }
diff --git a/src/frontend/static/frontend/src/components/pipeline/PipelineSourcePopupContent.tsx b/src/frontend/static/frontend/src/components/pipeline/PipelineSourcePopupContent.tsx
index 40918360..4b0b0cbc 100644
--- a/src/frontend/static/frontend/src/components/pipeline/PipelineSourcePopupContent.tsx
+++ b/src/frontend/static/frontend/src/components/pipeline/PipelineSourcePopupContent.tsx
@@ -1,4 +1,5 @@
 import React from 'react'
+import { useIntl } from 'react-intl'
 import { Header, List } from 'semantic-ui-react'
 import { ExternalLink } from '../common/ExternalLink'
 
@@ -8,45 +9,71 @@ declare const urlDatasets: string
  * Renders an info popup for Pipeline's source selector panel
  * @returns Component
  */
-export const PipelineSourcePopupContent = () => (
-    <>
-        <Header>New experiment</Header>
-
-        <p>In this panel you can select the source data which will be used to compute a correlation analysis. There are three different ways to select a source:</p>
-
-        <List>
-            <List.Item>
-                <List.Icon name='folder' />
-                <List.Content>
-                    <List.Header>From multiomix</List.Header>
-                    <List.Description>
-                        Uploaded datasets from <ExternalLink href={urlDatasets}>Datasets/Multiomix</ExternalLink> menu
-                    </List.Description>
-                </List.Content>
-            </List.Item>
-            <List.Item>
-                <List.Icon name='cloud download' />
-                <List.Content>
-                    <List.Header>From cBioPortal</List.Header>
-                    <List.Description>
-                        Datasets synchronized from <ExternalLink href='https://www.cbioportal.org/datasets'>cBioPortal</ExternalLink> ready to use!
-                    </List.Description>
-                </List.Content>
-            </List.Item>
-            <List.Item>
-                <List.Icon name='upload' />
-                <List.Content>
-                    <List.Header>Upload dataset</List.Header>
-                    <List.Description>
-                        You can upload a dataset from your computer. It will be stored and appear in <ExternalLink href={urlDatasets}>Datasets/Multiomix</ExternalLink> menu. <strong>It will be private and only accessible for you (you can share it from <ExternalLink href={urlDatasets}>Datasets/Multiomix</ExternalLink> menu)</strong>
-                    </List.Description>
-                </List.Content>
-            </List.Item>
-        </List>
-
-        {/* TODO: When is implemented NaNs manager, this comment will be modified */}
-        <p>
-            Keep in mind that <strong>only samples in common will be evaluated</strong> and <strong>Genes/GEMs that contains NaNs value will be removed</strong>
-        </p>
-    </>
-)
+export const PipelineSourcePopupContent = () => {
+    const intl = useIntl()
+
+    return (
+        <>
+            <Header>
+                {intl.formatMessage({ id: 'pipelineSourcePopupContent.newExperiment' })}
+            </Header>
+
+            <p>
+                {intl.formatMessage({ id: 'pipelineSourcePopupContent.description' })}
+            </p>
+
+            <List>
+                <List.Item>
+                    <List.Icon name='folder' />
+                    <List.Content>
+                        <List.Header>
+                            {intl.formatMessage({ id: 'pipelineSourcePopupContent.fromMultiomix' })}
+                        </List.Header>
+                        <List.Description>
+                            {intl.formatMessage({ id: 'pipelineSourcePopupContent.fromMultiomixDescription' })}{' '}
+                            <ExternalLink href={urlDatasets}>Datasets/Multiomix</ExternalLink> menu
+                        </List.Description>
+                    </List.Content>
+                </List.Item>
+
+                <List.Item>
+                    <List.Icon name='cloud download' />
+                    <List.Content>
+                        <List.Header>
+                            {intl.formatMessage({ id: 'pipelineSourcePopupContent.fromCBioPortal' })}
+                        </List.Header>
+                        <List.Description>
+                            {intl.formatMessage({ id: 'pipelineSourcePopupContent.fromCBioPortalDescription' })}{' '}
+                            <ExternalLink href='https://www.cbioportal.org/datasets'>cBioPortal</ExternalLink>
+                        </List.Description>
+                    </List.Content>
+                </List.Item>
+
+                <List.Item>
+                    <List.Icon name='upload' />
+                    <List.Content>
+                        <List.Header>
+                            {intl.formatMessage({ id: 'pipelineSourcePopupContent.uploadDataset' })}
+                        </List.Header>
+                        <List.Description>
+                            {intl.formatMessage({ id: 'pipelineSourcePopupContent.uploadDatasetDescription' })}{' '}
+                            <ExternalLink href={urlDatasets}>Datasets/Multiomix</ExternalLink> menu.{' '}
+                            <strong>
+                                {intl.formatMessage({ id: 'pipelineSourcePopupContent.uploadDatasetPrivacy' })}{' '}
+                                (
+                                <ExternalLink href={urlDatasets}>Datasets/Multiomix</ExternalLink>
+                                {' '}menu)
+                            </strong>
+                        </List.Description>
+                    </List.Content>
+                </List.Item>
+            </List>
+
+            <p>
+                <strong>
+                    {intl.formatMessage({ id: 'pipelineSourcePopupContent.samplesWarning' })}
+                </strong>
+            </p>
+        </>
+    )
+}
diff --git a/src/frontend/static/frontend/src/components/pipeline/SourceForm.tsx b/src/frontend/static/frontend/src/components/pipeline/SourceForm.tsx
index 274399e1..88d0f000 100644
--- a/src/frontend/static/frontend/src/components/pipeline/SourceForm.tsx
+++ b/src/frontend/static/frontend/src/components/pipeline/SourceForm.tsx
@@ -1,4 +1,5 @@
 import React from 'react'
+import { useIntl, IntlShape } from 'react-intl'
 import { Grid, Select, Header, Icon, Label, DropdownItemProps, Image } from 'semantic-ui-react'
 import { FileType, SourceType, Source, Nullable } from '../../utils/interfaces'
 import { UploadButton } from '../common/UploadButton'
@@ -20,7 +21,7 @@ type HeaderIcon = {
 /**
  * Component's props
  */
-interface SourceFormProps {
+interface SourceFormProps {
     /** Source object to handle the form */
     source: Source,
     /** Title of the header */
@@ -43,9 +44,14 @@ interface SourceFormProps {
     selectNewFile: (e: Event) => void,
     /** Function callback when a file is selected from Dataset Modal */
     selectUploadedFile: (selectedFile: DjangoUserFile) => void,
-    /** Function callback when a study is selected from CGDS Modal */
-    selectStudy: (selectedStudy: DjangoCGDSStudy) => void
-}
+    /** Function callback when a study is selected from CGDS Modal */
+    selectStudy: (selectedStudy: DjangoCGDSStudy) => void
+}
+
+interface SourceFormInternalProps extends SourceFormProps {
+    /** Intl object */
+    intl: IntlShape
+}
 
 /**
  * Component's state
@@ -64,7 +70,7 @@ interface SourceFormState {
  * @param props Component's props
  * @returns Component
  */
-class SourceForm extends React.Component<SourceFormProps, SourceFormState> {
+class SourceFormBase extends React.Component<SourceFormInternalProps, SourceFormState> {
     abortController = new AbortController()
 
     constructor (props) {
@@ -105,14 +111,16 @@ class SourceForm extends React.Component<SourceFormProps, SourceFormState> {
      * Fetches the Institutions of which the User is part of
      */
     getUserInstitutions () {
+        const { intl } = this.props
+
         ky.get(urlUserInstitutions, { signal: this.abortController.signal }).then((response) => {
             response.json<DjangoInstitution[]>().then((userInstitutions) => {
                 this.setState({ userInstitutions })
             }).catch((err) => {
-                console.log('Error parsing JSON ->', err)
+                console.log(intl.formatMessage({ id: 'sourceForm.errorParsingJson' }), err)
             })
         }).catch((err) => {
-            console.log("Error getting user's tags ->", err)
+            console.log(intl.formatMessage({ id: 'sourceForm.errorGettingTags' }), err)
         })
     }
 
@@ -133,6 +141,7 @@ class SourceForm extends React.Component<SourceFormProps, SourceFormState> {
      * @returns Button or label depending with source the user is using
      */
     getDisplayInfoForSource () {
+        const { intl } = this.props
         const sourceFilename = this.props.source.filename
         let component
 
@@ -150,7 +159,7 @@ class SourceForm extends React.Component<SourceFormProps, SourceFormState> {
                         />
 
                         <Label style={{ width: '100%' }} className='margin-top-2' color='yellow'>
-                            The file will be added to "Datasets/Multiomix"
+                            {intl.formatMessage({ id: 'sourceForm.fileAddedToDatasets' })}
                         </Label>
 
                         {current && current.files.length > 0 &&
@@ -164,7 +173,7 @@ class SourceForm extends React.Component<SourceFormProps, SourceFormState> {
                 component = (
                     <Label
                         className='clickable full-width'
-                        title='Select your dataset'
+                        title={intl.formatMessage({ id: 'sourceForm.selectDataset' })}
                         color={this.props.source.selectedExistingFile !== null ? 'green' : 'red'}
                         onClick={this.openUsersDatasetsSelectionModal}
                     >
@@ -172,11 +181,12 @@ class SourceForm extends React.Component<SourceFormProps, SourceFormState> {
                     </Label>
                 )
                 break
+
             case SourceType.CGDS:
                 component = (
                     <Label
                         className='clickable full-width'
-                        title='Select your dataset'
+                        title={intl.formatMessage({ id: 'sourceForm.selectDataset' })}
                         color={this.props.source.CGDSStudy !== null ? 'green' : 'red'}
                         onClick={this.openCGDSDatasetsSelectionModal}
                     >
@@ -184,6 +194,7 @@ class SourceForm extends React.Component<SourceFormProps, SourceFormState> {
                     </Label>
                 )
                 break
+
             default:
                 component = null
                 break
@@ -197,13 +208,10 @@ class SourceForm extends React.Component<SourceFormProps, SourceFormState> {
      * @param selectedSourceType New selected Source
      */
     selectSourceType (selectedSourceType) {
-        // Shows the modal if correspond
         if (selectedSourceType === SourceType.UPLOADED_DATASETS) {
             this.openUsersDatasetsSelectionModal()
-        } else {
-            if (selectedSourceType === SourceType.CGDS) {
-                this.openCGDSDatasetsSelectionModal()
-            }
+        } else if (selectedSourceType === SourceType.CGDS) {
+            this.openCGDSDatasetsSelectionModal()
         }
 
         this.props.handleChangeSourceType(selectedSourceType)
@@ -231,19 +239,25 @@ class SourceForm extends React.Component<SourceFormProps, SourceFormState> {
      * Callback to mark a File as selected
      * @param selectedFile Selected file to mark
      */
-    markFileAsSelected = (selectedFile: DjangoUserFile) => { this.setState({ selectedFile }) }
+    markFileAsSelected = (selectedFile: DjangoUserFile) => {
+        this.setState({ selectedFile })
+    }
 
     /**
      * Callback to mark a CGDSStudy as selected
      * @param selectedStudy Selected CGDSStudy to mark
      */
-    markStudyAsSelected = (selectedStudy: DjangoCGDSStudy) => { this.setState({ selectedStudy }) }
+    markStudyAsSelected = (selectedStudy: DjangoCGDSStudy) => {
+        this.setState({ selectedStudy })
+    }
 
     render () {
+        const { intl } = this.props
+
         let institutionsOptions: DropdownItemProps[] = [
-            { key: 'all', value: 'all', text: 'All' },
-            { key: 'private', value: 'private', text: 'Private' },
-            { key: 'public', value: 'public', text: 'Public' }
+            { key: 'all', value: 'all', text: intl.formatMessage({ id: 'sourceForm.all' }) },
+            { key: 'private', value: 'private', text: intl.formatMessage({ id: 'sourceForm.private' }) },
+            { key: 'public', value: 'public', text: intl.formatMessage({ id: 'sourceForm.public' }) }
         ]
 
         const institutionsOptionsAux: DropdownItemProps[] = this.state.userInstitutions.map((institution) => {
@@ -255,15 +269,31 @@ class SourceForm extends React.Component<SourceFormProps, SourceFormState> {
         const showCBioPortalOption = this.props.showCBioPortalOption ?? true
 
         const selectOptions: DropdownItemProps[] = [
-            { key: 'select_source', text: 'Select dataset...', value: SourceType.NONE },
-            { key: 'datasets', text: 'From your datasets', value: SourceType.UPLOADED_DATASETS }
+            {
+                key: 'select_source',
+                text: intl.formatMessage({ id: 'sourceForm.selectDatasetPlaceholder' }),
+                value: SourceType.NONE
+            },
+            {
+                key: 'datasets',
+                text: intl.formatMessage({ id: 'sourceForm.fromYourDatasets' }),
+                value: SourceType.UPLOADED_DATASETS
+            }
         ]
 
         if (showCBioPortalOption) {
-            selectOptions.push({ key: 'cgds', text: 'From cBioPortal', value: SourceType.CGDS })
+            selectOptions.push({
+                key: 'cgds',
+                text: intl.formatMessage({ id: 'sourceForm.fromCBioPortal' }),
+                value: SourceType.CGDS
+            })
         }
 
-        selectOptions.push({ key: 'add_new', text: 'Upload dataset', value: SourceType.NEW_DATASET })
+        selectOptions.push({
+            key: 'add_new',
+            text: intl.formatMessage({ id: 'sourceForm.uploadDataset' }),
+            value: SourceType.NEW_DATASET
+        })
 
         const isIcon = this.props.headerIcon.type === 'icon'
         const icon = isIcon
@@ -272,7 +302,6 @@ class SourceForm extends React.Component<SourceFormProps, SourceFormState> {
 
         return (
             <Grid.Row>
-                {/* Select User's files modal */}
                 <UserDatasetsModal
                     showUserDatasetsModal={this.state.showUserDatasetsModal}
                     selectedFile={this.state.selectedFile}
@@ -285,7 +314,6 @@ class SourceForm extends React.Component<SourceFormProps, SourceFormState> {
                     markFileAsSelected={this.markFileAsSelected}
                 />
 
-                {/* Select CGDS Study modal */}
                 {showCBioPortalOption && (
                     <CGDSDatasetsModal
                         showCGDSDatasetsModal={this.state.showCGDSDatasetsModal}
@@ -296,6 +324,7 @@ class SourceForm extends React.Component<SourceFormProps, SourceFormState> {
                         markStudyAsSelected={this.markStudyAsSelected}
                     />
                 )}
+
                 <Header as='h4' icon={isIcon} image={!isIcon} textAlign='center'>
                     {icon}
                     {this.props.headerTitle.split(' ').map((text, index) => (
@@ -307,7 +336,6 @@ class SourceForm extends React.Component<SourceFormProps, SourceFormState> {
                 </Header>
 
                 <div className='full-width'>
-                    {/* Source selection */}
                     <Select
                         button
                         selectOnBlur={false}
@@ -317,11 +345,10 @@ class SourceForm extends React.Component<SourceFormProps, SourceFormState> {
                         className='margin-bottom-2'
                         value={this.props.source.type as SourceType}
                         options={selectOptions}
-                        placeholder='Select dataset...'
+                        placeholder={intl.formatMessage({ id: 'sourceForm.selectDatasetPlaceholder' })}
                         onChange={(_e, { value }) => this.selectSourceType(value)}
                     />
 
-                    {/* The upload button, if user's datasets is selected */}
                     {this.getDisplayInfoForSource()}
                 </div>
             </Grid.Row>
@@ -329,4 +356,17 @@ class SourceForm extends React.Component<SourceFormProps, SourceFormState> {
     }
 }
 
-export { SourceForm }
+/**
+ * Wrapper component that injects the intl object into SourceForm.
+ * @param props SourceForm props excluding intl.
+ * @returns SourceForm component with injected intl instance.
+ */
+export default function SourceFormWithIntl (
+    props: SourceFormProps
+) {
+    const intl = useIntl()
+
+    return <SourceFormBase {...props} intl={intl} />
+}
+
+export { SourceFormWithIntl as SourceForm }
diff --git a/src/frontend/static/frontend/src/components/pipeline/all-experiments-view/AllExperimentsView.tsx b/src/frontend/static/frontend/src/components/pipeline/all-experiments-view/AllExperimentsView.tsx
index 8939a95a..617265ac 100644
--- a/src/frontend/static/frontend/src/components/pipeline/all-experiments-view/AllExperimentsView.tsx
+++ b/src/frontend/static/frontend/src/components/pipeline/all-experiments-view/AllExperimentsView.tsx
@@ -6,7 +6,7 @@ import { getExperimentTypeSelectOptions, getCorrelationMethodSelectOptions, form
 import { PaginatedTable, PaginationCustomFilter } from '../../common/PaginatedTable'
 import { TableCellWithTitle } from '../../common/TableCellWithTitle'
 import { SourcePopup } from './SourcePopup'
-import { ClinicalSourcePopup } from './ClinicalSourcePopup'
+import ClinicalSourcePopup from './ClinicalSourcePopup'
 import { SeeResultButton } from './SeeResultButton'
 import { StopExperimentButton } from './StopExperimentButton'
 import { DeleteButton } from '../../common/DeleteButton'
@@ -15,6 +15,7 @@ import { SwitchPublicButton } from '../../common/SwitchPublicButton'
 import { SharedUsers, SharedUsersProps } from './SharedUsers'
 import { EditIcon } from '../../common/EditIcon'
 import { PopupIcons } from '../../common/PopupIcons'
+import { injectIntl, IntlShape } from 'react-intl'
 
 declare const urlUserExperiments: string
 declare const urlDownloadFullResult: string
@@ -27,6 +28,7 @@ declare const urlUnlinkClinicalSourceUserFile: string
  * Component's props
  */
 interface AllExperimentsViewProps {
+    intl: IntlShape,
     allExperiments: DjangoExperiment[],
     allExperimentsTableControl: AllExperimentsTableControl,
     gettingAllExperiments: boolean,
@@ -58,7 +60,7 @@ interface AllExperimentsViewState {
  * @param experiment Component's experiment
  * @returns Component
  */
-export class AllExperimentsView extends React.Component<AllExperimentsViewProps, AllExperimentsViewState> {
+class AllExperimentsView extends React.Component<AllExperimentsViewProps, AllExperimentsViewState> {
     constructor (props) {
         super(props)
         this.state = {
@@ -90,12 +92,13 @@ export class AllExperimentsView extends React.Component<AllExperimentsViewProps,
      * @returns Default object for table's Filters
      */
     getDefaultFilters (): PaginationCustomFilter[] {
+        const { intl } = this.props
         const tagOptions: DropdownItemProps[] = this.props.tags.map((tag) => {
             const id = tag.id as number
             return { key: id, value: id, text: tag.name }
         })
 
-        tagOptions.unshift({ key: 'no_tag', text: 'No tag' })
+        tagOptions.unshift({ key: 'no_tag', text: intl.formatMessage({ id: 'allExperimentsView.filters.noTag' }) })
 
         // Get Experiment type select options, with 'All' option included
         const experimentTypeOptions = getExperimentTypeSelectOptions()
@@ -106,7 +109,7 @@ export class AllExperimentsView extends React.Component<AllExperimentsViewProps,
         return [
             { label: 'Tag', keyForServer: 'tag', defaultValue: '', placeholder: 'Select an existing Tag', options: tagOptions, width: 3 },
             {
-                label: 'Experiment type',
+                label: intl.formatMessage({ id: 'allExperimentsView.filters.experimentType' }),
                 keyForServer: 'type',
                 defaultValue: ExperimentType.ALL,
                 options: experimentTypeOptions,
@@ -114,7 +117,7 @@ export class AllExperimentsView extends React.Component<AllExperimentsViewProps,
                 width: 2
             },
             {
-                label: 'Correlation method',
+                label: intl.formatMessage({ id: 'allExperimentsView.filters.correlationMethod' }),
                 keyForServer: 'correlation_method',
                 defaultValue: CorrelationMethod.ALL,
                 options: selectCorrelationMethodsOptions,
@@ -167,6 +170,7 @@ export class AllExperimentsView extends React.Component<AllExperimentsViewProps,
     closePopup = () => { this.setState({ clinicalPopupOpenId: null }) }
 
     render (): JSX.Element {
+        const { intl } = this.props
         return (
             <div>
                 <PaginatedTable<DjangoExperiment>
@@ -174,19 +178,19 @@ export class AllExperimentsView extends React.Component<AllExperimentsViewProps,
                     updateWSKey='update_experiments'
                     defaultSortProp={{ sortField: 'submit_date', sortOrderAscendant: false }}
                     headers={[
-                        { name: 'Name', serverCodeToSort: 'name' },
-                        { name: 'Description', serverCodeToSort: 'description', width: 3 },
-                        { name: 'Date', serverCodeToSort: 'submit_date' },
-                        { name: 'State', serverCodeToSort: 'state', width: 1, textAlign: 'center' },
-                        { name: 'Type', serverCodeToSort: 'type' },
-                        { name: 'Cor. Method', serverCodeToSort: 'correlation_method' },
-                        { name: 'N° Combinations', serverCodeToSort: 'result_final_row_count' },
-                        { name: 'Clinical', width: 1, textAlign: 'center' },
-                        { name: 'Tag', serverCodeToSort: 'tag', width: 1 },
-                        { name: 'Sources' },
-                        { name: 'Public' },
-                        { name: 'Shared' },
-                        { name: 'Actions', width: 2 }
+                        { name: intl.formatMessage({ id: 'common.name' }), serverCodeToSort: 'name' },
+                        { name: intl.formatMessage({ id: 'common.description' }), serverCodeToSort: 'description', width: 3 },
+                        { name: intl.formatMessage({ id: 'common.date' }), serverCodeToSort: 'submit_date' },
+                        { name: intl.formatMessage({ id: 'common.state' }), serverCodeToSort: 'state', width: 1, textAlign: 'center' },
+                        { name: intl.formatMessage({ id: 'common.algorithm' }), serverCodeToSort: 'type' },
+                        { name: intl.formatMessage({ id: 'allExperimentsView.table.correlationMethodShort' }), serverCodeToSort: 'correlation_method' },
+                        { name: intl.formatMessage({ id: 'allExperimentsView.table.combinations' }), serverCodeToSort: 'result_final_row_count' },
+                        { name: intl.formatMessage({ id: 'allExperimentsView.table.clinical' }), width: 1, textAlign: 'center' },
+                        { name: intl.formatMessage({ id: 'allExperimentsView.filters.tag' }), serverCodeToSort: 'tag', width: 1 },
+                        { name: intl.formatMessage({ id: 'allExperimentsView.table.sources' }) },
+                        { name: intl.formatMessage({ id: 'allExperimentsView.table.public' }) },
+                        { name: intl.formatMessage({ id: 'allExperimentsView.table.shared' }) },
+                        { name: intl.formatMessage({ id: 'common.actions' }), width: 2 }
                     ]}
                     customFilters={this.getDefaultFilters()}
                     showSearchInput
@@ -336,7 +340,7 @@ export class AllExperimentsView extends React.Component<AllExperimentsViewProps,
                                                 />
                                                 {/* Stop button */}
                                                 <StopExperimentButton
-                                                    title='Stop experiment'
+                                                    title={intl.formatMessage({ id: 'common.stop' })}
                                                     onClick={() => this.props.confirmExperimentStop(experiment)}
                                                     ownerId={experiment.user.id}
                                                 />
@@ -344,7 +348,7 @@ export class AllExperimentsView extends React.Component<AllExperimentsViewProps,
                                                 {/* Delete button */}
                                                 {!isInProcess && !experiment.is_public && (
                                                     <DeleteButton
-                                                        title='Delete experiment'
+                                                        title={intl.formatMessage({ id: 'common.delete' })}
                                                         onClick={() => this.props.confirmExperimentDeletion(experiment)}
                                                         ownerId={experiment.user.id}
                                                     />
@@ -383,3 +387,5 @@ export class AllExperimentsView extends React.Component<AllExperimentsViewProps,
         )
     }
 }
+
+export default injectIntl(AllExperimentsView)
diff --git a/src/frontend/static/frontend/src/components/pipeline/all-experiments-view/ClinicalSourcePopup.tsx b/src/frontend/static/frontend/src/components/pipeline/all-experiments-view/ClinicalSourcePopup.tsx
index f19e4913..849ec707 100644
--- a/src/frontend/static/frontend/src/components/pipeline/all-experiments-view/ClinicalSourcePopup.tsx
+++ b/src/frontend/static/frontend/src/components/pipeline/all-experiments-view/ClinicalSourcePopup.tsx
@@ -9,6 +9,7 @@ import { SourceForm } from '../SourceForm'
 import { BiomarkerState, InferenceExperimentForTable } from '../../biomarkers/types'
 import { MAX_FILE_SIZE_IN_MB_WARN } from '../../../utils/constants'
 import { Alert } from '../../common/Alert'
+import { injectIntl, IntlShape } from 'react-intl'
 
 declare const urlClinicalSourceUserFileCRUD: string
 declare const urlGetCommonSamplesClinical: string
@@ -26,6 +27,7 @@ export interface ValidationSource {
  * Component's props
  */
 interface PopupClinicalSourceProps {
+    intl: IntlShape,
     /** Experiment/InferenceExperiment instance to send its id and show some info */
     experiment: DjangoExperiment | InferenceExperimentForTable,
     /** To know if it's an experiment or an inference experiment and make some checks. */
@@ -78,7 +80,7 @@ interface ClinicalSourceState {
 /**
  * Renders an icon with opens a Popup to manage clinical source for an experiment on the fly
  */
-export class ClinicalSourcePopup extends React.Component<PopupClinicalSourceProps, ClinicalSourceState> {
+class ClinicalSourcePopup extends React.Component<PopupClinicalSourceProps, ClinicalSourceState> {
     abortController = new AbortController()
 
     constructor (props) {
@@ -271,7 +273,7 @@ export class ClinicalSourcePopup extends React.Component<PopupClinicalSourceProp
      */
     clinicalSourceVoid () {
         const alert = {
-            message: 'No samples in common',
+            message: this.props.intl.formatMessage({ id: 'clinicalSourcePopup.alert.noSamplesInCommon' }),
             isOpen: true,
             type: CustomAlertTypes.WARNING,
             duration: 500
@@ -540,7 +542,11 @@ export class ClinicalSourcePopup extends React.Component<PopupClinicalSourceProp
                     onOpen={this.openPopup}
                     trigger={(
                         <Icon
-                            title={`Analysis has${!experiment.clinical_source_id ? ' not' : ''} clinical data`}
+                            title={
+                                experiment.clinical_source_id
+                                    ? this.props.intl.formatMessage({ id: 'clinicalSourcePopup.iconTitle.withClinicalData' })
+                                    : this.props.intl.formatMessage({ id: 'clinicalSourcePopup.iconTitle.withoutClinicalData' })
+                            }
                             name='file'
                             className={clinicalButtonClassName}
                             color={experiment.clinical_source_id ? 'blue' : 'grey'}
@@ -558,7 +564,7 @@ export class ClinicalSourcePopup extends React.Component<PopupClinicalSourceProp
                                         <SourceForm
                                             source={this.state.clinicalSource}
                                             showOnlyClinicalDataWithSurvivalTuples={this.props.showOnlyClinicalDataWithSurvivalTuples}
-                                            headerTitle='Clinical Data'
+                                            headerTitle={this.props.intl.formatMessage({ id: 'clinicalSourcePopup.headerTitle' })}
                                             headerIcon={{
                                                 type: 'icon',
                                                 src: 'file'
@@ -581,7 +587,7 @@ export class ClinicalSourcePopup extends React.Component<PopupClinicalSourceProp
                                             onClick={this.addOrEdit}
                                             disabled={isProcessing || !this.canAddOrEdit() || survColumnsAreComplete}
                                         >
-                                            Submit
+                                            {this.props.intl.formatMessage({ id: 'clinicalSourcePopup.submit' })}
                                         </Button>
                                     </Grid.Column>
 
@@ -611,7 +617,7 @@ export class ClinicalSourcePopup extends React.Component<PopupClinicalSourceProp
                             onClick={this.closePopup}
                             disabled={isProcessing}
                         >
-                            {this.state.cgdsStudyName ? 'Close' : 'Cancel'}
+                            {this.state.cgdsStudyName ? this.props.intl.formatMessage({ id: 'common.close' }) : this.props.intl.formatMessage({ id: 'common.cancel' })}
                         </Button>
 
                         {/* Unlink button (only for UserFiles) */}
@@ -619,7 +625,7 @@ export class ClinicalSourcePopup extends React.Component<PopupClinicalSourceProp
                             <Button
                                 color='orange'
                                 fluid
-                                title='Unlink clinical dataset from this experiment'
+                                title={this.props.intl.formatMessage({ id: 'clinicalSourcePopup.unlinkTitle' })}
                                 className='margin-top-2'
                                 loading={this.state.unlinkingSource}
                                 onClick={this.unlinkClinicalSource}
@@ -641,3 +647,5 @@ export class ClinicalSourcePopup extends React.Component<PopupClinicalSourceProp
         )
     }
 }
+
+export default injectIntl(ClinicalSourcePopup)
diff --git a/src/frontend/static/frontend/src/components/pipeline/all-experiments-view/SeeResultButton.tsx b/src/frontend/static/frontend/src/components/pipeline/all-experiments-view/SeeResultButton.tsx
index 791f9dcd..e455c065 100644
--- a/src/frontend/static/frontend/src/components/pipeline/all-experiments-view/SeeResultButton.tsx
+++ b/src/frontend/static/frontend/src/components/pipeline/all-experiments-view/SeeResultButton.tsx
@@ -1,6 +1,7 @@
 import React from 'react'
 import { DjangoExperiment, ExperimentState } from '../../../utils/django_interfaces'
 import { Icon } from 'semantic-ui-react'
+import { useIntl } from 'react-intl'
 
 /**
  * Component's props
@@ -20,13 +21,14 @@ interface SeeResultButtonProps {
  * @returns Component
  */
 export const SeeResultButton = (props: SeeResultButtonProps) => {
+    const intl = useIntl()
     const extraClassName = props.className ?? ''
     return (
         <Icon
             name='th list'
             className={`clickable ${extraClassName}`}
             color='green'
-            title={props.experiment.result_final_row_count ? 'See result' : 'No results to see. Try making the filters less restrictive'}
+            title={props.experiment.result_final_row_count ? intl.formatMessage({ id: 'seeResultButton.seeResult' }) : intl.formatMessage({ id: 'seeResultButton.noResults' })}
             onClick={() => props.seeResult(props.experiment)}
             disabled={props.experiment.state !== ExperimentState.COMPLETED || !props.experiment.result_final_row_count}
         />
diff --git a/src/frontend/static/frontend/src/components/pipeline/all-experiments-view/SharedInstitutions.tsx b/src/frontend/static/frontend/src/components/pipeline/all-experiments-view/SharedInstitutions.tsx
index 97e5ff34..14a5652e 100644
--- a/src/frontend/static/frontend/src/components/pipeline/all-experiments-view/SharedInstitutions.tsx
+++ b/src/frontend/static/frontend/src/components/pipeline/all-experiments-view/SharedInstitutions.tsx
@@ -7,6 +7,7 @@ import { getDjangoHeader } from '../../../utils/util_functions'
 import ky from 'ky'
 import { SemanticListItem } from '../../../utils/interfaces'
 import { CurrentUserContext } from '../../Base'
+import { useIntl } from 'react-intl'
 
 declare const urlGetUsersCandidatesLimited: string
 declare const urlGetInstitutionsNonInExperiment: string
@@ -32,16 +33,17 @@ interface InstitutionUserListProps {
 }
 
 const InstitutionUserList = (props: InstitutionUserListProps) => {
+    const intl = useIntl()
     return (
         <div key={props.institutionId} style={{ padding: '0 1rem 0 0' }}>
             <PaginatedTable<DjangoInstitutionUserLimited>
-                headerTitle={props.institutionName + ' users'}
+                headerTitle={`${props.institutionName} ${intl.formatMessage({ id: 'sharedInstitutions.users' })}`}
                 headers={[
-                    { name: 'User name', serverCodeToSort: 'user__username' as any, width: 3 }
+                    { name: intl.formatMessage({ id: 'sharedInstitutions.userName' }), serverCodeToSort: 'user__username' as any, width: 3 }
                 ]}
                 showSearchInput
-                searchLabel='User name'
-                searchPlaceholder='Search by User name'
+                searchLabel={intl.formatMessage({ id: 'sharedInstitutions.userName' })}
+                searchPlaceholder={intl.formatMessage({ id: 'sharedInstitutions.searchUserName' })}
                 urlToRetrieveData={urlGetUsersCandidatesLimited + '/' + props.institutionId + '/'}
                 updateWSKey='update_user_for_institution'
                 mapFunction={(userCandidate: DjangoInstitutionUserLimited) => {
@@ -64,6 +66,7 @@ export const SharedInstitutions = (props: Props) => {
     const [institutionList, setInstitutionList] = useState<{ id: number, name: string }[]>([])
     const [isLoadingInstitution, setIsLoadingInstitution] = useState<boolean>(false)
     const currentUser = useContext(CurrentUserContext)
+    const intl = useIntl()
 
     /**
      * Function to search institutions that are not in experiment.
@@ -173,14 +176,14 @@ export const SharedInstitutions = (props: Props) => {
             closeIcon={<Icon name='close' size='large' onClick={() => props.handleClose()} />}
             style={{ width: '80%' }}
         >
-            <ModalHeader>Shared institutions</ModalHeader>
+            <ModalHeader>{intl.formatMessage({ id: 'sharedInstitutions.title' })}</ModalHeader>
             <ModalContent>
                 {
                     props.user.id === currentUser?.id &&
                     (
                         <>
                             <Select
-                                placeholder='Select a institution to share'
+                                placeholder={intl.formatMessage({ id: 'sharedInstitutions.selectInstitution' })}
                                 options={listOfInstitutionNonPart}
                                 value={institutionIdToAdd.toString()}
                                 onChange={(_e, { value }) => setInstitutionIdToAdd(Number(value))}
@@ -188,9 +191,9 @@ export const SharedInstitutions = (props: Props) => {
                             <Button
                                 className='margin-left-5'
                                 disabled={!institutionIdToAdd || isLoadingInstitution}
-                                onClick={() => props.handleChangeConfirmModalState(true, 'Share experiment', 'Are you sure to share experiment to institution?', handleAddInstitution)}
+                                onClick={() => props.handleChangeConfirmModalState(true, intl.formatMessage({ id: 'sharedInstitutions.shareExperiment' }), intl.formatMessage({ id: 'sharedInstitutions.confirmShare' }), handleAddInstitution)}
                             >
-                                Add institution
+                                {intl.formatMessage({ id: 'sharedInstitutions.addInstitution' })}
                             </Button>
                         </>
                     )
@@ -223,8 +226,8 @@ export const SharedInstitutions = (props: Props) => {
                                                             className='clickable'
                                                             disabled={isLoadingInstitution}
                                                             color='red'
-                                                            title='Remove institution'
-                                                            onClick={() => props.handleChangeConfirmModalState(true, 'Stop sharing experiment', 'Are you sure to stop sharing experiment to this institution?', () => handleRemoveInstitution(institution.id))}
+                                                            title={intl.formatMessage({ id: 'sharedInstitutions.removeInstitution' })}
+                                                            onClick={() => props.handleChangeConfirmModalState(true, intl.formatMessage({ id: 'sharedInstitutions.stopSharing' }), intl.formatMessage({ id: 'sharedInstitutions.confirmStopSharing' }), () => handleRemoveInstitution(institution.id))}
                                                         />
                                                     )}
                                             </div>
diff --git a/src/frontend/static/frontend/src/components/pipeline/all-experiments-view/SharedUsers.tsx b/src/frontend/static/frontend/src/components/pipeline/all-experiments-view/SharedUsers.tsx
index b30bd658..8938f51d 100644
--- a/src/frontend/static/frontend/src/components/pipeline/all-experiments-view/SharedUsers.tsx
+++ b/src/frontend/static/frontend/src/components/pipeline/all-experiments-view/SharedUsers.tsx
@@ -4,6 +4,7 @@ import { CurrentUserContext } from '../../Base'
 import { getDjangoHeader } from '../../../utils/util_functions'
 import ky from 'ky'
 import { SemanticListItem } from '../../../utils/interfaces'
+import { useIntl } from 'react-intl'
 
 declare const urlGetSharedUsers: string
 declare const urlPostRemoveUser: string
@@ -25,6 +26,7 @@ interface Props extends SharedUsersProps {
 export const SharedUsers = (props: Props) => {
     const [isLoadingUser, setIsLoadingUser] = useState<boolean>(false)
     const currentUser = useContext(CurrentUserContext)
+    const intl = useIntl()
     const [activeUser, setActiveUser] = useState<{ id: number, username: string }>({ id: 0, username: '' })
     const abortController = useRef(new AbortController())
     const [usersList, setUsersList] = useState<{ id: number, username: string }[]>([])
@@ -138,14 +140,14 @@ export const SharedUsers = (props: Props) => {
             closeIcon={<Icon name='close' size='large' onClick={() => props.handleClose()} />}
             style={{ width: '80%' }}
         >
-            <ModalHeader>Shared users</ModalHeader>
+            <ModalHeader>{intl.formatMessage({ id: 'sharedUsers.title' })}</ModalHeader>
             <ModalContent>
                 {
                     props.user.id === currentUser?.id &&
                     (
                         <>
                             <Select
-                                placeholder='Select a user to share'
+                                placeholder={intl.formatMessage({ id: 'sharedUsers.selectUser' })}
                                 options={listOfUsersNonPart}
                                 value={userIdToAdd.toString()}
                                 onChange={(_e, { value }) => setUserIdToAdd(Number(value))}
@@ -153,9 +155,9 @@ export const SharedUsers = (props: Props) => {
                             <Button
                                 className='margin-left-5'
                                 disabled={!userIdToAdd || isLoadingUser}
-                                onClick={() => props.handleChangeConfirmModalState(true, 'Share experiment', 'Are you sure to share experiment to user?', handleAddInstitution)}
+                                onClick={() => props.handleChangeConfirmModalState(true, intl.formatMessage({ id: 'sharedUsers.shareExperiment' }), intl.formatMessage({ id: 'sharedUsers.confirmShare' }), handleAddInstitution)}
                             >
-                                Add user
+                                {intl.formatMessage({ id: 'sharedUsers.addUser' })}
                             </Button>
                         </>
                     )
@@ -188,8 +190,8 @@ export const SharedUsers = (props: Props) => {
                                                             className='clickable'
                                                             disabled={isLoadingUser}
                                                             color='red'
-                                                            title='Remove institution'
-                                                            onClick={() => props.handleChangeConfirmModalState(true, 'Stop sharing to user', 'Are you sure to stop sharing experiment to user?', () => handleRemoveInstitution(institution.id))}
+                                                            title={intl.formatMessage({ id: 'sharedUsers.removeUser' })}
+                                                            onClick={() => props.handleChangeConfirmModalState(true, intl.formatMessage({ id: 'sharedUsers.stopSharing' }), intl.formatMessage({ id: 'sharedUsers.confirmStopSharing' }), () => handleRemoveInstitution(institution.id))}
                                                         />
                                                     )}
                                             </div>
diff --git a/src/frontend/static/frontend/src/components/pipeline/all-experiments-view/SourcePopup.tsx b/src/frontend/static/frontend/src/components/pipeline/all-experiments-view/SourcePopup.tsx
index 0f110c51..5c8bd695 100644
--- a/src/frontend/static/frontend/src/components/pipeline/all-experiments-view/SourcePopup.tsx
+++ b/src/frontend/static/frontend/src/components/pipeline/all-experiments-view/SourcePopup.tsx
@@ -3,6 +3,7 @@ import { Popup, Button, Icon, Header, List } from 'semantic-ui-react'
 import { DjangoExperimentSource, SourceSimpleCGDSDataset } from '../../../utils/django_interfaces'
 import { SemanticICONS, SemanticCOLORS } from 'semantic-ui-react/dist/commonjs/generic'
 import { formatDateLocale, getFileRowDescriptionInPlural } from '../../../utils/util_functions'
+import { useIntl } from 'react-intl'
 
 declare const downloadFileURL: string
 
@@ -27,6 +28,7 @@ interface SourcePopupProps {
  * @returns Component
  */
 export const SourcePopup = (props: SourcePopupProps) => {
+    const intl = useIntl()
     const isUserFile = props.source.user_file !== null
     const datasetObj = props.source.user_file ?? props.source.cgds_dataset
 
@@ -51,11 +53,13 @@ export const SourcePopup = (props: SourcePopupProps) => {
                 <hr />
                 <List.Item>
                     <List.Icon name='database' color='blue' />
-                    <List.Content>cBioPortal dataset (version {obj.version})</List.Content>
+                    <List.Content> {intl.formatMessage({ id: 'sourcePopup.cgdsDataset' }, { version: obj.version })}</List.Content>
                 </List.Item>
                 <List.Item>
                     <List.Icon name='clock' color='blue' />
-                    <List.Content>Sync. Date: {syncDate}</List.Content>
+                    <List.Content>
+                        {intl.formatMessage({ id: 'sourcePopup.syncDate' }, { date: syncDate })}
+                    </List.Content>
                 </List.Item>
             </>
         )
@@ -87,7 +91,7 @@ export const SourcePopup = (props: SourcePopupProps) => {
                     {/* Number of rows and samples */}
                     <List.Item>
                         <List.Content>
-                            <List.Header className='source-popup-header'>Source properties</List.Header>
+                            <List.Header className='source-popup-header'>{intl.formatMessage({ id: 'sourcePopup.sourceProperties' })}</List.Header>
                             <List.List>
                                 <List.Item>
                                     <List.Icon name='numbered list' color='blue' className='no-padding-left' />
@@ -95,7 +99,7 @@ export const SourcePopup = (props: SourcePopupProps) => {
                                 </List.Item>
                                 <List.Item>
                                     <List.Icon name='users' color='blue' />
-                                    <List.Content>Samples: {props.source.number_of_samples}</List.Content>
+                                    <List.Content>{intl.formatMessage({ id: 'sourcePopup.samples' }, { count: props.source.number_of_samples })}</List.Content>
                                 </List.Item>
 
                                 {/* CGDS data */}
@@ -116,7 +120,7 @@ export const SourcePopup = (props: SourcePopupProps) => {
                     disabled={!isUserFile}
                 >
                     <Icon name='cloud download' />
-                    Download
+                    {intl.formatMessage({ id: 'common.download' })}
                 </Button>
             </>
         </Popup>
diff --git a/src/frontend/static/frontend/src/components/pipeline/cgds-datasets-modal/CGDSDatasetsModal.tsx b/src/frontend/static/frontend/src/components/pipeline/cgds-datasets-modal/CGDSDatasetsModal.tsx
index 6c3e48f6..c8a4a69b 100644
--- a/src/frontend/static/frontend/src/components/pipeline/cgds-datasets-modal/CGDSDatasetsModal.tsx
+++ b/src/frontend/static/frontend/src/components/pipeline/cgds-datasets-modal/CGDSDatasetsModal.tsx
@@ -4,6 +4,7 @@ import { DjangoCGDSStudy, RowHeader } from '../../../utils/django_interfaces'
 import { FileType, Nullable } from '../../../utils/interfaces'
 import { formatDateLocale } from '../../../utils/util_functions'
 import { PaginatedTable } from '../../common/PaginatedTable'
+import { useIntl } from 'react-intl'
 
 declare const urlCGDSStudiesCRUD: string
 
@@ -31,6 +32,8 @@ interface CGDSDatasetsModalProps {
  * @returns React Modal component
  */
 const CGDSDatasetsModal = (props: CGDSDatasetsModalProps) => {
+    const intl = useIntl()
+
     if (!props.showCGDSDatasetsModal) {
         return null
     }
@@ -41,11 +44,11 @@ const CGDSDatasetsModal = (props: CGDSDatasetsModalProps) => {
      */
     function getDefaultHeaders (): RowHeader<DjangoCGDSStudy>[] {
         const headersList: RowHeader<DjangoCGDSStudy>[] = [
-            { name: 'Name', serverCodeToSort: 'name' },
-            { name: 'Description', serverCodeToSort: 'description' },
-            { name: 'Version', serverCodeToSort: 'version' },
-            { name: 'Sync. Date', serverCodeToSort: 'date_last_synchronization' },
-            { name: 'Study info' }
+            { name: intl.formatMessage({ id: 'common.name' }), serverCodeToSort: 'name' },
+            { name: intl.formatMessage({ id: 'common.description' }), serverCodeToSort: 'description' },
+            { name: intl.formatMessage({ id: 'common.version' }), serverCodeToSort: 'version' },
+            { name: intl.formatMessage({ id: 'sourcePopup.syncDate' }), serverCodeToSort: 'date_last_synchronization' },
+            { name: intl.formatMessage({ id: 'cgdsDatasetsModal.studyInfo' }) }
         ]
 
         return headersList
@@ -53,19 +56,19 @@ const CGDSDatasetsModal = (props: CGDSDatasetsModalProps) => {
 
     return (
         <Modal size='fullscreen' open={props.showCGDSDatasetsModal} onClose={props.handleClose} centered={false}>
-            <Header icon='cloud' content='Select dataset from cBioPortal' />
+            <Header icon='cloud' content={intl.formatMessage({ id: 'cgdsDatasetsModal.title' })} />
             <Modal.Content className='align-center'>
                 <PaginatedTable<DjangoCGDSStudy>
                     headers={getDefaultHeaders()}
                     showSearchInput
                     urlToRetrieveData={urlCGDSStudiesCRUD}
                     customFilters={[
-                        { label: 'Only last version', keyForServer: 'only_last_version', defaultValue: true, type: 'checkbox' }
+                        { label: intl.formatMessage({ id: 'cgdsDatasetsModal.onlyLastVersion' }), keyForServer: 'only_last_version', defaultValue: true, type: 'checkbox' }
                     ]}
                     queryParams={{ file_type: props.selectingFileType }}
                     mapFunction={(CGDSStudy: DjangoCGDSStudy) => {
                         return (
-                            <Table.Row
+                            <Table.Row
                                 key={CGDSStudy.id as number}
                                 className='clickable'
                                 active={CGDSStudy.id === props.selectedStudy?.id}
@@ -84,7 +87,7 @@ const CGDSDatasetsModal = (props: CGDSDatasetsModalProps) => {
                                         basic
                                         color='blue'
                                         icon
-                                        title='See more info'
+                                        title={intl.formatMessage({ id: 'cgdsDatasetsModal.seeMoreInfo' })}
                                         className='borderless-button'
                                         as='a' href={CGDSStudy.url_study_info} target='_blank'
                                         disabled={!CGDSStudy.url_study_info}
@@ -101,7 +104,7 @@ const CGDSDatasetsModal = (props: CGDSDatasetsModalProps) => {
             {/* Cancel button */}
             <Modal.Actions>
                 <Button onClick={props.handleClose}>
-                    Cancel
+                    {intl.formatMessage({ id: 'common.cancel' })}
                 </Button>
 
                 <Button
@@ -109,7 +112,7 @@ const CGDSDatasetsModal = (props: CGDSDatasetsModalProps) => {
                     onClick={() => props.selectStudy(props.selectedStudy)}
                     disabled={props.selectedStudy === null}
                 >
-                    Confirm
+                    {intl.formatMessage({ id: 'common.confirm' })}
                 </Button>
             </Modal.Actions>
         </Modal>
diff --git a/src/frontend/static/frontend/src/components/pipeline/experiment-result/BiomarkerFromCorrelationModal.tsx b/src/frontend/static/frontend/src/components/pipeline/experiment-result/BiomarkerFromCorrelationModal.tsx
index 6fffd990..fe1c8f62 100644
--- a/src/frontend/static/frontend/src/components/pipeline/experiment-result/BiomarkerFromCorrelationModal.tsx
+++ b/src/frontend/static/frontend/src/components/pipeline/experiment-result/BiomarkerFromCorrelationModal.tsx
@@ -12,6 +12,7 @@ import { isEqual } from 'lodash'
 import { getDefaultClusteringParameters, getDefaultRFParameters, getDefaultSvmParameters } from '../../biomarkers/utils'
 import { BiomarkerDetailsModal } from '../../biomarkers/BiomarkerDetailsModal'
 import { Alert } from '../../common/Alert'
+import { useIntl, IntlShape } from 'react-intl'
 
 // URLs defined in gem.html
 declare const urlBiomarkersCRUD: string
@@ -46,6 +47,7 @@ type ValidationForm = {
 interface BiomarkerFromCorrelationModalProps {
     experimentInfo: ExperimentInfo;
     tableControl: ExperimentResultTableControl;
+    intl: IntlShape
 }
 
 /** BiomarkersPanel's state */
@@ -91,7 +93,7 @@ interface BiomarkerFromCorrelationModalState {
 /**
  * Renders a CRUD panel for a Biomarker.
  */
-export class BiomarkerFromCorrelationModal extends React.Component<BiomarkerFromCorrelationModalProps, BiomarkerFromCorrelationModalState> {
+class BiomarkerFromCorrelationModal extends React.Component<BiomarkerFromCorrelationModalProps, BiomarkerFromCorrelationModalState> {
     abortController = new AbortController()
     constructor (props) {
         super(props)
@@ -1023,6 +1025,7 @@ export class BiomarkerFromCorrelationModal extends React.Component<BiomarkerFrom
      * Makes the request to create a Biomarker
      */
     handleSendForm = () => {
+        const { intl } = this.props
         const formBiomarker = this.state.formBiomarker
         formBiomarker.validation.isLoading = true
         this.setState({ formBiomarker })
@@ -1035,13 +1038,7 @@ export class BiomarkerFromCorrelationModal extends React.Component<BiomarkerFrom
 
         // Adds molecules if needed
         const biomarkerToSend: SaveBiomarkerStructure | BiomarkerNameAndDesc = formBiomarker.canEditMolecules
-            ? {
-                ...simpleBiomarker,
-                mrnas: this.getMoleculesData(formBiomarker.moleculesSection.mRNA.data),
-                mirnas: this.getMoleculesData(formBiomarker.moleculesSection.miRNA.data),
-                cnas: this.getMoleculesData(formBiomarker.moleculesSection.CNA.data),
-                methylations: this.getMoleculesData(formBiomarker.moleculesSection.Methylation.data)
-            }
+            ? { ...simpleBiomarker, mrnas: this.getMoleculesData(formBiomarker.moleculesSection.mRNA.data), mirnas: this.getMoleculesData(formBiomarker.moleculesSection.miRNA.data), cnas: this.getMoleculesData(formBiomarker.moleculesSection.CNA.data), methylations: this.getMoleculesData(formBiomarker.moleculesSection.Methylation.data) }
             : simpleBiomarker
 
         const settings: Options = {
@@ -1053,17 +1050,13 @@ export class BiomarkerFromCorrelationModal extends React.Component<BiomarkerFrom
         // Checks if it's a creation or an update
         if (!formBiomarker.id) {
             ky.post(urlBiomarkersCreate, settings).then((response) => {
-                response.json<Biomarker>().then((_jsonResponse) => {
-                    this.closeModalWithSuccessMsg('Biomarker created successfully')
-                }).catch((err) => {
-                    console.log('Error parsing JSON ->', err)
-                })
+                response.json<Biomarker>().then(() => { this.closeModalWithSuccessMsg(intl.formatMessage({ id: 'biomarkerFromCorrelation.alert.successCreating' })) }).catch((err) => { console.log('Error parsing JSON ->', err) })
             }).catch((err) => {
                 console.log('Error adding Biomarker ->', err)
                 const alert = this.state.alert
                 alert.isOpen = true
                 alert.type = CustomAlertTypes.ERROR
-                alert.message = 'Error creating biomarker!'
+                alert.message = intl.formatMessage({ id: 'biomarkerFromCorrelation.alert.errorCreating' })
                 this.setState({ alert })
             }).finally(() => {
                 formBiomarker.validation.isLoading = false
@@ -1072,17 +1065,13 @@ export class BiomarkerFromCorrelationModal extends React.Component<BiomarkerFrom
         } else {
             const url = formBiomarker.canEditMolecules ? urlBiomarkersCRUD : urlBiomarkersSimpleUpdate
             ky.patch(`${url}/${formBiomarker.id}/`, settings).then((response) => {
-                response.json<Biomarker>().then((_jsonResponse) => {
-                    this.closeModalWithSuccessMsg('Biomarker edited successfully')
-                }).catch((err) => {
-                    console.log('Error parsing JSON ->', err)
-                })
+                response.json<Biomarker>().then((_jsonResponse) => { this.closeModalWithSuccessMsg(intl.formatMessage({ id: 'biomarkerFromCorrelation.alert.successEditing' })) }).catch((err) => { console.log('Error parsing JSON ->', err) })
             }).catch((err) => {
                 console.log('Error getting genes ->', err)
                 const alert = this.state.alert
                 alert.isOpen = true
                 alert.type = CustomAlertTypes.ERROR
-                alert.message = 'Error editing biomarker!'
+                alert.message = intl.formatMessage({ id: 'biomarkerFromCorrelation.alert.errorEditing' })
                 this.setState({ alert })
             }).finally(() => {
                 formBiomarker.validation.isLoading = false
@@ -1380,16 +1369,17 @@ export class BiomarkerFromCorrelationModal extends React.Component<BiomarkerFrom
      * @returns Default object for table's Filters
      */
     getDefaultFilters (): PaginationCustomFilter[] {
+        const { intl } = this.props
         const tagOptions: DropdownItemProps[] = this.state.tags.map((tag) => {
             const id = tag.id as number
             return { key: id, value: id, text: tag.name }
         })
 
-        tagOptions.unshift({ key: 'no_tag', text: 'No tag' })
+        tagOptions.unshift({ key: 'no_tag', text: intl.formatMessage({ id: 'biomarkerFromCorrelation.tags.noTag' }) })
 
         // TODO: refactor Tag key as it's the same as AllExperimentsView.tsx and UserFilesView.tsx
         return [
-            { label: 'Tag', keyForServer: 'tag', defaultValue: '', placeholder: 'Select an existing Tag', options: tagOptions, width: 3 }
+            { label: intl.formatMessage({ id: 'biomarkerFromCorrelation.tags.label' }), keyForServer: 'tag', defaultValue: '', placeholder: intl.formatMessage({ id: 'biomarkerFromCorrelation.tags.placeholder' }), options: tagOptions, width: 3 }
         ]
     }
 
@@ -1444,6 +1434,7 @@ export class BiomarkerFromCorrelationModal extends React.Component<BiomarkerFrom
     }
 
     render () {
+        const { intl } = this.props
         const { openSelectOptionModal, selectedOption } = this.state
         return (
             <>
@@ -1451,7 +1442,7 @@ export class BiomarkerFromCorrelationModal extends React.Component<BiomarkerFrom
                     primary
                     icon='dna'
                     width={2}
-                    label='Create Biomarker'
+                    label={intl.formatMessage({ id: 'biomarkerFromCorrelation.button.label' })}
                     color='green'
                     title='Create Biomarker from result'
                     className='no-margin-right-form-field'
@@ -1467,20 +1458,20 @@ export class BiomarkerFromCorrelationModal extends React.Component<BiomarkerFrom
                     open={openSelectOptionModal}
                     onClose={() => this.setState({ openSelectOptionModal: false })}
                 >
-                    <Modal.Header>Create Biomarker</Modal.Header>
+                    <Modal.Header>{intl.formatMessage({ id: 'biomarkerFromCorrelation.modal.header' })}</Modal.Header>
                     <Modal.Content>
-                        <p>Select how you want to build the biomarker:</p>
+                        <p>{intl.formatMessage({ id: 'biomarkerFromCorrelation.modal.selectHow' })}</p>
                         <Form>
                             <Form.Group grouped>
                                 <Form.Radio
-                                    label='Select all'
+                                    label={intl.formatMessage({ id: 'biomarkerFromCorrelation.modal.selectAll' })}
                                     name='biomarkerOption'
                                     value='selectAll'
                                     checked={selectedOption === 'selectAll'}
                                     onChange={(_, { value }) => this.setState({ selectedOption: value as SelectedOption })}
                                 />
                                 <Form.Radio
-                                    label='Select with filters'
+                                    label={intl.formatMessage({ id: 'biomarkerFromCorrelation.modal.selectWithFilters' })}
                                     name='biomarkerOption'
                                     value='selectWithFilters'
                                     checked={selectedOption === 'selectWithFilters'}
@@ -1491,10 +1482,10 @@ export class BiomarkerFromCorrelationModal extends React.Component<BiomarkerFrom
                     </Modal.Content>
                     <Modal.Actions>
                         <Button onClick={() => this.setState({ openSelectOptionModal: false })} color='grey'>
-                            Cancel
+                            {intl.formatMessage({ id: 'common.cancel' })}
                         </Button>
                         <Button onClick={() => this.handleConfirm()} color='blue'>
-                            Confirm
+                            {intl.formatMessage({ id: 'common.confirm' })}
                         </Button>
                     </Modal.Actions>
                 </Modal>
@@ -1576,3 +1567,10 @@ export class BiomarkerFromCorrelationModal extends React.Component<BiomarkerFrom
         )
     }
 }
+
+const BiomarkerFromCorrelationModalWithIntl = (props: Omit<BiomarkerFromCorrelationModalProps, 'intl'>) => {
+    const intl = useIntl()
+    return <BiomarkerFromCorrelationModal {...props} intl={intl} />
+}
+
+export { BiomarkerFromCorrelationModalWithIntl as BiomarkerFromCorrelationModal }
diff --git a/src/frontend/static/frontend/src/components/pipeline/experiment-result/CreateBiomarkerButton.tsx b/src/frontend/static/frontend/src/components/pipeline/experiment-result/CreateBiomarkerButton.tsx
index 06b7b937..e9524ace 100644
--- a/src/frontend/static/frontend/src/components/pipeline/experiment-result/CreateBiomarkerButton.tsx
+++ b/src/frontend/static/frontend/src/components/pipeline/experiment-result/CreateBiomarkerButton.tsx
@@ -1,6 +1,7 @@
 import React, { useState } from 'react'
 import { Form, Modal, Button, Icon, ButtonProps } from 'semantic-ui-react'
 import { ExperimentInfo } from '../../../utils/interfaces'
+import { useIntl } from 'react-intl'
 
 type BiomarkerOption = 'selectAll' | 'selectWithFilters'
 
@@ -43,6 +44,7 @@ interface CreateBiomarkerButtonProps extends Partial<ButtonProps> {
  * />
  */
 const CreateBiomarkerButton: React.FC<CreateBiomarkerButtonProps> = (props) => {
+    const intl = useIntl()
     // Destructure component-specific props and forward the rest to the underlying Button
     const { experimentInfo, onCreateBiomarker, ...buttonProps } = props
 
@@ -65,9 +67,9 @@ const CreateBiomarkerButton: React.FC<CreateBiomarkerButtonProps> = (props) => {
         <>
             {/* Button that opens the modal */}
             <Button
-                label='Create Biomarker'
+                label={intl.formatMessage({ id: 'createBiomarkerButton.label' })}
                 icon='dna'
-                title='Create Biomarker from result'
+                title={intl.formatMessage({ id: 'createBiomarkerButton.title' })}
                 color='green'
                 className='space-modal large-modal'
                 labelPosition='left'
@@ -75,7 +77,7 @@ const CreateBiomarkerButton: React.FC<CreateBiomarkerButtonProps> = (props) => {
                 {...buttonProps}
             >
                 <Icon name='plus' />
-                Create Biomarker
+                {intl.formatMessage({ id: 'createBiomarkerButton.label' })}
             </Button>
 
             {/* Modal with options */}
@@ -84,20 +86,20 @@ const CreateBiomarkerButton: React.FC<CreateBiomarkerButtonProps> = (props) => {
                 open={open}
                 onClose={() => setOpen(false)}
             >
-                <Modal.Header>Create Biomarker</Modal.Header>
+                <Modal.Header>{intl.formatMessage({ id: 'createBiomarkerButton.modal.header' })}</Modal.Header>
                 <Modal.Content>
-                    <p>Select how you want to build the biomarker:</p>
+                    <p>{intl.formatMessage({ id: 'createBiomarkerButton.modal.description' })}</p>
                     <Form>
                         <Form.Group grouped>
                             <Form.Radio
-                                label='Select all'
+                                label={intl.formatMessage({ id: 'createBiomarkerButton.option.selectAll' })}
                                 name='biomarkerOption'
                                 value='selectAll'
                                 checked={selectedOption === 'selectAll'}
                                 onChange={(_, { value }) => setSelectedOption(value as BiomarkerOption)}
                             />
                             <Form.Radio
-                                label='Select with filters'
+                                label={intl.formatMessage({ id: 'createBiomarkerButton.option.selectWithFilters' })}
                                 name='biomarkerOption'
                                 value='selectWithFilters'
                                 checked={selectedOption === 'selectWithFilters'}
@@ -108,10 +110,10 @@ const CreateBiomarkerButton: React.FC<CreateBiomarkerButtonProps> = (props) => {
                 </Modal.Content>
                 <Modal.Actions>
                     <Button onClick={() => setOpen(false)} color='grey'>
-                        Cancel
+                        {intl.formatMessage({ id: 'common.cancel' })}
                     </Button>
                     <Button onClick={handleConfirm} color='blue'>
-                        Confirm
+                        {intl.formatMessage({ id: 'common.confirm' })}
                     </Button>
                 </Modal.Actions>
             </Modal>
diff --git a/src/frontend/static/frontend/src/components/pipeline/experiment-result/ExperimentResultRow.tsx b/src/frontend/static/frontend/src/components/pipeline/experiment-result/ExperimentResultRow.tsx
index a63b95f6..9915dc37 100644
--- a/src/frontend/static/frontend/src/components/pipeline/experiment-result/ExperimentResultRow.tsx
+++ b/src/frontend/static/frontend/src/components/pipeline/experiment-result/ExperimentResultRow.tsx
@@ -3,6 +3,7 @@ import { DjangoMRNAxGEMResultRow } from '../../../utils/django_interfaces'
 import { Table, Icon } from 'semantic-ui-react'
 import { Nullable } from '../../../utils/interfaces'
 import { TableCellWithTitle } from '../../common/TableCellWithTitle'
+import { useIntl } from 'react-intl'
 
 /**
  * Component's props
@@ -24,6 +25,8 @@ interface ExperimentResultRowProps {
  * @returns Component
  */
 export const ExperimentResultRow = (props: ExperimentResultRowProps) => {
+    const intl = useIntl()
+
     /**
      * Generates a valid value to display in table. It could be
      * a string if user has selected to hide high precision or a number
@@ -67,7 +70,7 @@ export const ExperimentResultRow = (props: ExperimentResultRowProps) => {
                     name='chart bar'
                     className='clickable'
                     color='blue'
-                    title='Details'
+                    title={intl.formatMessage({ id: 'common.details' })}
                     onClick={() => props.openDetailsModal(props.row)}
                 />
 
diff --git a/src/frontend/static/frontend/src/components/pipeline/experiment-result/ExperimentResultView.tsx b/src/frontend/static/frontend/src/components/pipeline/experiment-result/ExperimentResultView.tsx
index 046dcaac..b0af52da 100644
--- a/src/frontend/static/frontend/src/components/pipeline/experiment-result/ExperimentResultView.tsx
+++ b/src/frontend/static/frontend/src/components/pipeline/experiment-result/ExperimentResultView.tsx
@@ -8,6 +8,7 @@ import { ResultTableControlForm } from './ResultTableControlForm'
 import { GeneGemDetailsModal } from './gene-gem-details/GeneGemDetailsModal'
 import { HeaderRow } from '../MiRNAPipeline'
 import { InfoPopup } from './gene-gem-details/InfoPopup'
+import { useIntl, IntlShape } from 'react-intl'
 
 /**
  * Component's props
@@ -25,6 +26,7 @@ interface ExperimentResultViewProps {
     resetSorting: (experiment: DjangoExperiment) => void,
     /** Callback to refresh experiment info on clinical source changes */
     refreshExperimentInfo: (experimentId: number) => void
+    intl: IntlShape
 }
 
 /**
@@ -102,6 +104,7 @@ class ExperimentResultView extends React.Component<ExperimentResultViewProps, Ex
     }
 
     render () {
+        const { intl } = this.props
         // Get GEM description to display
         const experiment = this.props.experimentInfo.experiment
         const gemDescription = getGemDescription(experiment.type, 'ExperimentType')
@@ -114,15 +117,15 @@ class ExperimentResultView extends React.Component<ExperimentResultViewProps, Ex
         // Table Headers
         const headers: HeaderRow[] = [
             { name: gemDescription, serverCodeToSort: 'gem' },
-            { name: 'mRNA', serverCodeToSort: 'gene' },
-            { name: 'Chromosome', serverCodeToSort: 'gene__chromosome', width: 2 },
-            { name: 'Gene start (bp)', serverCodeToSort: 'gene__start' },
-            { name: 'Gene end (bp)', serverCodeToSort: 'gene__end' },
-            { name: 'Gene type', serverCodeToSort: 'gene__type' },
-            { name: 'Gene desc.', serverCodeToSort: 'gene__description', width: 4 },
-            { name: 'Correlation', serverCodeToSort: 'correlation' },
-            { name: 'P-value', serverCodeToSort: 'p_value' },
-            { name: `Adj. P-value (${pValuesAdjustmentMethodDescription})`, serverCodeToSort: 'adjusted_p_value' }
+            { name: intl.formatMessage({ id: 'experimentResultView.mrna' }), serverCodeToSort: 'gene' },
+            { name: intl.formatMessage({ id: 'experimentResultView.chromosome' }), serverCodeToSort: 'gene__chromosome', width: 2 },
+            { name: intl.formatMessage({ id: 'experimentResultView.geneStart' }), serverCodeToSort: 'gene__start' },
+            { name: intl.formatMessage({ id: 'experimentResultView.geneEnd' }), serverCodeToSort: 'gene__end' },
+            { name: intl.formatMessage({ id: 'experimentResultView.geneType' }), serverCodeToSort: 'gene__type' },
+            { name: intl.formatMessage({ id: 'experimentResultView.geneDescription' }), serverCodeToSort: 'gene__description', width: 4 },
+            { name: intl.formatMessage({ id: 'experimentResultView.correlation' }), serverCodeToSort: 'correlation' },
+            { name: intl.formatMessage({ id: 'experimentResultView.pValue' }), serverCodeToSort: 'p_value' },
+            { name: intl.formatMessage({ id: 'experimentResultView.adjustedPValue' }, { method: pValuesAdjustmentMethodDescription }), serverCodeToSort: 'adjusted_p_value' }
         ]
 
         // Check if it's a miRNA experiment to show specific actions
@@ -162,12 +165,12 @@ class ExperimentResultView extends React.Component<ExperimentResultViewProps, Ex
 
                 {/* Sorting order */}
                 <p id='sorting-order-data'>
-                    <strong>Sorting (in order) by</strong> {this.generateSortingInfoText()}
+                    <strong>{intl.formatMessage({ id: 'experimentResultView.sortingOrderBy' })}</strong> {this.generateSortingInfoText()}
 
                     <Icon
                         name='trash'
                         color='red'
-                        title='Clean sorting only'
+                        title={intl.formatMessage({ id: 'experimentResultView.cleanSortingOnly' })}
                         className='clickable margin-left-1'
                         onClick={() => this.props.resetSorting(experiment)}
                         disabled={!this.props.tableControl.sortFields.length}
@@ -176,7 +179,7 @@ class ExperimentResultView extends React.Component<ExperimentResultViewProps, Ex
                     <InfoPopup
                         onTop={false}
                         extraClassName='margin-left-1'
-                        content='The order of sorting will be respected. If you want to remove any of the element which are being sorted you can click on its column header until the sorting mark disappear. To make a full clean of the sorting, you can click the red button on the left'
+                        content={intl.formatMessage({ id: 'experimentResultView.sortingInfo' })}
                     />
                 </p>
 
@@ -204,7 +207,7 @@ class ExperimentResultView extends React.Component<ExperimentResultViewProps, Ex
                                 )
                             })}
 
-                            <Table.HeaderCell>Actions</Table.HeaderCell>
+                            <Table.HeaderCell>{intl.formatMessage({ id: 'experimentResultView.actions' })}</Table.HeaderCell>
                         </Table.Row>
                     </Table.Header>
 
@@ -234,4 +237,17 @@ class ExperimentResultView extends React.Component<ExperimentResultViewProps, Ex
     }
 }
 
-export { ExperimentResultView }
+const ExperimentResultViewWithIntl = (
+    props: Omit<ExperimentResultViewProps, 'intl'>
+) => {
+    const intl = useIntl()
+
+    return (
+        <ExperimentResultView
+            {...props}
+            intl={intl}
+        />
+    )
+}
+
+export { ExperimentResultViewWithIntl as ExperimentResultView }
diff --git a/src/frontend/static/frontend/src/components/pipeline/experiment-result/ResultTableControlForm.tsx b/src/frontend/static/frontend/src/components/pipeline/experiment-result/ResultTableControlForm.tsx
index 651c5cf1..fcd2da6a 100644
--- a/src/frontend/static/frontend/src/components/pipeline/experiment-result/ResultTableControlForm.tsx
+++ b/src/frontend/static/frontend/src/components/pipeline/experiment-result/ResultTableControlForm.tsx
@@ -6,6 +6,7 @@ import { generatesOrderingQueryMultiField } from '../../../utils/util_functions'
 import { DjangoExperiment } from '../../../utils/django_interfaces'
 import { SingleRangeSlider } from 'neo-react-semantic-ui-range'
 import { BiomarkerFromCorrelationModal } from './BiomarkerFromCorrelationModal'
+import { useIntl } from 'react-intl'
 
 declare const urlDownloadResultWithFilters: string
 
@@ -41,10 +42,11 @@ interface ResultTableControlFormProps {
  * @returns Component
  */
 export const ResultTableControlForm = (props: ResultTableControlFormProps) => {
+    const intl = useIntl()
     const selectCorrelationTypeOptions = [
-        { key: 'both', text: 'Both', value: CorrelationType.BOTH },
-        { key: 'positive', text: 'Positive', value: CorrelationType.POSITIVE },
-        { key: 'negative', text: 'Negative', value: CorrelationType.NEGATIVE }
+        { key: 'both', text: intl.formatMessage({ id: 'resultTableControlForm.correlationType.both' }), value: CorrelationType.BOTH },
+        { key: 'positive', text: intl.formatMessage({ id: 'resultTableControlForm.correlationType.positive' }), value: CorrelationType.POSITIVE },
+        { key: 'negative', text: intl.formatMessage({ id: 'resultTableControlForm.correlationType.negative' }), value: CorrelationType.NEGATIVE }
     ]
 
     const selectPageSizeOptions = [
@@ -85,13 +87,13 @@ export const ResultTableControlForm = (props: ResultTableControlFormProps) => {
                                         {props.numberOfShowingCombinations} / {props.totalNumberOfCombinations}
                                     </span>
                                 </Statistic.Value>
-                                <Statistic.Label>SHOWING/TOTAL</Statistic.Label>
+                                <Statistic.Label>{intl.formatMessage({ id: 'resultTableControlForm.showingTotal' })}</Statistic.Label>
                             </Statistic>
 
                             <InfoPopup
                                 extraClassName='margin-left-2'
                                 onTop={false}
-                                content='Number of significantly correlated features  according to the applied filters over the total significantly correlated'
+                                content={intl.formatMessage({ id: 'resultTableControlForm.showingTotalInfo' })}
                             />
                         </Form.Field>
 
@@ -100,7 +102,10 @@ export const ResultTableControlForm = (props: ResultTableControlFormProps) => {
                             width={5}
                             icon='search' iconPosition='left'
                             label={`${props.gemDescription}/mRNA`}
-                            placeholder={`Search by ${props.gemDescription} or mRNA`}
+                            placeholder={intl.formatMessage(
+                                { id: 'resultTableControlForm.searchPlaceholder' },
+                                { gemDescription: props.gemDescription }
+                            )}
                             name='textFilter'
                             value={props.tableControl.textFilter}
                             onChange={(_, { name, value }) => props.onHandleTableControlChanges(name, value)}
@@ -113,7 +118,7 @@ export const ResultTableControlForm = (props: ResultTableControlFormProps) => {
                                 id='slider-cor-filter-label'
                                 className='align-center bolder'
                             >
-                                Correlation Coefficient {props.tableControl.coefficientThreshold.toFixed(2)}
+                                {intl.formatMessage({ id: 'resultTableControlForm.correlationCoefficient' }, { value: props.tableControl.coefficientThreshold.toFixed(2) })}
                             </Label>
 
                             <SingleRangeSlider
@@ -141,7 +146,9 @@ export const ResultTableControlForm = (props: ResultTableControlFormProps) => {
                             width={2}
                             fluid
                             selectOnBlur={false}
-                            label='Correlation type'
+                            label={intl.formatMessage({
+                                id: 'resultTableControlForm.correlationType'
+                            })}
                             options={selectCorrelationTypeOptions}
                             name='correlationType'
                             value={props.tableControl.correlationType}
@@ -154,7 +161,9 @@ export const ResultTableControlForm = (props: ResultTableControlFormProps) => {
                             width={2}
                             fluid
                             selectOnBlur={false}
-                            label='Number of entries'
+                            label={intl.formatMessage({
+                                id: 'resultTableControlForm.numberOfEntries'
+                            })}
                             options={selectPageSizeOptions}
                             name='pageSize'
                             value={props.tableControl.pageSize}
@@ -166,7 +175,11 @@ export const ResultTableControlForm = (props: ResultTableControlFormProps) => {
                             width={2}
                             label={isShowingHighPrecision ? '1.234e-5' : 'p < .001'}
                             icon={isShowingHighPrecision ? 'eye slash' : 'eye'}
-                            title={`${isShowingHighPrecision ? 'Less' : 'More'} precise p-value`}
+                            title={intl.formatMessage({
+                                id: isShowingHighPrecision
+                                    ? 'resultTableControlForm.lessPrecisePValue'
+                                    : 'resultTableControlForm.morePrecisePValue'
+                            })}
                             onClick={() => props.changePrecisionState(!isShowingHighPrecision)}
                         />
 
@@ -177,20 +190,28 @@ export const ResultTableControlForm = (props: ResultTableControlFormProps) => {
 
                         <Form.Button
                             width={2}
-                            label='Clean'
+                            label={intl.formatMessage({
+                                id: 'resultTableControlForm.clean'
+                            })}
                             icon='trash'
                             color='red'
-                            title='Reset filters and sorting'
+                            title={intl.formatMessage({
+                                id: 'resultTableControlForm.cleanTitle'
+                            })}
                             className='no-margin-right-form-field'
                             onClick={() => props.resetFiltersAndSorting(props.experimentInfo.experiment)}
                         />
 
                         <Form.Button
                             width={2}
-                            label='Download'
+                            label={intl.formatMessage({
+                                id: 'resultTableControlForm.download'
+                            })}
                             icon='cloud download'
                             color='blue'
-                            title='Download result with filters applied'
+                            title={intl.formatMessage({
+                                id: 'resultTableControlForm.downloadTitle'
+                            })}
                             className='no-margin-right-form-field'
                             onClick={() => window.open(generateDownloadWithFiltersQuery(), '_blank')}
                             disabled={!props.experimentInfo.rows.length}
@@ -199,10 +220,9 @@ export const ResultTableControlForm = (props: ResultTableControlFormProps) => {
                         <Form.Field width={1} className='margin-left-2'>
                             <InfoPopup
                                 id='experiment-result-info-popup'
-                                content={(
-                                    <p>
-                                        This table shows all the combinations whose correlation coefficient was more or equal than selected threshold ({props.minimumCoefficientThreshold}). Choose some of the options listed in <i>Actions</i> column
-                                    </p>
+                                content={intl.formatMessage(
+                                    { id: 'resultTableControlForm.infoPopup' },
+                                    { threshold: props.minimumCoefficientThreshold }
                                 )}
                             />
                         </Form.Field>
diff --git a/src/frontend/static/frontend/src/components/pipeline/experiment-result/gene-gem-details/GeneGEMDataErrorMessage.tsx b/src/frontend/static/frontend/src/components/pipeline/experiment-result/gene-gem-details/GeneGEMDataErrorMessage.tsx
index b84af82a..ced8cc17 100644
--- a/src/frontend/static/frontend/src/components/pipeline/experiment-result/gene-gem-details/GeneGEMDataErrorMessage.tsx
+++ b/src/frontend/static/frontend/src/components/pipeline/experiment-result/gene-gem-details/GeneGEMDataErrorMessage.tsx
@@ -1,21 +1,27 @@
 import React from 'react'
 import { Grid, Header, Icon } from 'semantic-ui-react'
+import { useIntl } from 'react-intl'
 
 /**
  * Generates a message warning user about invalid data to compute Stats or correlation graph/boxplots
  * @returns Component
  */
-export const GeneGEMDataErrorMessage = () => (
-    <Grid padded>
-        <Grid.Row columns={1}>
-            <Grid.Column textAlign='center'>
-                <Header icon>
-                    <Icon name='warning sign' />
-                    There was an error computing information for this combination. Maybe there are few samples to compute the data. Check another combination
+export const GeneGEMDataErrorMessage = () => {
+    const intl = useIntl()
 
-                    <Header.Subheader>If the problem persists for others combinations, please, contact us</Header.Subheader>
-                </Header>
-            </Grid.Column>
-        </Grid.Row>
-    </Grid>
-)
+    return (
+        <Grid padded>
+            <Grid.Row columns={1}>
+                <Grid.Column textAlign='center'>
+                    <Header icon>
+                        <Icon name='warning sign' />
+                        {intl.formatMessage({ id: 'geneGEMDataErrorMessage.header' })}
+                        <Header.Subheader>
+                            {intl.formatMessage({ id: 'geneGEMDataErrorMessage.subheader' })}
+                        </Header.Subheader>
+                    </Header>
+                </Grid.Column>
+            </Grid.Row>
+        </Grid>
+    )
+}
diff --git a/src/frontend/static/frontend/src/components/pipeline/experiment-result/gene-gem-details/GeneGemDetailsModal.tsx b/src/frontend/static/frontend/src/components/pipeline/experiment-result/gene-gem-details/GeneGemDetailsModal.tsx
index 3d2d4dbf..0cb9b90f 100644
--- a/src/frontend/static/frontend/src/components/pipeline/experiment-result/gene-gem-details/GeneGemDetailsModal.tsx
+++ b/src/frontend/static/frontend/src/components/pipeline/experiment-result/gene-gem-details/GeneGemDetailsModal.tsx
@@ -18,6 +18,7 @@ import { KaplanMeierChart } from './survival-analysis/KaplanMeier'
 import { MiRNATargetInteractionPanel } from './MiRNATargetInteractionPanel'
 import { TryAgainSegment } from '../../../common/TryAgainSegment'
 import { COLOR_YELLOW_FILL, COLOR_YELLOW_STROKE } from '../../../../utils/constants'
+import { useIntl, IntlShape } from 'react-intl'
 
 // Defined in gem.html
 declare const urlCorrelationGraph: string
@@ -87,6 +88,7 @@ interface GeneGemDetailsModalProps {
     onHandleClose: () => void,
     /** Callback to refresh experiment info on clinical source changes */
     refreshExperimentInfo: (experimentId: number) => void
+    intl: IntlShape
 }
 
 /**
@@ -303,9 +305,10 @@ class GeneGemDetailsModal extends React.Component<GeneGemDetailsModalProps, Gene
      * @returns Data ready for CorrelationGraph chart
      */
     generateCorrelationGraphData (gene: string, geneData: number[], gem: string, gemData: number[], clinicalData: string[]): ApexChartJSSerie[] {
+        const { intl } = this.props
         // Generates the new Chart's data
         const lineSerie: ApexChartJSSerie = {
-            name: 'Expected correlation',
+            name: intl.formatMessage({ id: 'geneGemDetailsModal.correlationGraph.lineSerie' }),
             data: findLineByLeastSquares(gemData, geneData),
             type: 'line'
         }
@@ -396,6 +399,8 @@ class GeneGemDetailsModal extends React.Component<GeneGemDetailsModalProps, Gene
      * gene and GEM
      */
     getCorrelationGraphData = () => {
+        const { intl } = this.props
+
         // If it's getting the data, prevents multiples requests to the server
         if (this.state.gettingCorrelationData) {
             return
@@ -469,7 +474,7 @@ class GeneGemDetailsModal extends React.Component<GeneGemDetailsModalProps, Gene
                     } else {
                         switch (jsonResponse.status.internal_code) {
                             case DjangoCorrelationGraphInternalCode.EXPERIMENT_DOES_NOT_EXISTS:
-                                alert('It seems that the experiment does not exist. If you think it\'s an error, please, contact with the administrator')
+                                alert(intl.formatMessage({ id: 'geneGemDetailsModal.alert.experimentNotFound' }))
                                 break
                             default:
                                 this.correlationGraphOnGeneralError()
@@ -567,6 +572,8 @@ class GeneGemDetailsModal extends React.Component<GeneGemDetailsModalProps, Gene
     }
 
     render () {
+        const { intl } = this.props
+
         if (!this.props.selectedRow || !this.props.showModal) {
             return null
         }
@@ -583,7 +590,7 @@ class GeneGemDetailsModal extends React.Component<GeneGemDetailsModalProps, Gene
                 onClose={this.resetFieldsAndClose}
                 closeOnDimmerClick={false}
             >
-                <Header id='header-details-modal' icon='dna' content={`${gem} x ${gene} details`} />
+                <Header id='header-details-modal' icon='dna' content={intl.formatMessage({ id: 'geneGemDetailsModal.header' }, { gem, gene })} />
 
                 <Modal.Content scrolling>
                     <GeneGemModalMenu
@@ -604,5 +611,13 @@ class GeneGemDetailsModal extends React.Component<GeneGemDetailsModalProps, Gene
         )
     }
 }
+/**
+ * Functional wrapper to inject intl into the class component.
+ */
+
+const GeneGemDetailsModalWithIntl = (props: Omit<GeneGemDetailsModalProps, 'intl'>) => {
+    const intl = useIntl()
+    return <GeneGemDetailsModal {...props} intl={intl} />
+}
 
-export { GeneGemDetailsModal, CorrelationChartData, CorrelationBoxplotData, ActiveItemMenu, ApexChartJSSerie }
+export { GeneGemDetailsModalWithIntl as GeneGemDetailsModal, CorrelationChartData, CorrelationBoxplotData, ActiveItemMenu, ApexChartJSSerie }
diff --git a/src/frontend/static/frontend/src/components/pipeline/experiment-result/gene-gem-details/GeneGemModalMenu.tsx b/src/frontend/static/frontend/src/components/pipeline/experiment-result/gene-gem-details/GeneGemModalMenu.tsx
index ce6854da..9b94c6f6 100644
--- a/src/frontend/static/frontend/src/components/pipeline/experiment-result/gene-gem-details/GeneGemModalMenu.tsx
+++ b/src/frontend/static/frontend/src/components/pipeline/experiment-result/gene-gem-details/GeneGemModalMenu.tsx
@@ -3,6 +3,7 @@ import { Menu } from 'semantic-ui-react'
 import { Nullable } from '../../../../utils/interfaces'
 import { ActiveItemMenu } from './GeneGemDetailsModal'
 import { InfoPopup } from './InfoPopup'
+import { useIntl } from 'react-intl'
 
 /**
  * Component's props
@@ -30,16 +31,20 @@ interface GeneGemModalMenuProps {
  * @returns Component
  */
 export const GeneGemModalMenu = (props: GeneGemModalMenuProps) => {
+    const intl = useIntl()
     return (
         <Menu className='menu-with-bolder-border'>
             <Menu.Item
                 active={props.activeItem === ActiveItemMenu.STATISTICAL_PROPERTIES}
                 onClick={() => props.setActiveItem(ActiveItemMenu.STATISTICAL_PROPERTIES)}
             >
-                Stats
+                {intl.formatMessage({ id: 'geneGemModalMenu.stats' })}
 
                 <InfoPopup
-                    content={`Stats of the correlation and also of each value vector separately (${props.gene} and ${props.gem})`}
+                    content={intl.formatMessage(
+                        { id: 'geneGemModalMenu.stats.info' },
+                        { gene: props.gene, gem: props.gem }
+                    )}
                     onTop={false}
                     onEvent='hover'
                     extraClassName='margin-left-5'
@@ -50,10 +55,17 @@ export const GeneGemModalMenu = (props: GeneGemModalMenuProps) => {
                 active={props.activeItem === ActiveItemMenu.CORRELATION_GRAPH}
                 onClick={() => props.setActiveItem(ActiveItemMenu.CORRELATION_GRAPH)}
             >
-                Correlation {props.gemDataIsOrdinal ? 'boxplots' : 'graph'}
+                {intl.formatMessage({
+                    id: props.gemDataIsOrdinal
+                        ? 'geneGemModalMenu.correlationBoxplots'
+                        : 'geneGemModalMenu.correlationGraph'
+                })}
 
                 <InfoPopup
-                    content={`Correlation graph between ${props.gene} and ${props.gem} and also stats to measure the correlation`}
+                    content={intl.formatMessage(
+                        { id: 'geneGemModalMenu.correlation.info' },
+                        { gene: props.gene, gem: props.gem }
+                    )}
                     onTop={false}
                     onEvent='hover'
                     extraClassName='margin-left-5'
@@ -66,10 +78,13 @@ export const GeneGemModalMenu = (props: GeneGemModalMenuProps) => {
                         active={props.activeItem === ActiveItemMenu.MIRNA_TARGET_INTERACTION}
                         onClick={() => props.setActiveItem(ActiveItemMenu.MIRNA_TARGET_INTERACTION)}
                     >
-                        {props.gem}-{props.gene} Interaction
+                        {intl.formatMessage({ id: 'geneGemModalMenu.mirnaInteraction' }, { gem: props.gem, gene: props.gene })}
 
                         <InfoPopup
-                            content={`Scores, given by external databases, that measures the association between ${props.gene} and ${props.gem} `}
+                            content={intl.formatMessage(
+                                { id: 'geneGemModalMenu.interaction.info' },
+                                { gene: props.gene, gem: props.gem }
+                            )}
                             onTop={false}
                             onEvent='hover'
                             extraClassName='margin-left-5'
@@ -80,10 +95,16 @@ export const GeneGemModalMenu = (props: GeneGemModalMenuProps) => {
                         active={props.activeItem === ActiveItemMenu.MIRNA_INTERACTION}
                         onClick={() => props.setActiveItem(ActiveItemMenu.MIRNA_INTERACTION)}
                     >
-                        {props.gem} Interaction
+                        {intl.formatMessage(
+                            { id: 'geneGemModalMenu.mirnaInteraction' },
+                            { gem: props.gem }
+                        )}
 
                         <InfoPopup
-                            content={`Find target interactions with ${props.gem} in miRNA external databases`}
+                            content={intl.formatMessage(
+                                { id: 'geneGemModalMenu.mirnaInteraction.info' },
+                                { gem: props.gem }
+                            )}
                             onTop={false}
                             onEvent='hover'
                             extraClassName='margin-left-5'
@@ -94,10 +115,16 @@ export const GeneGemModalMenu = (props: GeneGemModalMenuProps) => {
                         active={props.activeItem === ActiveItemMenu.DISEASES_ASSOCIATION}
                         onClick={() => props.setActiveItem(ActiveItemMenu.DISEASES_ASSOCIATION)}
                     >
-                        {props.gem} disease association
+                        {intl.formatMessage(
+                            { id: 'geneGemModalMenu.diseaseAssociation' },
+                            { gem: props.gem }
+                        )}
 
                         <InfoPopup
-                            content={`Diseases associated with ${props.gem} in miRNA external databases`}
+                            content={intl.formatMessage(
+                                { id: 'geneGemModalMenu.diseaseAssociation.info' },
+                                { gem: props.gem }
+                            )}
                             onTop={false}
                             onEvent='hover'
                             extraClassName='margin-left-5'
@@ -108,10 +135,16 @@ export const GeneGemModalMenu = (props: GeneGemModalMenuProps) => {
                         active={props.activeItem === ActiveItemMenu.DRUGS_ASSOCIATION}
                         onClick={() => props.setActiveItem(ActiveItemMenu.DRUGS_ASSOCIATION)}
                     >
-                        {props.gem} drug association
+                        {intl.formatMessage(
+                            { id: 'geneGemModalMenu.drugAssociation' },
+                            { gem: props.gem }
+                        )}
 
                         <InfoPopup
-                            content={`Drugs associated with ${props.gem} in miRNA external databases`}
+                            content={intl.formatMessage(
+                                { id: 'geneGemModalMenu.drugAssociation.info' },
+                                { gem: props.gem }
+                            )}
                             onTop={false}
                             onEvent='hover'
                             extraClassName='margin-left-5'
@@ -124,10 +157,16 @@ export const GeneGemModalMenu = (props: GeneGemModalMenuProps) => {
                 active={props.activeItem === ActiveItemMenu.ASSUMPTIONS}
                 onClick={() => props.setActiveItem(ActiveItemMenu.ASSUMPTIONS)}
             >
-                Assumptions
+                {intl.formatMessage({ id: 'geneGemModalMenu.assumptions' })}
 
                 <InfoPopup
-                    content={`It evaluates the statistics assumptions that the data should satisfy for the correlation method (${props.correlationMethodDescription}) and the correction method (${props.pValuesAdjustmentMethodDescription}) used in this analysis`}
+                    content={intl.formatMessage(
+                        { id: 'geneGemModalMenu.assumptions.info' },
+                        {
+                            correlationMethod: props.correlationMethodDescription,
+                            correctionMethod: props.pValuesAdjustmentMethodDescription
+                        }
+                    )}
                     onTop={false}
                     onEvent='hover'
                     extraClassName='margin-left-5'
@@ -138,10 +177,13 @@ export const GeneGemModalMenu = (props: GeneGemModalMenuProps) => {
                 active={props.activeItem === ActiveItemMenu.SURVIVAL_ANALYSIS}
                 onClick={() => props.setActiveItem(ActiveItemMenu.SURVIVAL_ANALYSIS)}
             >
-                Survival Analysis
+                {intl.formatMessage({ id: 'geneGemModalMenu.survivalAnalysis' })}
 
                 <InfoPopup
-                    content={`Survival analysis between ${props.gene} low expression patient group and ${props.gene} high expression patient group`}
+                    content={intl.formatMessage(
+                        { id: 'geneGemModalMenu.survivalAnalysis.info' },
+                        { gene: props.gene }
+                    )}
                     onTop={false}
                     onEvent='hover'
                     extraClassName='margin-left-5'
diff --git a/src/frontend/static/frontend/src/components/pipeline/experiment-result/gene-gem-details/LoadingPanel.tsx b/src/frontend/static/frontend/src/components/pipeline/experiment-result/gene-gem-details/LoadingPanel.tsx
index c3181295..cfa3ab1a 100644
--- a/src/frontend/static/frontend/src/components/pipeline/experiment-result/gene-gem-details/LoadingPanel.tsx
+++ b/src/frontend/static/frontend/src/components/pipeline/experiment-result/gene-gem-details/LoadingPanel.tsx
@@ -1,13 +1,18 @@
 import React from 'react'
 import { Header, Icon } from 'semantic-ui-react'
+import { useIntl } from 'react-intl'
 
 /**
  * Renders a custom loading icon as Loader needs a Dimmer and we don't need that
  * @returns Component
  */
-export const LoadingPanel = () => (
-    <Header size='huge' icon textAlign='center'>
-        <Icon id='loading-panel-icon' name='spinner' loading />
-        Loading
-    </Header>
-)
+export const LoadingPanel = () => {
+    const intl = useIntl()
+
+    return (
+        <Header size='huge' icon textAlign='center'>
+            <Icon id='loading-panel-icon' name='spinner' loading />
+            {intl.formatMessage({ id: 'loadingPanel.loading' })}
+        </Header>
+    )
+}
diff --git a/src/frontend/static/frontend/src/components/pipeline/experiment-result/gene-gem-details/MiRNADiseasesPanel.tsx b/src/frontend/static/frontend/src/components/pipeline/experiment-result/gene-gem-details/MiRNADiseasesPanel.tsx
index 43395a17..2fa91b3b 100644
--- a/src/frontend/static/frontend/src/components/pipeline/experiment-result/gene-gem-details/MiRNADiseasesPanel.tsx
+++ b/src/frontend/static/frontend/src/components/pipeline/experiment-result/gene-gem-details/MiRNADiseasesPanel.tsx
@@ -4,6 +4,7 @@ import { Table } from 'semantic-ui-react'
 import { PaginatedTable } from '../../../common/PaginatedTable'
 import { PubmedButton } from './PubmedButton'
 import { MiRNAExtraData } from './MiRNAExtraData'
+import { useIntl } from 'react-intl'
 
 declare const urlMiRNADiseases: string
 
@@ -21,9 +22,10 @@ interface MiRNADiseasesPanelProps {
  * @returns Component
  */
 export const MiRNADiseasesPanel = (props: MiRNADiseasesPanelProps) => {
+    const intl = useIntl()
     const headers: RowHeader<DjangoMiRNADiseasesJSON>[] = [
-        { name: 'Condition associated', serverCodeToSort: 'disease' },
-        { name: 'Pubmed' }
+        { name: intl.formatMessage({ id: 'miRNADiseasesPanel.conditionAssociated' }), serverCodeToSort: 'disease' },
+        { name: intl.formatMessage({ id: 'miRNADiseasesPanel.pubmed' }) }
     ]
 
     const mapFunction = (diseaseRow: DjangoMiRNADiseasesJSON) => {
@@ -42,12 +44,12 @@ export const MiRNADiseasesPanel = (props: MiRNADiseasesPanelProps) => {
             <MiRNAExtraData miRNA={props.miRNA} />
 
             <PaginatedTable<DjangoMiRNADiseasesJSON>
-                headerTitle='miRNA diseases associations'
+                headerTitle={intl.formatMessage({ id: 'miRNADiseasesPanel.headerTitle' })}
                 headers={headers}
                 showSearchInput
                 entriesSelectWidth={2}
-                searchLabel='Disease'
-                searchPlaceholder='Search by disease'
+                searchLabel={intl.formatMessage({ id: 'miRNADiseasesPanel.searchLabel' })}
+                searchPlaceholder={intl.formatMessage({ id: 'miRNADiseasesPanel.searchPlaceholder' })}
                 queryParams={{
                     mirna: props.miRNA
                 }}
diff --git a/src/frontend/static/frontend/src/components/pipeline/experiment-result/gene-gem-details/MiRNADrugsPanel.tsx b/src/frontend/static/frontend/src/components/pipeline/experiment-result/gene-gem-details/MiRNADrugsPanel.tsx
index 00431178..a33f3616 100644
--- a/src/frontend/static/frontend/src/components/pipeline/experiment-result/gene-gem-details/MiRNADrugsPanel.tsx
+++ b/src/frontend/static/frontend/src/components/pipeline/experiment-result/gene-gem-details/MiRNADrugsPanel.tsx
@@ -3,6 +3,7 @@ import { DjangoMiRNADrugsJSON, RowHeader } from '../../../../utils/django_interf
 import { Table, Button, Icon } from 'semantic-ui-react'
 import { PaginationCustomFilter, PaginatedTable } from '../../../common/PaginatedTable'
 import { MiRNAExtraData } from './MiRNAExtraData'
+import { useIntl } from 'react-intl'
 
 declare const urlMiRNAeDrugs: string
 
@@ -20,15 +21,16 @@ interface MiRNADrugsPanelProps {
  * @returns Component
  */
 export const MiRNADrugsPanel = (props: MiRNADrugsPanelProps) => {
+    const intl = useIntl()
     const headers: RowHeader<DjangoMiRNADrugsJSON>[] = [
-        { name: 'Drug associated', serverCodeToSort: 'condition' },
-        { name: 'Detection method', serverCodeToSort: 'detection_method' },
-        { name: 'Small molecule', serverCodeToSort: 'small_molecule' },
-        { name: 'Expression pattern', serverCodeToSort: 'expression_pattern' },
-        { name: 'Reference', serverCodeToSort: 'reference' },
-        { name: 'Support', serverCodeToSort: 'support' },
-        { name: 'FDA approved' },
-        { name: 'Pubmed' }
+        { name: intl.formatMessage({ id: 'miRNADrugsPanel.drugAssociated' }), serverCodeToSort: 'condition' },
+        { name: intl.formatMessage({ id: 'miRNADrugsPanel.detectionMethod' }), serverCodeToSort: 'detection_method' },
+        { name: intl.formatMessage({ id: 'miRNADrugsPanel.smallMolecule' }), serverCodeToSort: 'small_molecule' },
+        { name: intl.formatMessage({ id: 'miRNADrugsPanel.expressionPattern' }), serverCodeToSort: 'expression_pattern' },
+        { name: intl.formatMessage({ id: 'miRNADrugsPanel.reference' }), serverCodeToSort: 'reference' },
+        { name: intl.formatMessage({ id: 'miRNADrugsPanel.support' }), serverCodeToSort: 'support' },
+        { name: intl.formatMessage({ id: 'miRNADrugsPanel.fdaApproved' }) },
+        { name: intl.formatMessage({ id: 'miRNADrugsPanel.pubmed' }) }
     ]
 
     const mapFunction = (drugRow: DjangoMiRNADrugsJSON) => {
@@ -51,7 +53,7 @@ export const MiRNADrugsPanel = (props: MiRNADrugsPanelProps) => {
                         basic
                         color='blue'
                         icon
-                        title='See in NCBI'
+                        title={intl.formatMessage({ id: 'miRNADrugsPanel.seeInNCBI' })}
                         className='borderless-button'
                         as='a' href={drugRow.pubmed} target='_blank'
                     >
@@ -66,14 +68,14 @@ export const MiRNADrugsPanel = (props: MiRNADrugsPanelProps) => {
 
     const customInputs: PaginationCustomFilter[] = [
         {
-            label: 'FDA approved',
+            label: intl.formatMessage({ id: 'miRNADrugsPanel.filter.fdaApproved' }),
             keyForServer: 'fda_approved',
             defaultValue: 0,
             width: 2,
             options: [
-                { key: 'all', text: 'All', value: 0 },
-                { key: 'yes', text: 'Yes', value: 'true' },
-                { key: 'no', text: 'No', value: 'false' }
+                { key: 'all', text: intl.formatMessage({ id: 'common.all' }), value: 0 },
+                { key: 'yes', text: intl.formatMessage({ id: 'miRNADrugsPanel.filter.yes' }), value: 'true' },
+                { key: 'no', text: intl.formatMessage({ id: 'miRNADrugsPanel.filter.no' }), value: 'false' }
             ]
         }
     ]
@@ -83,14 +85,14 @@ export const MiRNADrugsPanel = (props: MiRNADrugsPanelProps) => {
             <MiRNAExtraData miRNA={props.miRNA} />
 
             <PaginatedTable<DjangoMiRNADrugsJSON>
-                headerTitle='miRNA drugs associations'
+                headerTitle={intl.formatMessage({ id: 'miRNADrugsPanel.headerTitle' })}
                 headers={headers}
                 customFilters={customInputs}
                 searchWidth={4}
                 entriesSelectWidth={2}
                 showSearchInput
-                searchLabel='Condition/Molecule/Pattern'
-                searchPlaceholder='Search by drug, S.M. or Exp. P.'
+                searchLabel={intl.formatMessage({ id: 'miRNADrugsPanel.searchLabel' })}
+                searchPlaceholder={intl.formatMessage({ id: 'miRNADrugsPanel.searchPlaceholder' })}
                 queryParams={{
                     mirna: props.miRNA
                 }}
diff --git a/src/frontend/static/frontend/src/components/pipeline/experiment-result/gene-gem-details/MiRNAExtraData.tsx b/src/frontend/static/frontend/src/components/pipeline/experiment-result/gene-gem-details/MiRNAExtraData.tsx
index 4eb5d55c..344d1df0 100644
--- a/src/frontend/static/frontend/src/components/pipeline/experiment-result/gene-gem-details/MiRNAExtraData.tsx
+++ b/src/frontend/static/frontend/src/components/pipeline/experiment-result/gene-gem-details/MiRNAExtraData.tsx
@@ -4,6 +4,7 @@ import { Button, Grid, Header, Icon, Placeholder, PlaceholderLine, PlaceholderPa
 import { DjangoMiRNADataJSON } from '../../../../utils/django_interfaces'
 import { KySearchParams, Nullable } from '../../../../utils/interfaces'
 import { LinkOrPlainText } from '../../../common/LinkOrPlainText'
+import { useIntl } from 'react-intl'
 
 declare const urlMiRNAData: string
 
@@ -25,6 +26,7 @@ interface MiRNAExtraDataProps {
  * @returns Component
  */
 export const MiRNAExtraData = (props: MiRNAExtraDataProps) => {
+    const intl = useIntl()
     const [miRNAData, setMiRNAData] = useState<Nullable<DjangoMiRNADataJSON>>(null)
     const [loading, setLoading] = useState<boolean>(true)
 
@@ -78,7 +80,7 @@ export const MiRNAExtraData = (props: MiRNAExtraDataProps) => {
                             <Header size='huge' icon>
                                 <Icon name='folder outline' />
 
-                                No details found for this miRNA
+                                {intl.formatMessage({ id: 'miRNAExtraData.noDetails' })}
                             </Header>
                         </Grid.Column>
                     </Grid.Row>
@@ -106,14 +108,14 @@ export const MiRNAExtraData = (props: MiRNAExtraDataProps) => {
     return (
         <Grid className='margin-bottom-2' centered>
             <Grid.Row divided centered>
-                <Grid.Column width={othersLinks.length ? 6 : 8} title='miRNA aliases' textAlign='center' verticalAlign='middle'>
+                <Grid.Column width={othersLinks.length ? 6 : 8} title={intl.formatMessage({ id: 'miRNAExtraData.aliases' })} textAlign='center' verticalAlign='middle'>
                     <Header size='large'>
                         <LinkOrPlainText url={mirbaseURL} text={miRNAAliases} />
                     </Header>
                 </Grid.Column>
 
                 {miRNAData.mirna_sequence && (
-                    <Grid.Column width={8} title='Sequence' verticalAlign='middle'>
+                    <Grid.Column width={8} title={intl.formatMessage({ id: 'miRNAExtraData.sequence' })} verticalAlign='middle'>
                         <Header size='large'>
                             {miRNAData.mirna_sequence}
                         </Header>
diff --git a/src/frontend/static/frontend/src/components/pipeline/experiment-result/gene-gem-details/MiRNAInteractionPanel.tsx b/src/frontend/static/frontend/src/components/pipeline/experiment-result/gene-gem-details/MiRNAInteractionPanel.tsx
index 34d2cbfe..384b8967 100644
--- a/src/frontend/static/frontend/src/components/pipeline/experiment-result/gene-gem-details/MiRNAInteractionPanel.tsx
+++ b/src/frontend/static/frontend/src/components/pipeline/experiment-result/gene-gem-details/MiRNAInteractionPanel.tsx
@@ -5,6 +5,7 @@ import { PaginatedTable } from '../../../common/PaginatedTable'
 import { PubmedButton } from './PubmedButton'
 import { MiRNAExtraData } from './MiRNAExtraData'
 import { getScoreClassData } from '../../../../utils/util_functions'
+import { useIntl } from 'react-intl'
 
 declare const urlMiRNAInteraction: string
 
@@ -15,14 +16,18 @@ const NUMBER_OF_ELEMENTS_UNTIL_POPUP: number = 5
  * A Popup with explanations of mirDIP Score class
  * @returns Component
  */
-const InfoPopupScoreClass = () => (
-    <List bulleted>
-        <List.Item>Very high: top 1% ranks</List.Item>
-        <List.Item>High: top 5% (excluding top 1%)</List.Item>
-        <List.Item>Medium: top 1/3 (excluding top 5%)</List.Item>
-        <List.Item>Low: remaining predictions</List.Item>
-    </List>
-)
+const InfoPopupScoreClass = () => {
+    const intl = useIntl()
+
+    return (
+        <List bulleted>
+            <List.Item>{intl.formatMessage({ id: 'miRNAInteractionPanel.scoreClass.veryHigh' })}</List.Item>
+            <List.Item>{intl.formatMessage({ id: 'miRNAInteractionPanel.scoreClass.high' })}</List.Item>
+            <List.Item>{intl.formatMessage({ id: 'miRNAInteractionPanel.scoreClass.medium' })}</List.Item>
+            <List.Item>{intl.formatMessage({ id: 'miRNAInteractionPanel.scoreClass.low' })}</List.Item>
+        </List>
+    )
+}
 
 /**
  * Component's props
@@ -39,21 +44,22 @@ interface MiRNAInteractionPanelProps {
  * @returns Component
  */
 export const MiRNAInteractionPanel = (props: MiRNAInteractionPanelProps) => {
+    const intl = useIntl()
     const headers: RowHeader<DjangoMiRNAGeneInteractionJSON>[] = [
-        { name: 'Gene', serverCodeToSort: 'gene', width: 3 },
-        { name: 'Sources', serverCodeToSort: 'source_name', width: 3 },
+        { name: intl.formatMessage({ id: 'miRNAInteractionPanel.gene' }), serverCodeToSort: 'gene', width: 3 },
+        { name: intl.formatMessage({ id: 'miRNAInteractionPanel.sources' }), serverCodeToSort: 'source_name', width: 3 },
         {
-            name: 'mirDIP score',
+            name: intl.formatMessage({ id: 'miRNAInteractionPanel.mirDIPScore' }),
             serverCodeToSort: 'score',
-            infoPopupContent: 'mirDIP scores of human microRNA target predictions were ranked according to four confidence classes (Very high, High, Medium and Low)',
+            infoPopupContent: intl.formatMessage({ id: 'miRNAInteractionPanel.mirDIPScoreInfo' }),
             width: 2
         },
         {
-            name: 'mirDIP score class',
+            name: intl.formatMessage({ id: 'miRNAInteractionPanel.mirDIPScoreClass' }),
             infoPopupContent: <InfoPopupScoreClass />,
             width: 2
         },
-        { name: 'Pubmed' }
+        { name: intl.formatMessage({ id: 'miRNAInteractionPanel.pubmed' }) }
     ]
 
     const generatePubmedButton = (paper: string) => (
@@ -65,18 +71,18 @@ export const MiRNAInteractionPanel = (props: MiRNAInteractionPanelProps) => {
             <MiRNAExtraData miRNA={props.miRNA} />
 
             <PaginatedTable<DjangoMiRNAGeneInteractionJSON>
-                headerTitle='Interactions'
+                headerTitle={intl.formatMessage({ id: 'miRNAInteractionPanel.headerTitle' })}
                 headers={headers}
                 queryParams={{ mirna: props.miRNA }}
                 showSearchInput={props.showGeneSearchInput}
-                searchLabel='Gene'
-                searchPlaceholder='Search by gene'
+                searchLabel={intl.formatMessage({ id: 'miRNAInteractionPanel.searchLabel' })}
+                searchPlaceholder={intl.formatMessage({ id: 'miRNAInteractionPanel.searchPlaceholder' })}
                 defaultSortProp={{
                     sortField: 'score',
                     sortOrderAscendant: false
                 }}
                 customFilters={[
-                    { label: 'Include pubmeds', keyForServer: 'include_pubmeds', defaultValue: false, type: 'checkbox' }
+                    { label: intl.formatMessage({ id: 'miRNAInteractionPanel.includePubmeds' }), keyForServer: 'include_pubmeds', defaultValue: false, type: 'checkbox' }
                 ]}
                 urlToRetrieveData={urlMiRNAInteraction}
                 mapFunction={(miRNAInteraction: DjangoMiRNAGeneInteractionJSON) => {
@@ -99,7 +105,7 @@ export const MiRNAInteractionPanel = (props: MiRNAInteractionPanelProps) => {
                                     <Popup
                                         trigger={(
                                             <Icon
-                                                title='See more papers'
+                                                title={intl.formatMessage({ id: 'miRNAInteractionPanel.seeMorePapers' })}
                                                 name='plus circle'
                                                 color='teal'
                                                 className='clickable'
diff --git a/src/frontend/static/frontend/src/components/pipeline/experiment-result/gene-gem-details/MiRNATargetInteractionPanel.tsx b/src/frontend/static/frontend/src/components/pipeline/experiment-result/gene-gem-details/MiRNATargetInteractionPanel.tsx
index 85217595..262e28a4 100644
--- a/src/frontend/static/frontend/src/components/pipeline/experiment-result/gene-gem-details/MiRNATargetInteractionPanel.tsx
+++ b/src/frontend/static/frontend/src/components/pipeline/experiment-result/gene-gem-details/MiRNATargetInteractionPanel.tsx
@@ -9,6 +9,7 @@ import { Grid, Header, Icon, List, Statistic } from 'semantic-ui-react'
 import { ListOfElementsWithHeader } from './ListOfElementsWithHeader'
 import { PubmedButton } from './PubmedButton'
 import { TryAgainSegment } from '../../../common/TryAgainSegment'
+import { useIntl, IntlShape } from 'react-intl'
 
 declare const urlMiRNAInteraction: string
 
@@ -19,6 +20,7 @@ interface MiRNATargetInteractionPanelProps {
     identifier: string,
     miRNA: Nullable<string>,
     gene: Nullable<string>,
+    intl: IntlShape
 }
 
 /**
@@ -35,7 +37,7 @@ interface MiRNATargetInteractionPanelState {
  * @param props Component's props
  * @returns Component
  */
-export class MiRNATargetInteractionPanel extends React.Component<MiRNATargetInteractionPanelProps, MiRNATargetInteractionPanelState> {
+class MiRNATargetInteractionPanel extends React.Component<MiRNATargetInteractionPanelProps, MiRNATargetInteractionPanelState> {
     abortController = new AbortController()
 
     constructor (props) {
@@ -101,6 +103,8 @@ export class MiRNATargetInteractionPanel extends React.Component<MiRNATargetInte
     }
 
     render () {
+        const { intl } = this.props
+
         if (this.state.gettingData) {
             return <LoadingPanel />
         }
@@ -118,7 +122,9 @@ export class MiRNATargetInteractionPanel extends React.Component<MiRNATargetInte
                             <Header size='huge' icon>
                                 <Icon name='folder outline' />
 
-                                No data found for this miRNA and gene
+                                {intl.formatMessage({
+                                    id: 'miRNATargetInteractionPanel.noData'
+                                })}
                             </Header>
                         </Grid.Column>
                     </Grid.Row>
@@ -141,18 +147,24 @@ export class MiRNATargetInteractionPanel extends React.Component<MiRNATargetInte
                                     <Icon name='star' />{this.state.data.score}
                                 </Statistic.Value>
                                 <Statistic.Label>
-                                    Score ({scoreClassData.description})
+                                    {intl.formatMessage(
+                                        { id: 'miRNATargetInteractionPanel.score' },
+                                        { scoreClass: scoreClassData.description }
+                                    )}
                                 </Statistic.Label>
                             </Statistic>
 
                             <Header id='score-source-header' size='huge'>
-                                Score source: {this.state.data.source_name}
+                                {intl.formatMessage(
+                                    { id: 'miRNATargetInteractionPanel.scoreSource' },
+                                    { source: this.state.data.source_name }
+                                )}
                             </Header>
                         </Grid.Column>
 
                         {/* Sources */}
                         <Grid.Column width={5}>
-                            <ListOfElementsWithHeader headerTitle='Sources' headerIcon='newspaper'>
+                            <ListOfElementsWithHeader headerTitle={intl.formatMessage({ id: 'miRNATargetInteractionPanel.sources' })} headerIcon='newspaper'>
                                 {this.state.data.sources.map((source) => (
                                     <List.Item key={source}>
                                         <List.Icon name='newspaper' size='large' verticalAlign='middle' />
@@ -168,7 +180,7 @@ export class MiRNATargetInteractionPanel extends React.Component<MiRNATargetInte
 
                         {/* Pubmeds */}
                         <Grid.Column width={5}>
-                            <ListOfElementsWithHeader headerTitle='Pubmeds' headerIcon='file'>
+                            <ListOfElementsWithHeader headerTitle={intl.formatMessage({ id: 'miRNATargetInteractionPanel.pubmeds' })} headerIcon='file'>
                                 {this.state.data.pubmeds.map((pubmed) => (
                                     <PubmedButton key={pubmed} pubmedURL={pubmed} />
                                 ))}
@@ -180,3 +192,22 @@ export class MiRNATargetInteractionPanel extends React.Component<MiRNATargetInte
         )
     }
 }
+
+/**
+ * Functional wrapper to inject intl into the class component.
+ */
+
+const MiRNATargetInteractionPanelWithIntl = (
+    props: Omit<MiRNATargetInteractionPanelProps, 'intl'>
+) => {
+    const intl = useIntl()
+
+    return (
+        <MiRNATargetInteractionPanel
+            {...props}
+            intl={intl}
+        />
+    )
+}
+
+export { MiRNATargetInteractionPanelWithIntl as MiRNATargetInteractionPanel }
diff --git a/src/frontend/static/frontend/src/components/pipeline/experiment-result/gene-gem-details/NoDataRow.tsx b/src/frontend/static/frontend/src/components/pipeline/experiment-result/gene-gem-details/NoDataRow.tsx
index 16cd5b6d..a0bc31a9 100644
--- a/src/frontend/static/frontend/src/components/pipeline/experiment-result/gene-gem-details/NoDataRow.tsx
+++ b/src/frontend/static/frontend/src/components/pipeline/experiment-result/gene-gem-details/NoDataRow.tsx
@@ -1,5 +1,6 @@
 import React from 'react'
 import { Table } from 'semantic-ui-react'
+import { useIntl } from 'react-intl'
 
 /** NoDataRow props */
 interface NoDataRowProps {
@@ -11,10 +12,16 @@ interface NoDataRowProps {
  * @param props Component's props
  * @returns Component
  */
-export const NoDataRow = (props: NoDataRowProps) => (
-    <Table.Row>
-        <Table.Cell colSpan={props.colspan} textAlign='center'>
-            <strong>No data found</strong>
-        </Table.Cell>
-    </Table.Row>
-)
+export const NoDataRow = (props: NoDataRowProps) => {
+    const intl = useIntl()
+
+    return (
+        <Table.Row>
+            <Table.Cell colSpan={props.colspan} textAlign='center'>
+                <strong>
+                    {intl.formatMessage({ id: 'noDataRow.noDataFound' })}
+                </strong>
+            </Table.Cell>
+        </Table.Row>
+    )
+}
diff --git a/src/frontend/static/frontend/src/components/pipeline/experiment-result/gene-gem-details/PubmedButton.tsx b/src/frontend/static/frontend/src/components/pipeline/experiment-result/gene-gem-details/PubmedButton.tsx
index 8017690f..dda4f16b 100644
--- a/src/frontend/static/frontend/src/components/pipeline/experiment-result/gene-gem-details/PubmedButton.tsx
+++ b/src/frontend/static/frontend/src/components/pipeline/experiment-result/gene-gem-details/PubmedButton.tsx
@@ -1,5 +1,6 @@
 import React from 'react'
 import { Button, Icon } from 'semantic-ui-react'
+import { useIntl } from 'react-intl'
 
 /**
  * Component's props
@@ -13,16 +14,23 @@ interface PubmedButtonProps {
  * @param props Component's props
  * @returns Component
  */
-export const PubmedButton = (props: PubmedButtonProps) => (
-    <Button
-        basic
-        color='blue'
-        icon
-        title='See in NCBI'
-        className='borderless-button'
-        disabled={!props.pubmedURL}
-        as='a' href={props.pubmedURL} target='_blank' rel='noopener noreferrer'
-    >
-        <Icon name='file' />
-    </Button>
-)
+export const PubmedButton = (props: PubmedButtonProps) => {
+    const intl = useIntl()
+
+    return (
+        <Button
+            basic
+            color='blue'
+            icon
+            title={intl.formatMessage({ id: 'pubmedButton.seeInNCBI' })}
+            className='borderless-button'
+            disabled={!props.pubmedURL}
+            as='a'
+            href={props.pubmedURL}
+            target='_blank'
+            rel='noopener noreferrer'
+        >
+            <Icon name='file' />
+        </Button>
+    )
+}
diff --git a/src/frontend/static/frontend/src/components/pipeline/experiment-result/gene-gem-details/assumptions/AssumptionSteps.tsx b/src/frontend/static/frontend/src/components/pipeline/experiment-result/gene-gem-details/assumptions/AssumptionSteps.tsx
index 3b4ea6db..90537103 100644
--- a/src/frontend/static/frontend/src/components/pipeline/experiment-result/gene-gem-details/assumptions/AssumptionSteps.tsx
+++ b/src/frontend/static/frontend/src/components/pipeline/experiment-result/gene-gem-details/assumptions/AssumptionSteps.tsx
@@ -3,6 +3,7 @@ import { Icon, Step } from 'semantic-ui-react'
 import { DjangoMRNAxGEMResultRow } from '../../../../../utils/django_interfaces'
 import { Nullable } from '../../../../../utils/interfaces'
 import { getGeneAndGEMFromSelectedRow } from '../../../../../utils/util_functions'
+import { useIntl } from 'react-intl'
 
 /**
  * Component's props
@@ -22,7 +23,7 @@ interface AssumptionStepProps {
  */
 const AssumptionStep = (props: AssumptionStepProps) => {
     const assumptionCompleted = props.geneIsOk && props.gemIsOk
-
+    const intl = useIntl()
     const [gene, gem] = getGeneAndGEMFromSelectedRow(props.selectedRow)
 
     let extraDescription: string
@@ -37,11 +38,11 @@ const AssumptionStep = (props: AssumptionStepProps) => {
 
         if (!props.geneIsOk && !props.gemIsOk) {
             // Neither satisfies the condition
-            extraDescription = `Neither ${gene} nor ${gem} satisfies this assumption`
+            extraDescription = intl.formatMessage({ id: 'assumptionStep.neitherSatisfies' }, { gene, gem })
         } else {
             // At least one of them satisfies the condition
             const [good, bad] = props.geneIsOk ? [gene, gem] : [gem, gene]
-            extraDescription = `${good} satisfies this assumption but ${bad} does not`
+            extraDescription = intl.formatMessage({ id: 'assumptionStep.oneSatisfies' }, { good, bad })
         }
     }
 
@@ -75,6 +76,7 @@ interface AssumptionStepSimpleProps {
  * @returns Component
  */
 const AssumptionStepSimple = (props: AssumptionStepSimpleProps) => {
+    const intl = useIntl()
     let extraDescription: string
     let icon: ReactElement
 
@@ -83,7 +85,7 @@ const AssumptionStepSimple = (props: AssumptionStepSimpleProps) => {
         extraDescription = ''
     } else {
         icon = <Icon name='times' color='red' />
-        extraDescription = 'This assumption is not satisfied'
+        extraDescription = intl.formatMessage({ id: 'assumptionStep.notSatisfied' })
     }
 
     const stepDescription = `${props.description}. ${extraDescription}`
diff --git a/src/frontend/static/frontend/src/components/pipeline/experiment-result/gene-gem-details/assumptions/KendallAssumptions.tsx b/src/frontend/static/frontend/src/components/pipeline/experiment-result/gene-gem-details/assumptions/KendallAssumptions.tsx
index 4f71239e..092d9692 100644
--- a/src/frontend/static/frontend/src/components/pipeline/experiment-result/gene-gem-details/assumptions/KendallAssumptions.tsx
+++ b/src/frontend/static/frontend/src/components/pipeline/experiment-result/gene-gem-details/assumptions/KendallAssumptions.tsx
@@ -5,6 +5,7 @@ import { DjangoMRNAxGEMResultRow } from '..//../../../../utils/django_interfaces
 import { AssumptionsCompletion, RecommendedCorrelationMethod } from './AssumptionsPanel'
 import { AssumptionStepSimple } from './AssumptionSteps'
 import { ReferenceCardsGroup } from './ReferenceCardsGroup'
+import { useIntl } from 'react-intl'
 
 /**
  * Component's props
@@ -16,6 +17,8 @@ interface KendallAssumptionsProps {
 }
 
 export const KendallAssumptions = (props: KendallAssumptionsProps) => {
+    const intl = useIntl()
+
     const referenceCards: ReferenceCard[] = [
         {
             color: 'red',
@@ -44,13 +47,13 @@ export const KendallAssumptions = (props: KendallAssumptionsProps) => {
             <Grid>
                 <Grid.Row columns={2} divided>
                     <Grid.Column width='6'>
-                        <Header size='huge'>Kendall statistical assumptions</Header>
+                        <Header size='huge'>{intl.formatMessage({ id: 'kendallAssumptions.title' })}</Header>
 
                         <Step.Group vertical>
                             {/* Monotonicity */}
                             <AssumptionStepSimple
-                                title='Monotonicity'
-                                description='Correlation should be monotonic (Spearman rank-order correlation coefficient absolute value >= 0.8 with a p-value < 0.05)'
+                                title={intl.formatMessage({ id: 'kendallAssumptions.monotonicity.title' })}
+                                description={intl.formatMessage({ id: 'kendallAssumptions.monotonicity.description' })}
                                 isOk={props.assumptions.monotonicityIsOk}
                             />
                         </Step.Group>
diff --git a/src/frontend/static/frontend/src/components/pipeline/experiment-result/gene-gem-details/assumptions/PearsonAssumptions.tsx b/src/frontend/static/frontend/src/components/pipeline/experiment-result/gene-gem-details/assumptions/PearsonAssumptions.tsx
index 444f1f8a..ac3ec08c 100644
--- a/src/frontend/static/frontend/src/components/pipeline/experiment-result/gene-gem-details/assumptions/PearsonAssumptions.tsx
+++ b/src/frontend/static/frontend/src/components/pipeline/experiment-result/gene-gem-details/assumptions/PearsonAssumptions.tsx
@@ -5,6 +5,7 @@ import { DjangoMRNAxGEMResultRow } from '..//../../../../utils/django_interfaces
 import { AssumptionsCompletion, RecommendedCorrelationMethod } from './AssumptionsPanel'
 import { AssumptionStep, AssumptionStepSimple } from './AssumptionSteps'
 import { ReferenceCardsGroup } from './ReferenceCardsGroup'
+import { useIntl } from 'react-intl'
 
 /**
  * Component's props
@@ -18,6 +19,7 @@ interface PearsonAssumptionsProps {
 }
 
 export const PearsonAssumptions = (props: PearsonAssumptionsProps) => {
+    const intl = useIntl()
     const referenceCards: ReferenceCard[] = [
         {
             color: 'red',
@@ -51,13 +53,21 @@ export const PearsonAssumptions = (props: PearsonAssumptionsProps) => {
             <Grid>
                 <Grid.Row columns={2}>
                     <Grid.Column width='6'>
-                        <Header size='huge'>Pearson statistical assumptions</Header>
+                        <Header size='huge'>{intl.formatMessage({ id: 'pearsonAssumptions.title' })}</Header>
 
                         <Step.Group vertical>
                             {/* Normality */}
                             <AssumptionStep
-                                title='Normality'
-                                description={`Gene (${props.gene}) expression values and GEM (${props.gem}) expression values should be normally distributed each other for applying Pearson`}
+                                title={intl.formatMessage({ id: 'pearsonAssumptions.normality.title' })}
+                                description={intl.formatMessage(
+                                    {
+                                        id: 'pearsonAssumptions.normality.description'
+                                    },
+                                    {
+                                        gene: props.gene,
+                                        gem: props.gem
+                                    }
+                                )}
                                 geneIsOk={props.assumptions.geneNormalityIsOk}
                                 gemIsOk={props.assumptions.gemNormalityIsOk}
                                 selectedRow={props.selectedRow}
@@ -65,8 +75,8 @@ export const PearsonAssumptions = (props: PearsonAssumptionsProps) => {
 
                             {/* Outliers */}
                             <AssumptionStep
-                                title='Outliers'
-                                description='There should be no outliers'
+                                title={intl.formatMessage({ id: 'pearsonAssumptions.outliers.title' })}
+                                description={intl.formatMessage({ id: 'pearsonAssumptions.outliers.description' })}
                                 geneIsOk={props.assumptions.geneOutliersIsOk}
                                 gemIsOk={props.assumptions.gemOutliersIsOk}
                                 selectedRow={props.selectedRow}
@@ -74,15 +84,17 @@ export const PearsonAssumptions = (props: PearsonAssumptionsProps) => {
 
                             {/* Linearity */}
                             <AssumptionStepSimple
-                                title='Linearity'
-                                description='Correlation should be lineal'
+                                title={intl.formatMessage({
+                                    id: 'pearsonAssumptions.linearity.title'
+                                })}
+                                description={intl.formatMessage({ id: 'pearsonAssumptions.linearity.description' })}
                                 isOk={props.assumptions.linearityIsOk}
                             />
 
                             {/* Homoscedasticity */}
                             <AssumptionStepSimple
-                                title='Homoscedasticity'
-                                description='Correlation should be homoscedastic'
+                                title={intl.formatMessage({ id: 'pearsonAssumptions.homoscedasticity.title' })}
+                                description={intl.formatMessage({ id: 'pearsonAssumptions.homoscedasticity.description' })}
                                 isOk={props.assumptions.homoscedasticityIsOk}
                             />
                         </Step.Group>
diff --git a/src/frontend/static/frontend/src/components/pipeline/experiment-result/gene-gem-details/assumptions/ReferenceCardsGroup.tsx b/src/frontend/static/frontend/src/components/pipeline/experiment-result/gene-gem-details/assumptions/ReferenceCardsGroup.tsx
index e58a93c8..3072a526 100644
--- a/src/frontend/static/frontend/src/components/pipeline/experiment-result/gene-gem-details/assumptions/ReferenceCardsGroup.tsx
+++ b/src/frontend/static/frontend/src/components/pipeline/experiment-result/gene-gem-details/assumptions/ReferenceCardsGroup.tsx
@@ -1,6 +1,7 @@
 import React from 'react'
 import { Card, Grid, Header } from 'semantic-ui-react'
 import { ReferenceCard } from '../../../../../utils/interfaces'
+import { useIntl } from 'react-intl'
 
 /**
  * Component's props
@@ -14,21 +15,32 @@ interface ReferenceCardsGroupProps {
  * @param props Component's props
  * @returns Component
  */
-export const ReferenceCardsGroup = (props: ReferenceCardsGroupProps) => (
-    <Grid.Row columns={1}>
-        <Grid.Column>
-            <Header size='huge'>References</Header>
-            <Card.Group id='references-cards-group' centered itemsPerRow={9}>
-                {props.referenceCards.map((referenceCard) => (
-                    <Card
-                        key={referenceCard.href}
-                        image={referenceCard.image}
-                        color={referenceCard.color}
-                        link
-                        onClick={() => window.open(referenceCard.href, '_blank')}
-                    />
-                ))}
-            </Card.Group>
-        </Grid.Column>
-    </Grid.Row>
-)
+export const ReferenceCardsGroup = (props: ReferenceCardsGroupProps) => {
+    const intl = useIntl()
+
+    return (
+        <Grid.Row columns={1}>
+            <Grid.Column>
+                <Header size='huge'>
+                    {intl.formatMessage({ id: 'common.references' })}
+                </Header>
+
+                <Card.Group
+                    id='references-cards-group'
+                    centered
+                    itemsPerRow={9}
+                >
+                    {props.referenceCards.map((referenceCard) => (
+                        <Card
+                            key={referenceCard.href}
+                            image={referenceCard.image}
+                            color={referenceCard.color}
+                            link
+                            onClick={() => window.open(referenceCard.href, '_blank')}
+                        />
+                    ))}
+                </Card.Group>
+            </Grid.Column>
+        </Grid.Row>
+    )
+}
diff --git a/src/frontend/static/frontend/src/components/pipeline/experiment-result/gene-gem-details/assumptions/SpearmanAssumptions.tsx b/src/frontend/static/frontend/src/components/pipeline/experiment-result/gene-gem-details/assumptions/SpearmanAssumptions.tsx
index 568cfbbd..10fb59dd 100644
--- a/src/frontend/static/frontend/src/components/pipeline/experiment-result/gene-gem-details/assumptions/SpearmanAssumptions.tsx
+++ b/src/frontend/static/frontend/src/components/pipeline/experiment-result/gene-gem-details/assumptions/SpearmanAssumptions.tsx
@@ -5,6 +5,7 @@ import { DjangoMRNAxGEMResultRow } from '..//../../../../utils/django_interfaces
 import { AssumptionsCompletion, RecommendedCorrelationMethod } from './AssumptionsPanel'
 import { AssumptionStepSimple } from './AssumptionSteps'
 import { ReferenceCardsGroup } from './ReferenceCardsGroup'
+import { useIntl } from 'react-intl'
 
 /**
  * Component's props
@@ -16,6 +17,7 @@ interface SpearmanAssumptionsProps {
 }
 
 export const SpearmanAssumptions = (props: SpearmanAssumptionsProps) => {
+    const intl = useIntl()
     const referenceCards: ReferenceCard[] = [
         {
             color: 'black',
@@ -49,13 +51,13 @@ export const SpearmanAssumptions = (props: SpearmanAssumptionsProps) => {
             <Grid>
                 <Grid.Row columns={2}>
                     <Grid.Column width='6'>
-                        <Header size='huge'>Spearman statistical assumptions</Header>
+                        <Header size='huge'>{intl.formatMessage({ id: 'spearmanAssumptions.title' })}</Header>
 
                         <Step.Group vertical>
                             {/* Monotonicity */}
                             <AssumptionStepSimple
-                                title='Monotonicity'
-                                description='Correlation should be monotonic (Spearman rank-order correlation coefficient absolute value >= 0.8 with a p-value < 0.05)'
+                                title={intl.formatMessage({ id: 'spearmanAssumptions.monotonicity.title' })}
+                                description={intl.formatMessage({ id: 'spearmanAssumptions.monotonicity.description' })}
                                 isOk={props.assumptions.monotonicityIsOk}
                             />
                         </Step.Group>
diff --git a/src/frontend/static/frontend/src/components/pipeline/experiment-result/gene-gem-details/correlation-graph/CorrelationGraph.tsx b/src/frontend/static/frontend/src/components/pipeline/experiment-result/gene-gem-details/correlation-graph/CorrelationGraph.tsx
index 67126e8b..b724725e 100644
--- a/src/frontend/static/frontend/src/components/pipeline/experiment-result/gene-gem-details/correlation-graph/CorrelationGraph.tsx
+++ b/src/frontend/static/frontend/src/components/pipeline/experiment-result/gene-gem-details/correlation-graph/CorrelationGraph.tsx
@@ -9,6 +9,7 @@ import { GeneGEMDataErrorMessage } from '../GeneGEMDataErrorMessage'
 import { CorrelationChartData, ApexChartJSSerie } from './../GeneGemDetailsModal'
 import * as d3 from 'd3'
 import { InputLabel } from '../../../../common/InputLabel'
+import { useIntl } from 'react-intl'
 
 /**
  * Component's props
@@ -26,6 +27,7 @@ interface CorrelationGraphProps {
  * @returns Component
  */
 export const CorrelationGraph = (props: CorrelationGraphProps) => {
+    const intl = useIntl()
     const [gene, gem] = getGeneAndGEMFromSelectedRow(props.selectedRow)
     const gemDescription = props.selectedRow ? getGemDescription(props.selectedRow.experiment_type, 'ExperimentType') : ''
 
@@ -90,7 +92,7 @@ export const CorrelationGraph = (props: CorrelationGraphProps) => {
             }
         },
         noData: {
-            text: 'No data selected',
+            text: intl.formatMessage({ id: 'correlationGraph.noDataSelected' }),
             style: {
                 fontSize: '3em',
                 color: '#ccc'
@@ -144,16 +146,16 @@ export const CorrelationGraph = (props: CorrelationGraphProps) => {
     const clinicalColumnsOptions: DropdownItemProps[] = listToDropdownOptions(props.chartData.clinicalColumns)
     const clinicalColumnsIsEmpty = clinicalColumnsOptions.length === 0
 
-    clinicalColumnsOptions.unshift({ key: 'none', text: 'None', value: undefined })
+    clinicalColumnsOptions.unshift({ key: 'none', text: intl.formatMessage({ id: 'common.none' }), value: undefined })
 
     return (
         <Grid>
             <Grid.Row>
                 <Grid.Column width={5}>
-                    <InputLabel label='Group by factor' />
+                    <InputLabel label={intl.formatMessage({ id: 'correlationGraph.groupByFactor' })} />
 
                     <Dropdown
-                        placeholder='Group by'
+                        placeholder={intl.formatMessage({ id: 'correlationGraph.groupBy' })}
                         fluid
                         search
                         selection
diff --git a/src/frontend/static/frontend/src/components/pipeline/experiment-result/gene-gem-details/stats/BoxPlotChart.tsx b/src/frontend/static/frontend/src/components/pipeline/experiment-result/gene-gem-details/stats/BoxPlotChart.tsx
index 1ee2f3f0..a8017082 100644
--- a/src/frontend/static/frontend/src/components/pipeline/experiment-result/gene-gem-details/stats/BoxPlotChart.tsx
+++ b/src/frontend/static/frontend/src/components/pipeline/experiment-result/gene-gem-details/stats/BoxPlotChart.tsx
@@ -5,6 +5,7 @@ import { withTooltip, Tooltip, defaultStyles as defaultTooltipStyles } from '@vi
 import { WithTooltipProvidedProps } from '@visx/tooltip/lib/enhancers/withTooltip'
 import { StatChartDataWithOutliers } from '../../../../../utils/interfaces'
 import { BoxplotDatum, mean, quantile } from '../../../../common/boxplots/BoxplotsCommons'
+import { useIntl } from 'react-intl'
 
 interface TooltipData extends BoxplotDatum {
     x: string,
@@ -32,6 +33,7 @@ const BoxPlotChart = withTooltip<BoxPlotChartProps, TooltipData>(
         hideTooltip,
         dataObjects
     }: BoxPlotChartProps & WithTooltipProvidedProps<TooltipData>) => {
+        const intl = useIntl()
         const height = 500
 
         /**
@@ -197,15 +199,15 @@ const BoxPlotChart = withTooltip<BoxPlotChartProps, TooltipData>(
                             <strong>{tooltipData.x}</strong>
                         </div>
                         <div style={{ marginTop: '5px', fontSize: '12px' }}>
-                            {tooltipData.min && <div>Min: {tooltipData.min}</div>}
-                            {tooltipData.firstQuartile && <div>First quartile: {tooltipData.firstQuartile}</div>}
-                            {tooltipData.median && <div>Median: {tooltipData.median}</div>}
-                            {tooltipData.thirdQuartile && <div>Third quartile: {tooltipData.thirdQuartile}</div>}
-                            {tooltipData.max && <div>Max: {tooltipData.max}</div>}
+                            {tooltipData.min && <div>{intl.formatMessage({ id: 'boxPlotChart.min' })}: {tooltipData.min}</div>}
+                            {tooltipData.firstQuartile && <div>{intl.formatMessage({ id: 'boxPlotChart.firstQuartile' })}: {tooltipData.firstQuartile}</div>}
+                            {tooltipData.median && <div>{intl.formatMessage({ id: 'boxPlotChart.median' })}: {tooltipData.median}</div>}
+                            {tooltipData.thirdQuartile && <div>{intl.formatMessage({ id: 'boxPlotChart.thirdQuartile' })}: {tooltipData.thirdQuartile}</div>}
+                            {tooltipData.max && <div>{intl.formatMessage({ id: 'boxPlotChart.max' })}: {tooltipData.max}</div>}
                         </div>
                         {(tooltipData.outliersObjects && tooltipData.outliersObjects.length > 0) && (
                             <div>
-                                <strong>Outliers</strong>
+                                <strong>{intl.formatMessage({ id: 'boxPlotChart.outliers' })}</strong>
                                 <div>
                                     {tooltipData.outliersObjects.map(outlier => (
                                         <span key={outlier.sample_identifier}>
diff --git a/src/frontend/static/frontend/src/components/pipeline/experiment-result/gene-gem-details/stats/ChartSection.tsx b/src/frontend/static/frontend/src/components/pipeline/experiment-result/gene-gem-details/stats/ChartSection.tsx
index 7c2a7e72..70b5e04e 100644
--- a/src/frontend/static/frontend/src/components/pipeline/experiment-result/gene-gem-details/stats/ChartSection.tsx
+++ b/src/frontend/static/frontend/src/components/pipeline/experiment-result/gene-gem-details/stats/ChartSection.tsx
@@ -7,6 +7,7 @@ import { InfoPopup } from '../InfoPopup'
 import { BoxPlotChart } from './BoxPlotChart'
 import { DensityChart, DensityChartMix } from './DensityChart'
 import { COMMON_DECIMAL_PLACES } from '../../../../../utils/constants'
+import { useIntl } from 'react-intl'
 
 /** MeanAndStdStats props. */
 interface MeanAndStdStatsProps {
@@ -20,6 +21,7 @@ interface MeanAndStdStatsProps {
  * @returns Component
  */
 const MeanAndStdStats = memo((props: MeanAndStdStatsProps) => {
+    const intl = useIntl()
     const log2 = Math.log2(props.mean)
     const log2Display = isNaN(log2) ? '-' : log2.toFixed(COMMON_DECIMAL_PLACES)
 
@@ -27,15 +29,15 @@ const MeanAndStdStats = memo((props: MeanAndStdStatsProps) => {
         <>
             <Statistic size='small'>
                 <Statistic.Value>{props.mean.toFixed(COMMON_DECIMAL_PLACES)}</Statistic.Value>
-                <Statistic.Label>Average</Statistic.Label>
+                <Statistic.Label>{intl.formatMessage({ id: 'chartSection.average' })}</Statistic.Label>
             </Statistic>
             <Statistic size='small'>
                 <Statistic.Value>{log2Display}</Statistic.Value>
-                <Statistic.Label>Average (Log2)</Statistic.Label>
+                <Statistic.Label>{intl.formatMessage({ id: 'chartSection.averageLog2' })}</Statistic.Label>
             </Statistic>
             <Statistic size='small'>
                 <Statistic.Value>{props.standardDeviation.toFixed(COMMON_DECIMAL_PLACES)}</Statistic.Value>
-                <Statistic.Label>Standard deviation</Statistic.Label>
+                <Statistic.Label>{intl.formatMessage({ id: 'chartSection.standardDeviation' })}</Statistic.Label>
             </Statistic>
         </>
     )
@@ -54,20 +56,38 @@ interface NormalityStatsProps {
  * @param props Component's props
  * @returns Component
  */
-const NormalityStats = memo((props: NormalityStatsProps) => (
-    <>
-        <InfoPopup content={`It tests if the ${props.geneOrGem} vector follows a normal distribution`} />
+const NormalityStats = memo((props: NormalityStatsProps) => {
+    const intl = useIntl()
 
-        <Statistic size='tiny'>
-            <Statistic.Value>{props.normality.statistic.toFixed(COMMON_DECIMAL_PLACES)}</Statistic.Value>
-            <Statistic.Label>Shapiro test</Statistic.Label>
-        </Statistic>
-        <Statistic size='tiny'>
-            <Statistic.Value>{props.normality.p_value.toFixed(COMMON_DECIMAL_PLACES)}</Statistic.Value>
-            <Statistic.Label>P-Value</Statistic.Label>
-        </Statistic>
-    </>
-))
+    return (
+        <>
+            <InfoPopup
+                content={intl.formatMessage(
+                    { id: 'chartSection.normalityInfo' },
+                    { geneOrGem: props.geneOrGem }
+                )}
+            />
+
+            <Statistic size='tiny'>
+                <Statistic.Value>
+                    {props.normality.statistic.toFixed(COMMON_DECIMAL_PLACES)}
+                </Statistic.Value>
+                <Statistic.Label>
+                    {intl.formatMessage({ id: 'chartSection.shapiroTest' })}
+                </Statistic.Label>
+            </Statistic>
+
+            <Statistic size='tiny'>
+                <Statistic.Value>
+                    {props.normality.p_value.toFixed(COMMON_DECIMAL_PLACES)}
+                </Statistic.Value>
+                <Statistic.Label>
+                    {intl.formatMessage({ id: 'chartSection.pValue' })}
+                </Statistic.Label>
+            </Statistic>
+        </>
+    )
+})
 
 /**
  * StatsSection's props
diff --git a/src/frontend/static/frontend/src/components/pipeline/experiment-result/gene-gem-details/stats/DensityChart.tsx b/src/frontend/static/frontend/src/components/pipeline/experiment-result/gene-gem-details/stats/DensityChart.tsx
index 9b73a71e..bafd1c91 100644
--- a/src/frontend/static/frontend/src/components/pipeline/experiment-result/gene-gem-details/stats/DensityChart.tsx
+++ b/src/frontend/static/frontend/src/components/pipeline/experiment-result/gene-gem-details/stats/DensityChart.tsx
@@ -1,4 +1,5 @@
 import React, { useMemo } from 'react'
+import { useIntl } from 'react-intl'
 import { StatChartData } from '../../../../../utils/interfaces'
 import {
     ComposedChart,
@@ -66,6 +67,7 @@ type BarData = {
  * @returns Component
  */
 export const DensityChart = (props: DensityChartProps) => {
+    const intl = useIntl()
     const allDensityChartsAreHidden = props.showDensityChart.every((booleanValue) => !booleanValue)
 
     const newData = useMemo(() => {
@@ -95,7 +97,7 @@ export const DensityChart = (props: DensityChartProps) => {
                         <XAxis2 dataKey='bin0' />
                         <YAxis2 />
                         <Tooltip content={<CustomTooltip color={data.strokeColor} color2={null} />} />
-                        <Legend payload={[{ value: 'Expression', type: 'line', id: 'ID01' }]} />
+                        <Legend payload={[{ value: intl.formatMessage({ id: 'densityChart.expression' }), type: 'line', id: 'ID01' }]} />
                         <Bar dataKey='density' fill={data.fillColor} stroke={data.strokeColor} strokeWidth={1} />
                         {/* FIXME: it's ugly. Let's try to generate a similar chart to ApexCharts */}
                         {/* <Area type="monotone" dataKey="density" fill={data.strokeColor} stroke={data.strokeColor} style={{ display: !props.showBars ? 'none' : 'inherit' }} />
@@ -117,22 +119,24 @@ export const DensityChart = (props: DensityChartProps) => {
  * @returns Component
  */
 const CustomTooltip = ({ active, payload, color, color2 }: any) => {
+    const intl = useIntl()
+
     if (active && payload && payload.length) {
         return (
             <div style={{ background: '#fafafa', border: '1px solid #808080', borderWidth: '2px' }}>
                 <strong style={{ color }}>{payload[0].payload.bin0} To {payload[0].payload.bin1}</strong>
-                <div className='align-left'><strong>Count </strong>{payload[0].payload.count}</div>
-                <div className='align-left'><strong>Density </strong>{payload[0].payload.density.toFixed(3)}</div>
-                <div className='align-left'><strong>cumulative </strong>{payload[0].payload.cumulative}</div>
-                <div className='align-left'><strong>cumulativeDensity </strong>{payload[0].payload.cumulativeDensity.toFixed(3)}</div>
+                <div className='align-left'><strong>{intl.formatMessage({ id: 'densityChart.count' })} </strong>{payload[0].payload.count}</div>
+                <div className='align-left'><strong>{intl.formatMessage({ id: 'densityChart.density' })} </strong>{payload[0].payload.density.toFixed(3)}</div>
+                <div className='align-left'><strong>{intl.formatMessage({ id: 'densityChart.cumulative' })} </strong>{payload[0].payload.cumulative}</div>
+                <div className='align-left'><strong>{intl.formatMessage({ id: 'densityChart.cumulativeDensity' })} </strong>{payload[0].payload.cumulativeDensity.toFixed(3)}</div>
                 {payload[0].payload.obj2 && color2 &&
                     (
                         <div>
-                            <strong style={{ color: color2 }}>{payload[0].payload.bin0} To {payload[0].payload.bin1}</strong>
-                            <div className='align-left'><strong>Count </strong>{payload[0].payload.count2}</div>
-                            <div className='align-left'><strong>Density </strong>{payload[0].payload.density2.toFixed(3)}</div>
-                            <div className='align-left'><strong>cumulative </strong>{payload[0].payload.cumulative2}</div>
-                            <div className='align-left'><strong>cumulativeDensity </strong>{payload[0].payload.cumulativeDensity2.toFixed(3)}</div>
+                            <strong style={{ color: color2 }}>{payload[0].payload.bin0} {intl.formatMessage({ id: 'densityChart.to' })} {payload[0].payload.bin1}</strong>
+                            <div className='align-left'><strong>{intl.formatMessage({ id: 'densityChart.count' })} </strong>{payload[0].payload.count2}</div>
+                            <div className='align-left'><strong>{intl.formatMessage({ id: 'densityChart.density' })} </strong>{payload[0].payload.density2.toFixed(3)}</div>
+                            <div className='align-left'><strong>{intl.formatMessage({ id: 'densityChart.cumulative' })} </strong>{payload[0].payload.cumulative2}</div>
+                            <div className='align-left'><strong>{intl.formatMessage({ id: 'densityChart.cumulativeDensity' })} </strong>{payload[0].payload.cumulativeDensity2.toFixed(3)}</div>
                         </div>
                     )}
             </div>
@@ -163,7 +167,7 @@ interface DensityChartMixProps {
  */
 export const DensityChartMix = (props: DensityChartMixProps) => {
     const allDensityChartsAreHidden = props.showDensityChart.every((booleanValue) => !booleanValue)
-
+    const intl = useIntl()
     const newData = useMemo(() => {
         const newData: BarData[] = generateNewData(props.dataObjects)
         const mergedObjects: any = []
@@ -208,7 +212,7 @@ export const DensityChartMix = (props: DensityChartMixProps) => {
                     <XAxis2 dataKey='bin0' tickCount={4} />
                     <YAxis2 />
                     <Tooltip content={<CustomTooltip color={newData.strokeColor} color2={newData.strokeColor2} />} />
-                    <Legend payload={[{ value: 'Expression', type: 'line', id: 'ID01' }]} />
+                    <Legend payload={[{ value: intl.formatMessage({ id: 'densityChart.expression' }), type: 'line', id: 'ID01' }]} />
                     <Bar dataKey='density' fill={newData.strokeColor} style={{ display: !props.showBars ? 'none' : 'inherit' }} />
                     <Bar dataKey='density2' fill={newData.strokeColor2} activeBar={!props.showBars} style={{ display: !props.showBars ? 'none' : 'inherit' }} />
                     {/* FIXME: it's ugly. Let's try to generate a similar chart to ApexCharts */}
diff --git a/src/frontend/static/frontend/src/components/pipeline/experiment-result/gene-gem-details/stats/GeneAndGEMSection.tsx b/src/frontend/static/frontend/src/components/pipeline/experiment-result/gene-gem-details/stats/GeneAndGEMSection.tsx
index 5441d6ab..bc37b36d 100644
--- a/src/frontend/static/frontend/src/components/pipeline/experiment-result/gene-gem-details/stats/GeneAndGEMSection.tsx
+++ b/src/frontend/static/frontend/src/components/pipeline/experiment-result/gene-gem-details/stats/GeneAndGEMSection.tsx
@@ -5,6 +5,7 @@ import { Nullable } from '../../../../../utils/interfaces'
 import { getGeneAndGEMFromSelectedRow } from '../../../../../utils/util_functions'
 import { InfoPopup } from '../InfoPopup'
 import { COMMON_DECIMAL_PLACES } from '../../../../../utils/constants'
+import { useIntl } from 'react-intl'
 
 /**
  * Component's props
@@ -24,6 +25,7 @@ interface GeneAndGEMSectionProps {
  * @returns Component
  */
 export const GeneAndGEMSection = memo((props: GeneAndGEMSectionProps) => {
+    const intl = useIntl()
     // For short...
     const [gene, gem] = getGeneAndGEMFromSelectedRow(props.selectedRow)
     const bpTest = props.heteroscedasticityBreuschPagan
@@ -33,83 +35,83 @@ export const GeneAndGEMSection = memo((props: GeneAndGEMSectionProps) => {
         <Grid columns={4} divided textAlign='center'>
             {/* Number of evaluated samples */}
             <Grid.Column width={1} verticalAlign='middle'>
-                <InfoPopup content={`Number of samples in common between ${gene} and ${gem}`} />
+                <InfoPopup content={intl.formatMessage({ id: 'geneAndGEMSection.evaluatedSamplesInfo' }, { gene, gem })} />
 
                 <Statistic size='tiny'>
                     <Statistic.Value>{props.numberOfSamplesEvaluated}</Statistic.Value>
-                    <Statistic.Label>Evaluated samples</Statistic.Label>
+                    <Statistic.Label>{intl.formatMessage({ id: 'geneAndGemSection.evaluatedSamples.label' })}</Statistic.Label>
                 </Statistic>
             </Grid.Column>
 
             {/* Breusch-Pagan test */}
             <Grid.Column width={6}>
-                <Header as='h3' dividing>Breusch-Pagan test</Header>
+                <Header as='h3' dividing>{intl.formatMessage({ id: 'geneAndGemSection.breuschPagan.title' })}</Header>
 
-                <InfoPopup content=' It evaluates if the random disturbance is different across points in the correlation graph. Thus heteroscedasticity is the absence of homoscedasticity' />
+                <InfoPopup content={intl.formatMessage({ id: 'geneAndGemSection.breuschPagan.info' })} />
 
                 <Statistic size='tiny'>
                     <Statistic.Value>{bpTest.lagrange_multiplier.toFixed(COMMON_DECIMAL_PLACES)}</Statistic.Value>
-                    <Statistic.Label>Lagrange Mult.</Statistic.Label>
+                    <Statistic.Label>{intl.formatMessage({ id: 'geneAndGemSection.breuschPagan.lagrangeMultiplier' })}</Statistic.Label>
                 </Statistic>
                 <Statistic size='tiny'>
                     <Statistic.Value>{bpTest.p_value.toFixed(COMMON_DECIMAL_PLACES)}</Statistic.Value>
-                    <Statistic.Label>P-Value</Statistic.Label>
+                    <Statistic.Label>{intl.formatMessage({ id: 'geneAndGemSection.breuschPagan.pValue' })}</Statistic.Label>
                 </Statistic>
                 <Statistic size='tiny'>
                     <Statistic.Value>{bpTest.f_value.toFixed(COMMON_DECIMAL_PLACES)}</Statistic.Value>
-                    <Statistic.Label>F Value</Statistic.Label>
+                    <Statistic.Label>{intl.formatMessage({ id: 'geneAndGemSection.breuschPagan.fValue' })}</Statistic.Label>
                 </Statistic>
                 <Statistic size='tiny'>
                     <Statistic.Value>{bpTest.f_p_value.toFixed(COMMON_DECIMAL_PLACES)}</Statistic.Value>
-                    <Statistic.Label>F P-Value</Statistic.Label>
+                    <Statistic.Label>{intl.formatMessage({ id: 'geneAndGemSection.breuschPagan.fPValue' })}</Statistic.Label>
                 </Statistic>
             </Grid.Column>
 
             {/* Goldfeld-Quandt test */}
             <Grid.Column width={3}>
-                <Header as='h3' dividing>Goldfeld-Quandt test</Header>
+                <Header as='h3' dividing>{intl.formatMessage({ id: 'geneAndGemSection.goldfeldQuandt.title' })}</Header>
 
-                <InfoPopup content='It tests the homoscedasticity of the correlation. Homoscedasticity essentially means that the relationship between the two variables we are correlating stays the same at all points, with the scores evenly spread along and around the regression line' />
+                <InfoPopup content={intl.formatMessage({ id: 'geneAndGemSection.goldfeldQuandt.info' })} />
 
                 <Statistic size='tiny'>
                     <Statistic.Value>{gqTest.statistic.toFixed(COMMON_DECIMAL_PLACES)}</Statistic.Value>
-                    <Statistic.Label>Statistic</Statistic.Label>
+                    <Statistic.Label>{intl.formatMessage({ id: 'geneAndGemSection.statistic' })}</Statistic.Label>
                 </Statistic>
                 <Statistic size='tiny'>
                     <Statistic.Value>{gqTest.p_value.toFixed(COMMON_DECIMAL_PLACES)}</Statistic.Value>
-                    <Statistic.Label>P-Value</Statistic.Label>
+                    <Statistic.Label>{intl.formatMessage({ id: 'geneAndGemSection.goldfeldQuandt.pValue' })}</Statistic.Label>
                 </Statistic>
             </Grid.Column>
 
             {/* Linearity test */}
             <Grid.Column width={3}>
-                <Header as='h3' dividing>Linearity test</Header>
+                <Header as='h3' dividing>{intl.formatMessage({ id: 'geneAndGemSection.linearity.title' })}</Header>
 
-                <InfoPopup content={`A relationship (correlation in this case) is linear if one variable (${gene}) increases by approximately the same rate as the other variables ${gem} changes by one unit`} />
+                <InfoPopup content={intl.formatMessage({ id: 'geneAndGemSection.linearity.info' }, { gene, gem })} />
 
                 <Statistic size='tiny'>
                     <Statistic.Value>{props.linearity.statistic.toFixed(COMMON_DECIMAL_PLACES)}</Statistic.Value>
-                    <Statistic.Label>Statistic</Statistic.Label>
+                    <Statistic.Label>{intl.formatMessage({ id: 'geneAndGemSection.statistic' })}</Statistic.Label>
                 </Statistic>
                 <Statistic size='tiny'>
                     <Statistic.Value>{props.linearity.p_value.toFixed(COMMON_DECIMAL_PLACES)}</Statistic.Value>
-                    <Statistic.Label>P-Value</Statistic.Label>
+                    <Statistic.Label>{intl.formatMessage({ id: 'geneAndGemSection.linearity.pValue' })}</Statistic.Label>
                 </Statistic>
             </Grid.Column>
 
             {/* Monotonicity test */}
             <Grid.Column width={3}>
-                <Header as='h3' dividing>Monotonicity (Spearman Rank)</Header>
+                <Header as='h3' dividing>{intl.formatMessage({ id: 'geneAndGemSection.monotonicity.title' })}</Header>
 
-                <InfoPopup content={`It evaluates if ${gene} expressión presents a monotonic relationship with ${gem} values. They are monotonic if when ${gene} increases ${gem} increases or when ${gene} decreases ${gem} decreases`} />
+                <InfoPopup content={intl.formatMessage({ id: 'geneAndGemSection.monotonicity.info' }, { gene, gem })} />
 
                 <Statistic size='tiny'>
                     <Statistic.Value>{props.monotonicity.statistic.toFixed(COMMON_DECIMAL_PLACES)}</Statistic.Value>
-                    <Statistic.Label>Statistic</Statistic.Label>
+                    <Statistic.Label>{intl.formatMessage({ id: 'geneAndGemSection.statistic' })}</Statistic.Label>
                 </Statistic>
                 <Statistic size='tiny'>
                     <Statistic.Value>{props.monotonicity.p_value.toFixed(COMMON_DECIMAL_PLACES)}</Statistic.Value>
-                    <Statistic.Label>P-Value</Statistic.Label>
+                    <Statistic.Label>{intl.formatMessage({ id: 'geneAndGemSection.monotonicity.pValue' })}</Statistic.Label>
                 </Statistic>
             </Grid.Column>
         </Grid>
diff --git a/src/frontend/static/frontend/src/components/pipeline/experiment-result/gene-gem-details/stats/StatisticalPropertiesPanel.tsx b/src/frontend/static/frontend/src/components/pipeline/experiment-result/gene-gem-details/stats/StatisticalPropertiesPanel.tsx
index fa93195a..4c754697 100644
--- a/src/frontend/static/frontend/src/components/pipeline/experiment-result/gene-gem-details/stats/StatisticalPropertiesPanel.tsx
+++ b/src/frontend/static/frontend/src/components/pipeline/experiment-result/gene-gem-details/stats/StatisticalPropertiesPanel.tsx
@@ -5,6 +5,7 @@ import { GeneAndGEMSection } from './GeneAndGEMSection'
 import { ChartSection } from './ChartSection'
 import { Nullable } from '../../../../../utils/interfaces'
 import { GeneGEMDataErrorMessage } from '../GeneGEMDataErrorMessage'
+import { useIntl } from 'react-intl'
 
 /**
  * Component's props
@@ -23,6 +24,7 @@ interface StatisticalPropertiesPanelProps {
  * @returns Component
  */
 export const StatisticalPropertiesPanel = (props: StatisticalPropertiesPanelProps) => {
+    const intl = useIntl()
     const [showBars, _setShowBars] = useState(true) // FIXME: uncomment when the area is well displayed
     const [showTogether, setShowTogether] = useState(false)
 
@@ -63,7 +65,7 @@ export const StatisticalPropertiesPanel = (props: StatisticalPropertiesPanelProp
                                 icon
                                 circular
                                 className='margin-top-5'
-                                title={showTogether ? 'Show separated' : 'Show together'}
+                                title={showTogether ? intl.formatMessage({ id: 'statisticalPropertiesPanel.showSeparated' }) : intl.formatMessage({ id: 'statisticalPropertiesPanel.showTogether' })}
                                 color={showTogether ? 'red' : 'blue'}
                                 onClick={() => setShowTogether(!showTogether)}
                             >
diff --git a/src/frontend/static/frontend/src/components/pipeline/experiment-result/gene-gem-details/survival-analysis/KaplanMeier.tsx b/src/frontend/static/frontend/src/components/pipeline/experiment-result/gene-gem-details/survival-analysis/KaplanMeier.tsx
index 38b9d2d2..b80c2741 100644
--- a/src/frontend/static/frontend/src/components/pipeline/experiment-result/gene-gem-details/survival-analysis/KaplanMeier.tsx
+++ b/src/frontend/static/frontend/src/components/pipeline/experiment-result/gene-gem-details/survival-analysis/KaplanMeier.tsx
@@ -7,6 +7,7 @@ import { Button, DropdownItemProps, Form, Grid, Header, Label, Select } from 'se
 import { KaplanMeier, KaplanMeierData, KaplanMeierSample } from './KaplanMeierUtils'
 import { LogRankTestStats } from './LogRankTestStats'
 import { LoadingPanel } from '../LoadingPanel'
+import { useIntl, IntlShape } from 'react-intl'
 
 declare const urlSurvivalData: string
 // Defined in gem.html
@@ -35,6 +36,7 @@ type SurvivalDataResponse = {
  * Component's props
  */
 interface KaplanMeierChartProps {
+    intl: IntlShape,
     experimentId: number,
     selectedRow: Nullable<DjangoMRNAxGEMResultRow>,
     gem_source: DjangoExperimentSource,
@@ -104,13 +106,14 @@ class KaplanMeierChart extends React.Component<KaplanMeierChartProps, KaplanMeie
      * @returns Low and high groups ready for Kaplan-Meier chart
      */
     generateKaplanMeierData (dataResponse: SurvivalDataResponse, dataKey: 'gene_data' | 'gem_data'): KaplanMeierData {
+        const { intl } = this.props
         return [
             {
-                label: 'Low expression group',
+                label: intl.formatMessage({ id: 'kaplanMeierChart.lowExpressionGroup' }),
                 data: dataResponse[dataKey]?.low_group ?? []
             },
             {
-                label: 'High expression group',
+                label: intl.formatMessage({ id: 'kaplanMeierChart.highExpressionGroup' }),
                 data: dataResponse[dataKey]?.high_group ?? []
             }
         ]
@@ -242,6 +245,8 @@ class KaplanMeierChart extends React.Component<KaplanMeierChartProps, KaplanMeie
     }
 
     render () {
+        const { intl } = this.props
+
         if (this.state.gettingSurvivalData) {
             return <LoadingPanel />
         }
@@ -249,12 +254,12 @@ class KaplanMeierChart extends React.Component<KaplanMeierChartProps, KaplanMeie
         const survivalColumnsTupleOptions: DropdownItemProps[] = this.state.survivalColumns.map((survColumn) => {
             return {
                 key: survColumn.id,
-                text: `Time: ${survColumn.time_column} | Event: ${survColumn.event_column}`,
+                text: intl.formatMessage({ id: 'kaplanMeierChart.timeEvent' }, { time: survColumn.time_column, event: survColumn.event_column }),
                 value: survColumn.id
             }
         })
 
-        survivalColumnsTupleOptions.unshift({ key: 'None', text: 'None', value: undefined })
+        survivalColumnsTupleOptions.unshift({ key: 'None', text: intl.formatMessage({ id: 'kaplanMeierChart.none' }), value: undefined })
 
         const noOptions = this.state.survivalColumnsValues.length === 0
 
@@ -269,7 +274,7 @@ class KaplanMeierChart extends React.Component<KaplanMeierChartProps, KaplanMeie
                             <Form.Select
                                 width={5}
                                 selectOnBlur={false}
-                                label='Survival columns tuples'
+                                label={intl.formatMessage({ id: 'kaplanMeierChart.survivalColumnsTuples' })}
                                 options={survivalColumnsTupleOptions}
                                 value={this.state.selectedSurvivalColumnId as number}
                                 name='selectedSurvivalColumnId'
@@ -279,12 +284,12 @@ class KaplanMeierChart extends React.Component<KaplanMeierChartProps, KaplanMeie
 
                             <Form.Field width={4}>
                                 <label>
-                                    Field of event of interest
+                                    {intl.formatMessage({ id: 'kaplanMeierChart.fieldOfInterest' })}
                                 </label>
 
                                 <Select
                                     selectOnBlur={false}
-                                    label='Field of event of interest'
+                                    label={intl.formatMessage({ id: 'kaplanMeierChart.fieldOfInterest' })}
                                     options={survivalValuesOptions}
                                     search
                                     selection
@@ -293,7 +298,7 @@ class KaplanMeierChart extends React.Component<KaplanMeierChartProps, KaplanMeie
                                     name='fieldsInterest'
                                     value={this.state.fieldsInterest}
                                     onChange={(_, { name, value }) => this.handleChange(name, value)}
-                                    placeholder='Select some fields'
+                                    placeholder={intl.formatMessage({ id: 'kaplanMeierChart.selectFields' })}
                                     disabled={this.state.gettingSurvivalData || noOptions}
                                 />
 
@@ -307,7 +312,7 @@ class KaplanMeierChart extends React.Component<KaplanMeierChartProps, KaplanMeie
                                         size='large'
                                         pointing='left'
                                     >
-                                        The fields of interest were inferred from common values
+                                        {intl.formatMessage({ id: 'kaplanMeierChart.inferredFields' })}
                                     </Label>
                                 </Form.Field>
                             )}
@@ -333,7 +338,7 @@ class KaplanMeierChart extends React.Component<KaplanMeierChartProps, KaplanMeie
                 <Grid.Row className='no-padding-top' columns={2}>
                     <Grid.Column>
                         <Label color='orange' size='large'>
-                            Samples with empty values (i.e. blank values) will be ignored in survival analysis
+                            {intl.formatMessage({ id: 'kaplanMeierChart.emptyValuesWarning' })}
                         </Label>
                     </Grid.Column>
                     <Grid.Column style={{ display: 'flex', justifyContent: 'flex-end' }}>
@@ -341,12 +346,12 @@ class KaplanMeierChart extends React.Component<KaplanMeierChartProps, KaplanMeie
                             <Button
                                 color='orange'
                                 fluid
-                                title='Unlink clinical dataset from this experiment'
+                                title={intl.formatMessage({ id: 'kaplanMeierChart.unlinkDatasetTitle' })}
                                 onClick={() => this.handleUnlinkClinicalSource()}
                                 loading={this.state.unlinkingSource}
                                 disabled={this.state.unlinkingSource}
                             >
-                                Unlink DataSet
+                                {intl.formatMessage({ id: 'kaplanMeierChart.unlinkDataset' })}
                             </Button>
                         </div>
                     </Grid.Column>
@@ -358,8 +363,8 @@ class KaplanMeierChart extends React.Component<KaplanMeierChartProps, KaplanMeie
                             data={this.state.geneData}
                             height={480}
                             width={600}
-                            xAxisLabel='Time'
-                            yAxisLabel='Probability'
+                            xAxisLabel={intl.formatMessage({ id: 'kaplanMeierChart.time' })}
+                            yAxisLabel={intl.formatMessage({ id: 'kaplanMeierChart.probability' })}
                         />
 
                         <LogRankTestStats logrankTest={this.state.geneLogrank} />
@@ -370,8 +375,8 @@ class KaplanMeierChart extends React.Component<KaplanMeierChartProps, KaplanMeie
                             data={this.state.gemData}
                             height={480}
                             width={600}
-                            xAxisLabel='Time'
-                            yAxisLabel='Probability'
+                            xAxisLabel={intl.formatMessage({ id: 'kaplanMeierChart.time' })}
+                            yAxisLabel={intl.formatMessage({ id: 'kaplanMeierChart.probability' })}
                         />
 
                         <LogRankTestStats logrankTest={this.state.gemLogrank} />
@@ -382,4 +387,13 @@ class KaplanMeierChart extends React.Component<KaplanMeierChartProps, KaplanMeie
     }
 }
 
-export { KaplanMeierChart }
+/**
+ * Functional wrapper to inject intl into the class component.
+ */
+
+const KaplanMeierChartWithIntl = (props: Omit<KaplanMeierChartProps, 'intl'>) => {
+    const intl = useIntl()
+    return <KaplanMeierChart {...props} intl={intl} />
+}
+
+export { KaplanMeierChartWithIntl as KaplanMeierChart }
diff --git a/src/frontend/static/frontend/src/components/pipeline/experiment-result/gene-gem-details/survival-analysis/LogRankTestStats.tsx b/src/frontend/static/frontend/src/components/pipeline/experiment-result/gene-gem-details/survival-analysis/LogRankTestStats.tsx
index 73d7e710..7bdf09c7 100644
--- a/src/frontend/static/frontend/src/components/pipeline/experiment-result/gene-gem-details/survival-analysis/LogRankTestStats.tsx
+++ b/src/frontend/static/frontend/src/components/pipeline/experiment-result/gene-gem-details/survival-analysis/LogRankTestStats.tsx
@@ -1,6 +1,7 @@
 import React from 'react'
 import { Header, Statistic } from 'semantic-ui-react'
 import { LogRankStatistic, Nullable } from '../../../../../utils/interfaces'
+import { useIntl } from 'react-intl'
 
 /**
  * Component's props
@@ -16,21 +17,22 @@ interface LogRankTestStatsProps {
  * @returns Component
  */
 export const LogRankTestStats = (props: LogRankTestStatsProps) => {
+    const intl = useIntl()
     const [statistic, pValue] = props.logrankTest === null
         ? ['-', '-']
         : [props.logrankTest.test_statistic.toFixed(3), props.logrankTest.p_value.toExponential(3)]
 
     return (
         <>
-            <Header as='h2' dividing>Logrank test</Header>
+            <Header as='h2' dividing>{intl.formatMessage({ id: 'logRankTestStats.header' })}</Header>
 
             <Statistic size='tiny'>
                 <Statistic.Value>{statistic}</Statistic.Value>
-                <Statistic.Label>Statistic</Statistic.Label>
+                <Statistic.Label>{intl.formatMessage({ id: 'logRankTestStats.statistic' })}</Statistic.Label>
             </Statistic>
             <Statistic size='tiny'>
                 <Statistic.Value>{pValue}</Statistic.Value>
-                <Statistic.Label>P-Value</Statistic.Label>
+                <Statistic.Label>{intl.formatMessage({ id: 'logRankTestStats.pValue' })}</Statistic.Label>
             </Statistic>
         </>
     )
diff --git a/src/frontend/static/frontend/src/components/pipeline/experiment-result/gene-gem-details/survival-analysis/NoClinicalData.tsx b/src/frontend/static/frontend/src/components/pipeline/experiment-result/gene-gem-details/survival-analysis/NoClinicalData.tsx
index 73d20eab..d0e5ce82 100644
--- a/src/frontend/static/frontend/src/components/pipeline/experiment-result/gene-gem-details/survival-analysis/NoClinicalData.tsx
+++ b/src/frontend/static/frontend/src/components/pipeline/experiment-result/gene-gem-details/survival-analysis/NoClinicalData.tsx
@@ -1,9 +1,10 @@
 import React, { useState } from 'react'
 import { Header, Icon } from 'semantic-ui-react'
 import { DjangoExperiment } from '../../../../../utils/django_interfaces'
-import { ClinicalSourcePopup, ValidationSource } from '../../../all-experiments-view/ClinicalSourcePopup'
+import ClinicalSourcePopup, { ValidationSource } from '../../../all-experiments-view/ClinicalSourcePopup'
 import { InferenceExperimentForTable } from '../../../../biomarkers/types'
 import { Nullable } from '../../../../../utils/interfaces'
+import { useIntl } from 'react-intl'
 
 /**
  * Component's props
@@ -24,6 +25,7 @@ interface NoClinicalDataProps {
 }
 
 export const NoClinicalData = (props: NoClinicalDataProps) => {
+    const intl = useIntl()
     const [showPopup, setShowPopup] = useState(false)
     let validationSource: Nullable<ValidationSource> = null
 
@@ -38,10 +40,10 @@ export const NoClinicalData = (props: NoClinicalDataProps) => {
         <Header size='huge' icon textAlign='center'>
             <Icon name='users' />
 
-            No clinical data found
+            {intl.formatMessage({ id: 'noClinicalData.header' })}
 
             <Header.Subheader>
-                Click the icon below to upload clinical data
+                {intl.formatMessage({ id: 'noClinicalData.subheader' })}
 
                 <ClinicalSourcePopup
                     experiment={props.experiment}
diff --git a/src/frontend/static/frontend/src/components/pipeline/last-experiments/LastExperimentCard.tsx b/src/frontend/static/frontend/src/components/pipeline/last-experiments/LastExperimentCard.tsx
index f3d67b6b..e784bebe 100644
--- a/src/frontend/static/frontend/src/components/pipeline/last-experiments/LastExperimentCard.tsx
+++ b/src/frontend/static/frontend/src/components/pipeline/last-experiments/LastExperimentCard.tsx
@@ -7,6 +7,7 @@ import { getExperimentStateObj, formatDateLocale } from '../../../utils/util_fun
 import { SeeResultButton } from '../all-experiments-view/SeeResultButton'
 import { DeleteButton } from '../../common/DeleteButton'
 import { Nullable } from '../../../utils/interfaces'
+import { useIntl } from 'react-intl'
 
 /**
  * Component's props
@@ -31,6 +32,7 @@ interface LastExperimentCardProps {
  * @returns Component
  */
 export const LastExperimentCard = (props: LastExperimentCardProps) => {
+    const intl = useIntl()
     const experiment = props.experiment // For a short reference
     const experimentState = getExperimentStateObj(experiment.state)
 
@@ -38,10 +40,16 @@ export const LastExperimentCard = (props: LastExperimentCardProps) => {
     let trunc_alert
 
     if (experiment.result_final_row_count !== experiment.result_total_row_count) {
-        const truncTitle = `The result has been truncated due its size. Has ${experiment.result_total_row_count}, truncated to ${experiment.result_final_row_count}`
+        const truncTitle = intl.formatMessage(
+            { id: 'lastExperimentCard.truncatedTitle' },
+            {
+                totalRows: experiment.result_total_row_count,
+                finalRows: experiment.result_final_row_count
+            }
+        )
         trunc_alert = (
             <Card.Meta className='margin-top-2' title={truncTitle}>
-                <Label color='red'>Truncated</Label>
+                <Label color='red'>{intl.formatMessage({ id: 'lastExperimentCard.truncated' })}</Label>
             </Card.Meta>
         )
     } else {
@@ -78,7 +86,7 @@ export const LastExperimentCard = (props: LastExperimentCardProps) => {
                     {experiment.description ? experiment.description : '-'}
                 </Card.Meta>
                 <Card.Meta title={experimentState.title}>
-                    State: <Icon name={experimentState.iconName} color={experimentState.color} loading={experimentState.loading} />
+                    {intl.formatMessage({ id: 'common.state' })}: {' '} <Icon name={experimentState.iconName} color={experimentState.color} loading={experimentState.loading} />
                 </Card.Meta>
 
                 {/* Truncated label */}
diff --git a/src/frontend/static/frontend/src/components/pipeline/last-experiments/LastExperimentTagInfo.tsx b/src/frontend/static/frontend/src/components/pipeline/last-experiments/LastExperimentTagInfo.tsx
index 04c1f244..3350cd92 100644
--- a/src/frontend/static/frontend/src/components/pipeline/last-experiments/LastExperimentTagInfo.tsx
+++ b/src/frontend/static/frontend/src/components/pipeline/last-experiments/LastExperimentTagInfo.tsx
@@ -4,6 +4,7 @@ import { DjangoExperiment, DjangoTag } from '../../../utils/django_interfaces'
 import { Nullable } from '../../../utils/interfaces'
 import { TagForm } from '../../common/TagForm'
 import { TagLabel } from '../../common/TagLabel'
+import { useIntl } from 'react-intl'
 
 /**
  * Component's props
@@ -27,6 +28,7 @@ interface LastExperimentTagInfoProps {
  * @returns Component
  */
 export const LastExperimentTagInfo = (props: LastExperimentTagInfoProps) => {
+    const intl = useIntl()
     const isEditingTagInfo = props.experimentWhichIsSelectingTag && props.experimentWhichIsSelectingTag.id === props.experiment.id
     const dropdownTags = isEditingTagInfo
         ? (
@@ -38,7 +40,7 @@ export const LastExperimentTagInfo = (props: LastExperimentTagInfoProps) => {
                 options={props.tagOptions}
                 clearable
                 onChange={(_e, { value }) => props.selectTag(value, props.experiment)}
-                placeholder='Select an existing Tag'
+                placeholder={intl.formatMessage({ id: 'lastExperimentTagInfo.selectExistingTag' })}
             />
         )
         : null
@@ -61,7 +63,7 @@ export const LastExperimentTagInfo = (props: LastExperimentTagInfoProps) => {
                 className='clickable margin-left-2'
                 name='trash'
                 color='red'
-                title='Remove Tag'
+                title={intl.formatMessage({ id: 'lastExperimentTagInfo.removeTag' })}
                 onClick={() => props.selectTag(null, props.experiment)}
             />
         )
@@ -75,7 +77,7 @@ export const LastExperimentTagInfo = (props: LastExperimentTagInfoProps) => {
                 className='clickable margin-left-2'
                 name={isEditingTagInfo ? 'times' : 'pencil'}
                 color={isEditingTagInfo ? 'red' : 'yellow'}
-                title={isEditingTagInfo ? 'Cancel' : 'Edit'}
+                title={isEditingTagInfo ? intl.formatMessage({ id: 'common.cancel' }) : intl.formatMessage({ id: 'lastExperimentTagInfo.edit' })}
                 onClick={() => props.selectExperimentToAssignTag(props.experiment)}
             />
 
diff --git a/src/frontend/static/frontend/src/components/pipeline/last-experiments/UserLastExperiments.tsx b/src/frontend/static/frontend/src/components/pipeline/last-experiments/UserLastExperiments.tsx
index 18c08f85..0658ea15 100644
--- a/src/frontend/static/frontend/src/components/pipeline/last-experiments/UserLastExperiments.tsx
+++ b/src/frontend/static/frontend/src/components/pipeline/last-experiments/UserLastExperiments.tsx
@@ -3,6 +3,7 @@ import { DjangoExperiment, DjangoTag } from '../../../utils/django_interfaces'
 import { Card, Label, DropdownMenuProps } from 'semantic-ui-react'
 import { LastExperimentCard } from '../last-experiments/LastExperimentCard'
 import { Nullable } from '../../../utils/interfaces'
+import { useIntl } from 'react-intl'
 
 interface UserLastExperimentsProps {
     experiments: DjangoExperiment[],
@@ -27,6 +28,7 @@ interface UserLastExperimentsProps {
  * @returns Component
  */
 export const UserLastExperiments = (props: UserLastExperimentsProps) => {
+    const intl = useIntl()
     const experimentsList = props.experiments.map((experiment) => {
         return (
             <LastExperimentCard
@@ -48,7 +50,7 @@ export const UserLastExperiments = (props: UserLastExperimentsProps) => {
 
     return (
         <div className='align-center'>
-            <Label className='margin-bottom-5 full-width' color='blue' size='large'>Last analysis</Label>
+            <Label className='margin-bottom-5 full-width' color='blue' size='large'>{intl.formatMessage({ id: 'userLastExperiments.lastAnalysis' })}</Label>
 
             {/* Experiments list */}
             <Card.Group id='last-experiments-cards-group'>
diff --git a/src/frontend/static/frontend/src/components/pipeline/user-datasets-modal/UserDatasetsModal.tsx b/src/frontend/static/frontend/src/components/pipeline/user-datasets-modal/UserDatasetsModal.tsx
index 253e7c70..60a043ad 100644
--- a/src/frontend/static/frontend/src/components/pipeline/user-datasets-modal/UserDatasetsModal.tsx
+++ b/src/frontend/static/frontend/src/components/pipeline/user-datasets-modal/UserDatasetsModal.tsx
@@ -7,6 +7,7 @@ import { PaginatedTable, PaginationCustomFilter } from '../../common/PaginatedTa
 import { TagLabel } from '../../common/TagLabel'
 import { UserFileTypeLabel } from './UserFileTypeLabel'
 import { CurrentUserContext } from '../../Base'
+import { useIntl } from 'react-intl'
 
 declare const urlUserFilesCRUD: string
 
@@ -40,6 +41,7 @@ interface UserDatasetsModalProps {
  * @param props Component's props
  */
 const UserDatasetsModal = (props: UserDatasetsModalProps) => {
+    const intl = useIntl()
     const currentUser = useContext(CurrentUserContext)
 
     /**
@@ -48,21 +50,21 @@ const UserDatasetsModal = (props: UserDatasetsModalProps) => {
      */
     function getDefaultHeaders (): RowHeader<DjangoUserFile>[] {
         let headersList: RowHeader<DjangoUserFile>[] = [
-            { name: 'Name', serverCodeToSort: 'name', width: 4 },
-            { name: 'Description', serverCodeToSort: 'description', width: 6 }
+            { name: intl.formatMessage({ id: 'common.name' }), serverCodeToSort: 'name', width: 4 },
+            { name: intl.formatMessage({ id: 'common.description' }), serverCodeToSort: 'description', width: 6 }
         ]
 
         const isClinical = props.selectingFileType === FileType.CLINICAL
 
         if (isClinical) {
-            headersList.push({ name: 'Number of survival tuples', width: 1 })
+            headersList.push({ name: intl.formatMessage({ id: 'userDatasetsModal.numberOfSurvivalTuples' }), width: 1 })
         }
 
         const restOfHeaders: RowHeader<DjangoUserFile>[] = [
-            { name: 'Tag', serverCodeToSort: 'tag' },
-            { name: 'Upload Date', serverCodeToSort: 'upload_date' },
-            { name: 'Visibility', serverCodeToSort: 'institutions' },
-            { name: 'Uploaded by', serverCodeToSort: 'user' }
+            { name: intl.formatMessage({ id: 'userDatasetsModal.tag' }), serverCodeToSort: 'tag' },
+            { name: intl.formatMessage({ id: 'userDatasetsModal.uploadDate' }), serverCodeToSort: 'upload_date' },
+            { name: intl.formatMessage({ id: 'userDatasetsModal.visibility' }), serverCodeToSort: 'institutions' },
+            { name: intl.formatMessage({ id: 'userDatasetsModal.uploadedBy' }), serverCodeToSort: 'user' }
         ]
 
         headersList = headersList.concat(restOfHeaders)
@@ -76,8 +78,8 @@ const UserDatasetsModal = (props: UserDatasetsModalProps) => {
      */
     function getDefaultFilters (): PaginationCustomFilter[] {
         return [
-            { label: 'Tag', keyForServer: 'tag', defaultValue: '', placeholder: 'Select an existing Tag', options: props.tagOptions },
-            { label: 'Visibility', keyForServer: 'visibility', defaultValue: 'all', placeholder: 'Select an existing Tag', options: props.institutionsOptions }
+            { label: intl.formatMessage({ id: 'userDatasetsModal.tag' }), keyForServer: 'tag', defaultValue: '', placeholder: intl.formatMessage({ id: 'userDatasetsModal.selectExistingTag' }), options: props.tagOptions },
+            { label: intl.formatMessage({ id: 'userDatasetsModal.visibility' }), keyForServer: 'visibility', defaultValue: 'all', placeholder: intl.formatMessage({ id: 'userDatasetsModal.selectExistingTag' }), options: props.institutionsOptions }
         ]
     }
 
@@ -91,7 +93,7 @@ const UserDatasetsModal = (props: UserDatasetsModalProps) => {
 
     return (
         <Modal size='fullscreen' open={props.showUserDatasetsModal} onClose={props.handleClose} centered={false}>
-            <Header icon='database' content={`Select ${fileType} dataset`} />
+            <Header icon='database' content={intl.formatMessage({ id: 'userDatasetsModal.selectDataset' }, { fileType })} />
             <Modal.Content className='align-center'>
                 <PaginatedTable<DjangoUserFile>
                     headers={getDefaultHeaders()}
@@ -120,7 +122,7 @@ const UserDatasetsModal = (props: UserDatasetsModalProps) => {
                                     <UserFileTypeLabel dataset={userFile} />
                                 </Table.Cell>
                                 <Table.Cell collapsing textAlign='center'>
-                                    {userFile.user.id === currentUser?.id ? 'You' : userFile.user.username}
+                                    {userFile.user.id === currentUser?.id ? intl.formatMessage({ id: 'userDatasetsModal.you' }) : userFile.user.username}
                                 </Table.Cell>
                             </Table.Row>
                         )
@@ -131,7 +133,7 @@ const UserDatasetsModal = (props: UserDatasetsModalProps) => {
             {/* Cancel button */}
             <Modal.Actions>
                 <Button onClick={props.handleClose}>
-                    Cancel
+                    {intl.formatMessage({ id: 'common.cancel' })}
                 </Button>
 
                 <Button
@@ -139,7 +141,7 @@ const UserDatasetsModal = (props: UserDatasetsModalProps) => {
                     onClick={() => props.selectFile(props.selectedFile)}
                     disabled={props.selectedFile === null}
                 >
-                    Confirm
+                    {intl.formatMessage({ id: 'common.confirm' })}
                 </Button>
             </Modal.Actions>
         </Modal>
diff --git a/src/frontend/static/frontend/src/components/pipeline/user-datasets-modal/UserFileTypeLabel.tsx b/src/frontend/static/frontend/src/components/pipeline/user-datasets-modal/UserFileTypeLabel.tsx
index 4034e7aa..3461992e 100644
--- a/src/frontend/static/frontend/src/components/pipeline/user-datasets-modal/UserFileTypeLabel.tsx
+++ b/src/frontend/static/frontend/src/components/pipeline/user-datasets-modal/UserFileTypeLabel.tsx
@@ -2,6 +2,7 @@ import React from 'react'
 import { Label } from 'semantic-ui-react'
 import { SemanticCOLORS } from 'semantic-ui-react/dist/commonjs/generic'
 import { DjangoUserFile } from '../../../utils/django_interfaces'
+import { useIntl } from 'react-intl'
 
 /**
  * Component's props
@@ -16,10 +17,11 @@ interface UserFileTypeLabelProps {
  * @returns Component
  */
 export const UserFileTypeLabel = (props: UserFileTypeLabelProps) => {
+    const intl = useIntl()
     const hasInstitutions = props.dataset.institutions.length > 0
 
     const typeTitle = hasInstitutions
-        ? `Shared with ${props.dataset.institutions.length} institutions`
+        ? intl.formatMessage({ id: 'userFileTypeLabel.sharedWithInstitutions' }, { count: props.dataset.institutions.length })
         : undefined
 
     let typeDescription: string
@@ -30,10 +32,10 @@ export const UserFileTypeLabel = (props: UserFileTypeLabelProps) => {
         labelColor = 'grey'
     } else {
         if (props.dataset.is_public) {
-            typeDescription = 'Public'
+            typeDescription = intl.formatMessage({ id: 'userFileTypeLabel.public' })
             labelColor = 'blue'
         } else {
-            typeDescription = 'Private'
+            typeDescription = intl.formatMessage({ id: 'userFileTypeLabel.private' })
             labelColor = 'red'
         }
     }
diff --git a/src/frontend/static/frontend/src/components/site-policy/SitePolicy.tsx b/src/frontend/static/frontend/src/components/site-policy/SitePolicy.tsx
index 21510e42..e126b6ab 100644
--- a/src/frontend/static/frontend/src/components/site-policy/SitePolicy.tsx
+++ b/src/frontend/static/frontend/src/components/site-policy/SitePolicy.tsx
@@ -2,13 +2,14 @@ import React from 'react'
 import { Container, Grid, Header, Image } from 'semantic-ui-react'
 import { Base } from '../Base'
 import { ExternalLink } from '../common/ExternalLink'
+import { useIntl } from 'react-intl'
 
 /**
  * Site policy (terms and privacy policy) page
  * @returns Component
  */
 export const SitePolicy = () => {
-    const multiomixLink = <a href='/'>www.multiomix.org</a>
+    const intl = useIntl()
     return (
         <div>
             <Base wrapperClass='wrapper'>
@@ -30,35 +31,48 @@ export const SitePolicy = () => {
                         <Grid.Row className='margin-bottom-5' columns={1}>
                             <Grid.Column>
                                 <Header as='h2' id='site-policy-header'>
-                                    Multiomix implements a set of security measures to protect the access to the uploaded datasets. Those measures are enforced with some recommendations to protect the data privacy:
+                                    {intl.formatMessage({ id: 'sitePolicy.header' })}
                                 </Header>
 
                                 <p id='site-policy-content'>
-                                    Multiomix implements authentication—verifying a user’s identity—and authorization—determining what data/resources an authenticated user can access respecting the defined access level.
+                                    {intl.formatMessage({ id: 'sitePolicy.authentication' })}
 
                                     <br />
 
-                                    Data transfer is encrypted.
+                                    {intl.formatMessage({ id: 'sitePolicy.dataTransfer' })}
 
                                     <br />
 
-                                    {multiomixLink} is protected with a firewall to prevent brute force attacks.
+                                    {intl.formatMessage(
+                                        { id: 'sitePolicy.firewall' },
+                                        { multiomixLink: 'www.multiomix.org' }
+                                    )}
 
                                     <br />
 
-                                    The platform is containerized using Docker so that the database services and files cannot be accessed externally.
+                                    {intl.formatMessage({ id: 'sitePolicy.containerized' })}
 
                                     <br />
 
-                                    The operators of the service use reasonable security measures to protect against the loss, misuse, and alteration of the information and Data under our control.
+                                    {intl.formatMessage({ id: 'sitePolicy.securityMeasures' })}
 
                                     <br />
 
-                                    It is prohibited to use the service {multiomixLink} for the storage of any data that can be classified as Personally Identifiable Information (PII). Only pre-processed and de-identified data should be up-loaded to {multiomixLink}.
+                                    {intl.formatMessage(
+                                        { id: 'sitePolicy.piiRestriction' },
+                                        { multiomixLink: 'www.multiomix.org' }
+                                    )}
 
                                     <br />
 
-                                    Users can opt for setting up their own local Multiomix instance instead of using the {multiomixLink} service. The instructions to install the local instance are available at <ExternalLink href='https://github.com/omics-datascience/multiomix/blob/main/DEPLOYING.md'>https://github.com/omics-datascience/multiomix/blob/main/DEPLOYING.md</ExternalLink>
+                                    {intl.formatMessage(
+                                        { id: 'sitePolicy.localInstance' },
+                                        { multiomixLink: 'www.multiomix.org' }
+                                    )}{' '}
+                                    {intl.formatMessage({ id: 'sitePolicy.localInstanceInstructions' })}{' '}
+                                    <ExternalLink href='https://github.com/omics-datascience/multiomix/blob/main/DEPLOYING.md'>
+                                        https://github.com/omics-datascience/multiomix/blob/main/DEPLOYING.md
+                                    </ExternalLink>
                                 </p>
                             </Grid.Column>
                         </Grid.Row>
diff --git a/src/frontend/static/frontend/src/components/survival/SurvivalAnalysisPanel.tsx b/src/frontend/static/frontend/src/components/survival/SurvivalAnalysisPanel.tsx
index 55a15617..6d95039b 100644
--- a/src/frontend/static/frontend/src/components/survival/SurvivalAnalysisPanel.tsx
+++ b/src/frontend/static/frontend/src/components/survival/SurvivalAnalysisPanel.tsx
@@ -1,8 +1,14 @@
 import React from 'react'
+import { useIntl, IntlShape } from 'react-intl'
 import { Base } from '../Base'
 import { Grid, Segment, DropdownItemProps } from 'semantic-ui-react'
 import { FileType, Source, SourceType } from '../../utils/interfaces'
-import { getDefaultSource, getFilenameFromSource, getInputFileCSVColumns, listToDropdownOptions } from '../../utils/util_functions'
+import {
+    getDefaultSource,
+    getFilenameFromSource,
+    getInputFileCSVColumns,
+    listToDropdownOptions
+} from '../../utils/util_functions'
 import { DjangoUserFile, DjangoCGDSStudy } from '../../utils/django_interfaces'
 import ky from 'ky'
 import { SurvivalForm } from './SurvivalForm'
@@ -14,6 +20,13 @@ declare const urlDatasetColumnName: string
 type SourceStateName = 'expressionSource' | 'survivalSource'
 type ColumnStateName = 'columnEventTime' | 'columnEventStatus'
 
+/**
+ * Component's props
+ */
+interface SurvivalAnalysisPanelProps {
+    intl: IntlShape
+}
+
 /**
  * Component's state
  */
@@ -22,7 +35,7 @@ interface SurvivalAnalysisPanelState {
     survivalSource: Source,
     expressionFileType: FileType,
     columnEventTime: string,
-    columnEventStatus: string
+    columnEventStatus: string,
     columnEventOptions: DropdownItemProps[],
     genes: string[],
     selectedGenes: string[]
@@ -32,7 +45,10 @@ interface SurvivalAnalysisPanelState {
  * Renders a Survival Analysis panel
  * @returns Component
  */
-class SurvivalAnalysisPanel extends React.Component<unknown, SurvivalAnalysisPanelState> {
+class SurvivalAnalysisPanel extends React.Component<
+    SurvivalAnalysisPanelProps,
+    SurvivalAnalysisPanelState
+> {
     abortController = new AbortController()
 
     constructor (props) {
@@ -70,7 +86,10 @@ class SurvivalAnalysisPanel extends React.Component<unknown, SurvivalAnalysisPan
      * @param sourceSelected New selected SourceType
      * @param sourceName Source field's name to update
      */
-    handleChangeSourceType = (sourceSelected: SourceType, sourceName: SourceStateName) => {
+    handleChangeSourceType = (
+        sourceSelected: SourceType,
+        sourceName: SourceStateName
+    ) => {
         const source = this.state[sourceName]
         source.type = sourceSelected
         this.setState<never>({ [sourceName]: source })
@@ -82,7 +101,6 @@ class SurvivalAnalysisPanel extends React.Component<unknown, SurvivalAnalysisPan
      * and doesn't trigger an update of the state fields
      */
     updateSourceFilenames () {
-        // Updates state filenames
         const expressionSource = this.state.expressionSource
         const survivalSource = this.state.survivalSource
 
@@ -93,13 +111,21 @@ class SurvivalAnalysisPanel extends React.Component<unknown, SurvivalAnalysisPan
     }
 
     /**
-     * Transforms a columns' name  array into a DropdownItemProps array for Selects
+     * Transforms a columns' name array into a DropdownItemProps array for Selects
      * and sets it to the state
      * @param columnNames Column names to transform
      */
     setColumnNamesAsOptions = (columnNames: string[]) => {
-        const columnNamesAsOptions: DropdownItemProps[] = listToDropdownOptions(columnNames)
-        columnNamesAsOptions.unshift({ key: 'no_selected', text: 'No selected' })
+        const columnNamesAsOptions: DropdownItemProps[] =
+            listToDropdownOptions(columnNames)
+
+        columnNamesAsOptions.unshift({
+            key: 'no_selected',
+            text: this.props.intl.formatMessage({
+                id: 'survivalAnalysisPanel.noSelected'
+            })
+        })
+
         this.setState({ columnEventOptions: columnNamesAsOptions })
     }
 
@@ -107,7 +133,11 @@ class SurvivalAnalysisPanel extends React.Component<unknown, SurvivalAnalysisPan
      * Shows a general error when failed the retrieving of columns names from the Survival Dataset
      */
     alertErrorColumnNames () {
-        alert('An error ocurred reading the header of th Survival Source. Please, try uploading it again')
+        alert(
+            this.props.intl.formatMessage({
+                id: 'survivalAnalysisPanel.errorReadingHeader'
+            })
+        )
     }
 
     /**
@@ -120,23 +150,37 @@ class SurvivalAnalysisPanel extends React.Component<unknown, SurvivalAnalysisPan
         switch (survivalSource.type) {
             case SourceType.NEW_DATASET:
                 if (survivalSource.newUploadedFileRef.current.files.length) {
-                    getInputFileCSVColumns(survivalSource.newUploadedFileRef.current.files[0])
+                    getInputFileCSVColumns(
+                        survivalSource.newUploadedFileRef.current.files[0]
+                    )
                         .then(this.setColumnNamesAsOptions)
                         .catch((ex) => {
                             this.alertErrorColumnNames()
-                            console.log('Error reading CSV column names', ex)
+                            console.log(
+                                this.props.intl.formatMessage({
+                                    id: 'survivalAnalysisPanel.errorReadingCsvColumns'
+                                }),
+                                ex
+                            )
                         })
                 }
 
                 break
+
             case SourceType.UPLOADED_DATASETS:
                 this.getColumnsNamesFromServer(false)
                 break
+
             case SourceType.CGDS:
                 this.getColumnsNamesFromServer(true)
                 break
+
             default:
-                console.log('Invalid SourceType')
+                console.log(
+                    this.props.intl.formatMessage({
+                        id: 'survivalAnalysisPanel.invalidSourceType'
+                    })
+                )
                 break
         }
     }
@@ -146,7 +190,7 @@ class SurvivalAnalysisPanel extends React.Component<unknown, SurvivalAnalysisPan
      * @param isCGDSStudy Flag to set the corresponding URL, if true, is a CGDStudy, UploadedFile otherwise
      */
     getColumnsNamesFromServer (isCGDSStudy: boolean) {
-        const id: number = (isCGDSStudy)
+        const id: number = isCGDSStudy
             ? this.state.survivalSource.CGDSStudy?.id as number
             : this.state.survivalSource.selectedExistingFile?.id as number
 
@@ -158,21 +202,35 @@ class SurvivalAnalysisPanel extends React.Component<unknown, SurvivalAnalysisPan
             sourceType: this.state.survivalSource.type as SourceType
         }
 
-        ky.get(urlDatasetColumnName, { signal: this.abortController.signal, searchParams }).then((response) => {
+        ky.get(urlDatasetColumnName, {
+            signal: this.abortController.signal,
+            searchParams
+        }).then((response) => {
             response.json<string[]>()
                 .then((columnNames) => {
                     this.setColumnNamesAsOptions(columnNames)
                 })
                 .catch((err) => {
                     this.alertErrorColumnNames()
-                    console.log('Error parsing JSON ->', err)
+
+                    console.log(
+                        this.props.intl.formatMessage({
+                            id: 'survivalAnalysisPanel.errorParsingJson'
+                        }),
+                        err
+                    )
                 })
         }).catch((err) => {
             if (!this.abortController.signal.aborted) {
                 this.alertErrorColumnNames()
             }
 
-            console.log('Error getting colum names ->', err)
+            console.log(
+                this.props.intl.formatMessage({
+                    id: 'survivalAnalysisPanel.errorGettingColumnNames'
+                }),
+                err
+            )
         })
     }
 
@@ -190,10 +248,8 @@ class SurvivalAnalysisPanel extends React.Component<unknown, SurvivalAnalysisPan
      * @param sourceName Recently selected source to check
      */
     takeActionOfSourceSelected (sourceName: SourceStateName) {
-        // Independently of the selected Source, we update the filenames
         this.updateSourceFilenames()
 
-        // If it's updating the survival source, gets the columns name to select the event columns
         if (sourceName === 'survivalSource') {
             this.getColumnName()
         } else {
@@ -213,9 +269,13 @@ class SurvivalAnalysisPanel extends React.Component<unknown, SurvivalAnalysisPan
      * @param selectedFile Selected file as Source
      * @param sourceName Source field's name to update
      */
-    selectUploadedFile = (selectedFile: DjangoUserFile, sourceName: SourceStateName) => {
+    selectUploadedFile = (
+        selectedFile: DjangoUserFile,
+        sourceName: SourceStateName
+    ) => {
         const source: Source = this.state[sourceName]
         source.selectedExistingFile = selectedFile
+
         this.setState<never>({ [sourceName]: source }, () => {
             this.takeActionOfSourceSelected(sourceName)
         })
@@ -226,9 +286,13 @@ class SurvivalAnalysisPanel extends React.Component<unknown, SurvivalAnalysisPan
      * @param selectedStudy Selected Study as Source
      * @param sourceName Source field's name to update
      */
-    selectStudy = (selectedStudy: DjangoCGDSStudy, sourceName: SourceStateName) => {
+    selectStudy = (
+        selectedStudy: DjangoCGDSStudy,
+        sourceName: SourceStateName
+    ) => {
         const source: Source = this.state[sourceName]
         source.CGDSStudy = selectedStudy
+
         this.setState<never>({ [sourceName]: source }, () => {
             this.takeActionOfSourceSelected(sourceName)
         })
@@ -238,21 +302,24 @@ class SurvivalAnalysisPanel extends React.Component<unknown, SurvivalAnalysisPan
      * Set the new array of selected genes
      * @param newSelectedGenes Array of genes selected in the Dropdown
      */
-    handleGenesChanges = (newSelectedGenes: string[]) => { this.setState({ selectedGenes: newSelectedGenes }) }
+    handleGenesChanges = (newSelectedGenes: string[]) => {
+        this.setState({ selectedGenes: newSelectedGenes })
+    }
 
     /**
      * Handle changes in the Survival Selects
      * @param name Name of the column State's field to update
      * @param value New selected value in the Select
      */
-    selectSurvivalColumn = (name: ColumnStateName, value) => { this.setState<never>({ [name]: value }) }
+    selectSurvivalColumn = (name: ColumnStateName, value) => {
+        this.setState<never>({ [name]: value })
+    }
 
     render () {
         return (
             <div>
                 <Base activeItem='survival' wrapperClass='wrapper'>
                     <Segment>
-                        {/* Datasets form */}
                         <Grid columns={3} stackable textAlign='left' divided>
                             <Grid.Column width={2} textAlign='center'>
                                 <SurvivalForm
@@ -266,7 +333,6 @@ class SurvivalAnalysisPanel extends React.Component<unknown, SurvivalAnalysisPan
                                 />
                             </Grid.Column>
 
-                            {/* Gene selection */}
                             <Grid.Column width={4} textAlign='center'>
                                 <SurvivalGeneSelectionPanel
                                     genes={this.state.genes}
@@ -282,4 +348,19 @@ class SurvivalAnalysisPanel extends React.Component<unknown, SurvivalAnalysisPan
     }
 }
 
-export { SurvivalAnalysisPanel, SurvivalAnalysisPanelState, SourceStateName, ColumnStateName }
+/**
+ * Wrapper component that injects the intl object into SurvivalAnalysisPanel.
+ * @returns SurvivalAnalysisPanel component with injected intl instance.
+ */
+export default function SurvivalAnalysisPanelWithIntl () {
+    const intl = useIntl()
+
+    return <SurvivalAnalysisPanel intl={intl} />
+}
+
+export {
+    SurvivalAnalysisPanelWithIntl as SurvivalAnalysisPanel,
+    SurvivalAnalysisPanelState,
+    SourceStateName,
+    ColumnStateName
+}
diff --git a/src/frontend/static/frontend/src/components/survival/SurvivalForm.tsx b/src/frontend/static/frontend/src/components/survival/SurvivalForm.tsx
index af10dd6c..9ab8142b 100644
--- a/src/frontend/static/frontend/src/components/survival/SurvivalForm.tsx
+++ b/src/frontend/static/frontend/src/components/survival/SurvivalForm.tsx
@@ -1,18 +1,32 @@
 import React from 'react'
+import { useIntl } from 'react-intl'
 import { Segment, Grid, Header, Select } from 'semantic-ui-react'
 import { getFileTypeSelectOptions } from '../../utils/util_functions'
 import { SourceForm } from '../pipeline/SourceForm'
 import { FileType, SourceType } from '../../utils/interfaces'
 import { DjangoCGDSStudy, DjangoUserFile } from '../../utils/django_interfaces'
-import { SurvivalAnalysisPanelState, SourceStateName, ColumnStateName } from './SurvivalAnalysisPanel'
+import {
+    SurvivalAnalysisPanelState,
+    SourceStateName,
+    ColumnStateName
+} from './SurvivalAnalysisPanel'
 
 /**
  * Component's props
  */
 interface SurvivalFormProps extends SurvivalAnalysisPanelState {
-    selectStudy: (selectedStudy: DjangoCGDSStudy, sourceName: SourceStateName) => void,
-    onHandleChangeSourceType: (sourceSelected: SourceType, sourceName: SourceStateName) => void,
-    selectUploadedFile: (selectedFile: DjangoUserFile, sourceName: SourceStateName) => void,
+    selectStudy: (
+        selectedStudy: DjangoCGDSStudy,
+        sourceName: SourceStateName
+    ) => void,
+    onHandleChangeSourceType: (
+        sourceSelected: SourceType,
+        sourceName: SourceStateName
+    ) => void,
+    selectUploadedFile: (
+        selectedFile: DjangoUserFile,
+        sourceName: SourceStateName
+    ) => void,
     selectSurvivalColumn: (name: ColumnStateName, value) => void,
     selectNewFile: (sourceName: SourceStateName) => void,
     changeFileType: (value) => void
@@ -24,18 +38,24 @@ interface SurvivalFormProps extends SurvivalAnalysisPanelState {
  * @returns Component
  */
 export const SurvivalForm = (props: SurvivalFormProps) => {
-    // Gets Select options without the 'Clinical' one
-    const fileTypeOptions = getFileTypeSelectOptions(false).filter((option) => option.key !== 'clinical')
+    const intl = useIntl()
+
+    const fileTypeOptions = getFileTypeSelectOptions(false)
+        .filter((option) => option.key !== 'clinical')
+
     const optionsArrayIsEmpty = props.columnEventOptions.length === 0
 
     return (
         <div>
             <Segment>
                 <Grid className='padded-left-10 padded-right-10'>
-                    {/* File type for expression dataset */}
                     <Grid.Row>
                         <Header textAlign='center'>
-                            <Header.Content>Expression file type</Header.Content>
+                            <Header.Content>
+                                {intl.formatMessage({
+                                    id: 'survivalForm.expressionFileType'
+                                })}
+                            </Header.Content>
                         </Header>
 
                         <Select
@@ -44,14 +64,16 @@ export const SurvivalForm = (props: SurvivalFormProps) => {
                             value={props.expressionFileType}
                             options={fileTypeOptions}
                             name='fileType'
-                            onChange={(_, { value }) => props.changeFileType(value)}
+                            onChange={(_, { value }) =>
+                                props.changeFileType(value)}
                         />
                     </Grid.Row>
 
-                    {/* Expression profile SourceForm */}
                     <SourceForm
                         source={props.expressionSource}
-                        headerTitle='Expression profile'
+                        headerTitle={intl.formatMessage({
+                            id: 'survivalForm.expressionProfile'
+                        })}
                         headerIcon={{
                             type: 'icon',
                             src: 'dna'
@@ -59,23 +81,33 @@ export const SurvivalForm = (props: SurvivalFormProps) => {
                         fileType={props.expressionFileType}
                         tagOptions={[]}
                         handleChangeSourceType={(selectedSourceType) => {
-                            props.onHandleChangeSourceType(selectedSourceType, 'expressionSource')
+                            props.onHandleChangeSourceType(
+                                selectedSourceType,
+                                'expressionSource'
+                            )
                         }}
                         selectNewFile={() => {
                             props.selectNewFile('expressionSource')
                         }}
                         selectUploadedFile={(selectedFile) => {
-                            props.selectUploadedFile(selectedFile, 'expressionSource')
+                            props.selectUploadedFile(
+                                selectedFile,
+                                'expressionSource'
+                            )
                         }}
                         selectStudy={(selectedStudy) => {
-                            props.selectStudy(selectedStudy, 'expressionSource')
+                            props.selectStudy(
+                                selectedStudy,
+                                'expressionSource'
+                            )
                         }}
                     />
 
-                    {/* Clinical SourceForm */}
                     <SourceForm
                         source={props.survivalSource}
-                        headerTitle='Survival profile'
+                        headerTitle={intl.formatMessage({
+                            id: 'survivalForm.survivalProfile'
+                        })}
                         headerIcon={{
                             type: 'icon',
                             src: 'user'
@@ -83,24 +115,31 @@ export const SurvivalForm = (props: SurvivalFormProps) => {
                         fileType={FileType.CLINICAL}
                         tagOptions={[]}
                         handleChangeSourceType={(selectedSourceType) => {
-                            props.onHandleChangeSourceType(selectedSourceType, 'survivalSource')
+                            props.onHandleChangeSourceType(
+                                selectedSourceType,
+                                'survivalSource'
+                            )
                         }}
                         selectNewFile={() => {
                             props.selectNewFile('survivalSource')
                         }}
                         selectUploadedFile={(selectedFile) => {
-                            props.selectUploadedFile(selectedFile, 'survivalSource')
+                            props.selectUploadedFile(
+                                selectedFile,
+                                'survivalSource'
+                            )
                         }}
                         selectStudy={(selectedStudy) => {
-                            props.selectStudy(selectedStudy, 'survivalSource')
+                            props.selectStudy(
+                                selectedStudy,
+                                'survivalSource'
+                            )
                         }}
                     />
                 </Grid>
             </Segment>
 
-            {/* Survival columns of interest */}
             <Segment>
-                {/* Event time */}
                 <div className='full-width'>
                     <Select
                         button
@@ -112,12 +151,14 @@ export const SurvivalForm = (props: SurvivalFormProps) => {
                         name='columnEventTime'
                         value={props.columnEventTime}
                         options={props.columnEventOptions}
-                        placeholder='Event Time column'
-                        onChange={(_e, { name, value }) => props.selectSurvivalColumn(name, value)}
+                        placeholder={intl.formatMessage({
+                            id: 'survivalForm.eventTimeColumn'
+                        })}
+                        onChange={(_e, { name, value }) =>
+                            props.selectSurvivalColumn(name, value)}
                     />
                 </div>
 
-                {/* Event status */}
                 <div className='full-width'>
                     <Select
                         button
@@ -128,8 +169,11 @@ export const SurvivalForm = (props: SurvivalFormProps) => {
                         name='columnEventStatus'
                         value={props.columnEventStatus}
                         options={props.columnEventOptions}
-                        placeholder='Event Status column'
-                        onChange={(_e, { name, value }) => props.selectSurvivalColumn(name, value)}
+                        placeholder={intl.formatMessage({
+                            id: 'survivalForm.eventStatusColumn'
+                        })}
+                        onChange={(_e, { name, value }) =>
+                            props.selectSurvivalColumn(name, value)}
                     />
                 </div>
             </Segment>
diff --git a/src/frontend/static/frontend/src/components/survival/SurvivalGeneSelectionPanel.tsx b/src/frontend/static/frontend/src/components/survival/SurvivalGeneSelectionPanel.tsx
index b844e5df..4a700533 100644
--- a/src/frontend/static/frontend/src/components/survival/SurvivalGeneSelectionPanel.tsx
+++ b/src/frontend/static/frontend/src/components/survival/SurvivalGeneSelectionPanel.tsx
@@ -1,4 +1,5 @@
 import React from 'react'
+import { useIntl } from 'react-intl'
 import { Segment, Grid, Header, Dropdown, DropdownItemProps } from 'semantic-ui-react'
 import { listToDropdownOptions } from '../../utils/util_functions'
 
@@ -17,6 +18,8 @@ interface SurvivalGeneSelectionPanelProps {
  * @returns Component
  */
 export const SurvivalGeneSelectionPanel = (props: SurvivalGeneSelectionPanelProps) => {
+    const intl = useIntl()
+
     const genesOptions: DropdownItemProps[] = listToDropdownOptions(props.genes)
     const optionsArrayIsEmpty = genesOptions.length === 0
 
@@ -26,11 +29,17 @@ export const SurvivalGeneSelectionPanel = (props: SurvivalGeneSelectionPanelProp
                 {/* File type for expression dataset */}
                 <Grid.Row>
                     <Header textAlign='center'>
-                        <Header.Content>Select Genes</Header.Content>
+                        <Header.Content>
+                            {intl.formatMessage({
+                                id: 'survivalGeneSelectionPanel.selectGenes'
+                            })}
+                        </Header.Content>
                     </Header>
 
                     <Dropdown
-                        placeholder='State'
+                        placeholder={intl.formatMessage({
+                            id: 'common.state'
+                        })}
                         fluid
                         multiple
                         search
diff --git a/src/frontend/static/frontend/src/components/survival/SurvivalTuplesForm.tsx b/src/frontend/static/frontend/src/components/survival/SurvivalTuplesForm.tsx
index f922872e..2153090d 100644
--- a/src/frontend/static/frontend/src/components/survival/SurvivalTuplesForm.tsx
+++ b/src/frontend/static/frontend/src/components/survival/SurvivalTuplesForm.tsx
@@ -3,6 +3,7 @@ import { Button, Grid, Header, Icon, Input, Segment, Select } from 'semantic-ui-
 import { DjangoSurvivalColumnsTupleSimple } from '../../utils/django_interfaces'
 import { checkedValidityCallback } from '../../utils/util_functions'
 import { survivalTupleIsValid } from './utils'
+import { useIntl } from 'react-intl'
 
 /**
  * Component's props
@@ -42,6 +43,8 @@ const ContainerNoInline = (props: { children: JSX.Element, noPadding?: boolean }
  * @returns Component
  */
 export const SurvivalTuplesForm = (props: SurvivalTuplesFormProps) => {
+    const intl = useIntl()
+
     /**
      * Checks if last Survival tuple is valid to allow user to create another one
      * @returns True if user can add another survival tuple, false otherwise
@@ -93,13 +96,20 @@ export const SurvivalTuplesForm = (props: SurvivalTuplesFormProps) => {
                         <ContainerNoInline key={idx} noPadding={props.noPadding}>
                             <Segment>
                                 <Header as='h4'>
-                                    Survival tuple #{idx + 1}
+                                    {
+                                        intl.formatMessage(
+                                            { id: 'survivalTuplesForm.survivalTuple' },
+                                            { number: idx + 1 }
+                                        )
+                                    }
 
                                     <Icon
                                         name='trash'
                                         color='red'
                                         className='clickable pull-right'
-                                        title='Remove this survival tuple'
+                                        title={intl.formatMessage({
+                                            id: 'survivalTuplesForm.removeTuple'
+                                        })}
                                         disabled={props.disabled}
                                         onClick={() => removeSurvivalFormTuple(idx)}
                                     />
@@ -116,13 +126,13 @@ export const SurvivalTuplesForm = (props: SurvivalTuplesFormProps) => {
                                                 onChange={checkedHandleSurvivalFormChanges}
                                                 loading={props.loading}
                                                 disabled={props.disabled}
-                                                placeholder='Column of event'
+                                                placeholder={intl.formatMessage({ id: 'survivalTuplesForm.eventColumn' })}
                                                 maxLength={30}
                                             />
                                         )
                                         : (
                                             <Select
-                                                placeholder='Column of event'
+                                                placeholder={intl.formatMessage({ id: 'survivalTuplesForm.eventColumn' })}
                                                 name='event_column'
                                                 fluid
                                                 className='margin-top-2'
@@ -146,7 +156,7 @@ export const SurvivalTuplesForm = (props: SurvivalTuplesFormProps) => {
                                                 onChange={checkedHandleSurvivalFormChanges}
                                                 loading={props.loading}
                                                 disabled={props.disabled}
-                                                placeholder='Column of time'
+                                                placeholder={intl.formatMessage({ id: 'survivalTuplesForm.timeColumn' })}
                                                 maxLength={30}
                                             />
                                         )
@@ -159,7 +169,7 @@ export const SurvivalTuplesForm = (props: SurvivalTuplesFormProps) => {
                                                 value={survivalColumn.time_column}
                                                 loading={props.loading}
                                                 disabled={props.disabled}
-                                                placeholder='Column of time'
+                                                placeholder={intl.formatMessage({ id: 'survivalTuplesForm.timeColumn' })}
                                                 onChange={(_, { name, value }) => handleChangeValueTuple(idx, name, value)}
                                             />
                                         )
@@ -182,7 +192,7 @@ export const SurvivalTuplesForm = (props: SurvivalTuplesFormProps) => {
                     >
                         <Icon name='plus' />
 
-                        Add survival tuple
+                        {intl.formatMessage({ id: 'survivalTuplesForm.addTuple' })}
                     </Button>
                 </Grid.Column>
             </Grid.Row>
diff --git a/src/frontend/static/frontend/src/faq.tsx b/src/frontend/static/frontend/src/faq.tsx
new file mode 100644
index 00000000..78f89215
--- /dev/null
+++ b/src/frontend/static/frontend/src/faq.tsx
@@ -0,0 +1,9 @@
+import React from 'react'
+import { createRoot } from 'react-dom/client'
+import { FAQ } from './components/faq/FAQ'
+
+const container = document.getElementById('faq-app')
+const root = createRoot(container!)
+
+// eslint-disable-next-line @stylistic/jsx-pascal-case
+root.render(<FAQ />)
diff --git a/src/frontend/static/frontend/src/locales/en.ts b/src/frontend/static/frontend/src/locales/en.ts
new file mode 100644
index 00000000..bbaa5f97
--- /dev/null
+++ b/src/frontend/static/frontend/src/locales/en.ts
@@ -0,0 +1,1407 @@
+export default {
+    // common actions
+    'common.cancel': 'Cancel',
+    'common.delete': 'Delete',
+    'common.stop': 'Stop',
+    'common.save': 'Save',
+    'common.close': 'Close',
+    'common.actions': 'Actions',
+    'common.confirm': 'Confirm',
+    'common.sample': 'Sample',
+    'common.goBack': 'Go back',
+    'common.search': 'Search',
+    'common.details': 'Details',
+    'common.noDetails': 'No details found',
+    'common.name': 'Name',
+    'common.description': 'Description',
+    'common.requiredField': 'Required field',
+    'common.model': 'Model:',
+    'common.date': 'Date',
+    'common.datasets': 'Datasets',
+    // common Labels
+    'common.algorithm': 'Algorithm',
+    'common.nClusters': 'Number of clusters',
+    'common.metric': 'Metric',
+    'common.scoringMethod': 'Scoring method',
+    'common.randomState': 'Random state',
+    'common.penalizer': 'Penalizer',
+    'common.integerPlaceholder': 'An integer number',
+    'common.numberOfIterations': 'Number of iterations',
+    'common.coefficient': 'Coefficient',
+    'common.table': 'Table',
+    // common Forms and steps
+    'common.basicData': 'Basic data',
+    'common.descriptionOptional': 'Description (optional)',
+    'common.continue': 'Continue',
+    'common.numberOfFolds': 'Number of folds',
+    // common Tables and states
+    'common.state': 'State',
+    'common.cluster': 'Cluster',
+    'common.relations': 'Relations',
+
+    // Auth/user
+    'auth.login': 'Log in',
+    'auth.greeting': 'Hi, {username}',
+    'auth.editProfile': 'Edit profile',
+    'auth.logout': 'Exit',
+
+    // Menús
+    'menu.analysis': 'Analysis',
+    'menu.gem': 'GEM',
+    'menu.gem.tooltip': 'Gene Expression Modulation',
+    'menu.biomarkers': 'Biomarkers',
+    'menu.datasets': 'Datasets',
+    'menu.multiomix': 'Multiomix',
+    'menu.cbioportal': 'cBioPortal',
+    'menu.institutions': 'Institutions',
+    'menu.admin': 'Admin',
+    'menu.admin.genes': 'Database: Genes',
+    'menu.about': 'About us',
+    'menu.faq': 'Frequently Asked Questions',
+    'menu.opensource': 'Open Source',
+
+    // About us
+    'about.description': 'Multiomix is the result of interdisciplinary work between members of the following scientific institutions:',
+    'about.institution.caeti': 'CAETI - Universidad Abierta Interamericana',
+    'about.institution.ciniba': 'CINIBA - Faculty of Medical Sciences - UNLP',
+    'about.institution.lidi': 'LIDI - Faculty of Informatics - UNLP',
+
+    'about.coordination': 'Project coordination:',
+
+    'about.members.title': 'Project members:',
+    'about.members.main': 'Main contributor:',
+    'about.members.collaborators': 'Collaborators:',
+
+    'about.contact.title': 'Contact:',
+    'about.contact.questions': 'For questions or suggestions please contact us:',
+    'about.contact.institutions': 'You can also contact us for creating your research institution. It will let researchers share datasets inside Multiomix.',
+
+    // BIOMARKERS
+    // 1.BiomarkerInferenceExperimentsPanel.tsx
+    'inference.experiment.title': 'Inference experiment "{name}"',
+    // 2.InferenceExperimentClinicalAttributeSelect.tsx label
+    'inference.clinicalAttribute.label': 'Group by clinical attribute',
+    'inference.clinicalAttribute.placeholder': 'Clinical attribute to group by',
+    // 3.InferenceExperimentResultMetrics.tsx
+    'inference.metrics.title': '"{name}" metrics',
+    'inference.model': 'Model',
+    // 5.InferenceExperimentsTable.tsx
+    'inference.stop.title': 'Stop inference experiment',
+    'inference.stop.confirm': 'Are you sure you want to stop the inference experiment "{name}"?',
+    'inference.stop.cancel': '{common.cancel}',
+    'inference.stop.button': '{common.stop}',
+
+    'inference.delete.title': 'Delete experiment',
+    'inference.delete.confirm': 'Are you sure you want to delete the inference experiment "{name}"?',
+    'inference.delete.cancel': '{common.cancel}',
+    'inference.delete.button': '{common.delete}',
+
+    'inference.table.title': 'Inference experiments',
+    'inference.table.columns.model': 'Model',
+    'inference.table.columns.dataset': 'Datasets',
+
+    'inference.search.placeholder': 'Search by name or description',
+
+    'inference.new.title': 'New inference experiment',
+    'inference.results.title': 'See results',
+    'inference.results.tooltip': 'View experiment results',
+    // 6.NewInferenceExperimentModal.tsx
+    'inference.newInference.title': 'Create new inference experiment',
+    'inference.new.step1': 'Step 1: Trained model',
+    'inference.new.step2': 'Step 2: molecules datasets',
+    // 7.SamplesAndGroupsInferenceTable.tsx
+    'inference.table.download.tooltip': 'Download results in a CSV file',
+    'inference.table.filter.cluster.placeholder': 'Filter by cluster',
+    'inference.table.addClusterLabels': 'Add Cluster labels',
+    // 8.SamplesAndTimeInferenceCharts.tsx
+    'inference.charts.noAttribute': 'No clinical attribute selected',
+    'inference.charts.selectAttribute': 'Please, select one in the right Select.',
+    // 9.SamplesAndTimeInferenceTable.tsx
+    'inference.timeTable.columns.predictedTime': 'Predicted time',
+    'inference.timeTable.filter.range.label': 'Range',
+    'inference.timeTable.filter.range.placeholder': 'Filter by range',
+    'inference.timeTable.menu.table': 'Table',
+    'inference.timeTable.menu.charts': 'Charts',
+    'inference.timeTable.menu.table.info': 'Table with all the samples and their predicted hazard/survival time',
+    'inference.timeTable.menu.charts.info': 'Shows some charts with the samples and their predicted hazard/survival time grouped by some condition',
+    'inference.timeTable.addRangeLabels': 'Add Range labels',
+    // 10.molecules/GeneOntologyCytoscapeChart.tsx
+    'geneOntology.form.ontologyType': 'Ontology type',
+    'geneOntology.form.generalDepth': 'General depth',
+    'geneOntology.form.hierarchicalDepth': 'Hierarchical depth to children',
+    'geneOntology.form.toRoot': 'To root',
+    'geneOntology.relation.hasPart': 'Has part',
+    'geneOntology.relation.isA': 'Is a',
+    'geneOntology.relation.partOf': 'Part of',
+    'geneOntology.relation.regulates': 'Regulates',
+    // 11.GeneOntologyPanel
+    'geneOntology.panel.filterType': 'Filter type',
+    'geneOntology.panel.filterType.intersection': 'Intersection',
+    'geneOntology.panel.filterType.union': 'Union',
+    'geneOntology.panel.filterType.enrichment': 'Enrichment',
+    'geneOntology.panel.pValueThreshold': 'P-value threshold',
+    'geneOntology.panel.correctionMethod': 'Correction method',
+    'geneOntology.panel.correctionMethod.analytical': 'Analytical',
+    'geneOntology.panel.correctionMethod.bonferroni': 'Bonferroni',
+    'geneOntology.panel.correctionMethod.falseDiscoveryRate': 'False discovery rate',
+    'geneOntology.panel.relationType': 'Relation type',
+    'geneOntology.panel.relationType.enables': 'Enables',
+    'geneOntology.panel.relationType.involvedIn': 'Involved in',
+    'geneOntology.panel.relationType.partOf': 'Part of',
+    'geneOntology.panel.relationType.locatedIn': 'Located in',
+    'geneOntology.panel.ontologyType': 'Ontology type',
+    'geneOntology.panel.ontologyType.biologicalProcess': 'Biological process',
+    'geneOntology.panel.ontologyType.molecularFunction': 'Molecular function',
+    'geneOntology.panel.ontologyType.cellularComponent': 'Cellular component',
+    'geneOntology.panel.table.term': 'Term',
+    'geneOntology.panel.table.ontologyType': 'Ontology type',
+    // 12.GENES.ActionableCancerGenesPanel.tsx
+    'actionableCancerGenes.panel.title': 'Actionable Cancer Genes Panel',
+    // 13.GeneAssociationsNetworkPanel
+    'geneAssociations.relation.fusion': 'Fusion',
+    'geneAssociations.relation.coOccurrence': 'Co-occurrence',
+    'geneAssociations.relation.experimental': 'Experimental',
+    'geneAssociations.relation.textMining': 'Text mining',
+    'geneAssociations.relation.database': 'Database',
+    'geneAssociations.relation.coExpression': 'Co-expression',
+    'geneAssociations.form.minCombinedScore': 'Min combined score',
+    'geneAssociations.infoPopup.text': 'The combined score is computed by combining the probabilities from the different evidence channels and corrected for the probability of randomly observing an interaction. For a more detailed description please see von Mering, et al. Nucleic Acids Res. 2005',
+    // 14.GeneInformation.tsx
+    'geneInformation.context.gene': 'for this gene',
+    'geneInformation.summary': 'Summary',
+    // 15.MetabolicPathwaysPanel.tsx
+    'metabolicPathways.infoPopup': 'List of genes that are involved in a pathway for a given database',
+    'metabolicPathways.header': 'Metabolic pathways',
+    'metabolicPathways.selectSource': 'Select a source',
+    'metabolicPathways.sourcePlaceholder': 'Source',
+    // 16.PathwaysInformation.tsx
+    'pathwaysInformation.context.gene': 'for this gene',
+    'pathwaysInformation.context.pathways': 'for this gene',
+    // 17.MethylationInformation.tsx
+    'methylationInformation.context.site': 'for this methylation site',
+    'methylationInformation.infoPopup.aliases': 'Methylation aliases and chromosome position',
+    'methylationInformation.header': 'Methylation Information',
+    'methylationInformation.chromosomePosition': 'Chr. Position:',
+    'methylationInformation.infoPopup.ucsc': 'List of islands related to the methylation site according to the UCSC database',
+    'methylationInformation.header.ucsc': 'UCSC CpG Islands',
+    'methylationInformation.table.cpgIsland': 'CpG Island',
+    'methylationInformation.table.relation': 'Relation',
+    'methylationInformation.infoPopup.genes': 'Genes related to this methylation site and the regions where the methylation site is located. These regions, according to the NCBI RefSeq database, can be: 5UTR=5\' untranslated region between the Transcription Start Site (TTS) and ATG start site, 3UTR=3\' untranslated region between the stop codon and poly A signal, exon_#, TSS200=1-200 bp 5\' the TSS, or TS1500=200-1500 bp 5\' of the TSS',
+    'methylationInformation.header.genes': 'Related genes',
+    'methylationInformation.table.gene': 'Gene',
+    'methylationInformation.table.regions': 'Regions',
+    // 18.CurrentMoleculeDetails.tsx
+    'currentMoleculeDetails.noSelection': 'No molecule selected',
+    'currentMoleculeDetails.selectOne': 'Select one in the left panel',
+    //  19.MoleculesDetailsMenu.tsx
+    'moleculesDetailsMenu.details.info': 'Details of {identifier} obtained from different standardized sources',
+    'moleculesDetailsMenu.geneAssociations': 'Gene associations network',
+    'moleculesDetailsMenu.geneAssociations.info': 'It shows the network of gene associations of the genes of this biomarker',
+    'moleculesDetailsMenu.geneOntology': 'Gene Ontology',
+    'moleculesDetailsMenu.geneOntology.info': 'Gene Ontology (GO) is a powerful tool for understanding the biological processes, molecular functions, and cellular components associated with a gene',
+    'moleculesDetailsMenu.diseases': 'Diseases',
+    'moleculesDetailsMenu.diseases.info': 'Interactions of the molecule with diseases that have been reported in the literature',
+    'moleculesDetailsMenu.drugs': 'Drugs',
+    'moleculesDetailsMenu.drugs.info': 'Interactions of the molecule with drugs that have been reported in the literature',
+    'moleculesDetailsMenu.miRNAGeneInteractions': 'miRNA-Gene interactions',
+    'moleculesDetailsMenu.miRNAGeneInteractions.info': 'Different miRNA-Gene interactions that have been reported in the literature along with the associated mirDIP score and Pubmed sources',
+    // 20.MoleculesTable.tsx
+    'moleculesTable.type.mrna': 'mRNA',
+    'moleculesTable.type.mirna': 'miRNA',
+    'moleculesTable.type.cna': 'CNA',
+    'moleculesTable.type.methylation': 'Methylation',
+    'moleculesTable.header.identifier': 'Identifier',
+    'moleculesTable.header.type': 'Type',
+    'moleculesTable.header.actions': 'Actions',
+    // 21.SamplesAndGroupsTable.tsx
+    'samplesAndGroupsTable.filter.cluster.placeholder': 'Filter by cluster',
+    // 22.StatisticalValidationResultBestFeatures.tsx
+    'statValidationBestFeatures.axis.molecule': 'Molecule',
+    'statValidationBestFeatures.context.features': 'significant features found for this statistical validation',
+    // 23.StatisticalValidationResultKaplanMeier.tsx
+    'kaplanMeier.axis.time': 'Time',
+    'kaplanMeier.axis.probability': 'Probability',
+    'kaplanMeier.info.coxRegression': 'These metrics are computed using Cox-Regression',
+    'kaplanMeier.header.clusteringMetrics': 'Clustering metrics',
+    'kaplanMeier.button.clusteringModel': 'Clustering model',
+    'kaplanMeier.button.groupByClinical': 'Group by clinical',
+    'kaplanMeier.select.clinicalAttribute': 'Clinical attribute to group by',
+    'kaplanMeier.metric.cIndex': 'C-Index',
+    'kaplanMeier.metric.partialLogLikelihood': 'Partial Log-Likelihood',
+    'kaplanMeier.button.seeSamplesAndClusters': 'See samples and clusters',
+    'kaplanMeier.modal.samplesAndClusters': 'Samples and clusters',
+    // 24.StatisticalValidationResultMetrics.tsx
+    'statValidationMetrics.header.metrics': 'metrics',
+    'statValidationMetrics.header.validationMetrics': 'Validation metrics',
+    'statValidationMetrics.metric.mse': 'MSE',
+    'statValidationMetrics.metric.r2Score': 'R2 score',
+    // 25.NewStatisticalValidationModal.tsx
+    'newStatValidation.header.create': 'Create new statistical validation',
+    'newStatValidation.step.trainedModel': 'Step 1: Trained model',
+    'newStatValidation.step.validationDatasets': 'Step 2: Validation datasets',
+    // 26.StatisticalValidationMenu.tsx
+    'statValidationMenu.bestFeatures': 'Most significant features',
+    'statValidationMenu.bestFeatures.info': 'Most significant features for the survival analysis',
+    'statValidationMenu.kaplanMeier': 'Kaplan-Meier',
+    'statValidationMenu.kaplanMeier.info': 'curve showing survival or hazard ratio',
+    'statValidationMenu.heatmap': 'Heatmap',
+    'statValidationMenu.heatmap.info': 'Heatmap for every sample and molecule',
+    // 27.StatisticalValidationsTable.tsx
+
+    'statValidationsTable.stopValidation.header': 'Stop statistical validation',
+    'statValidationsTable.stopValidation.confirm': 'Are you sure you want to stop the statistical validation {name}?',
+    'statValidationsTable.deleteValidation.header': 'Delete statistical validation',
+    'statValidationsTable.deleteValidation.confirm': 'Are you sure you want to delete the statistical validation {name}?',
+    'statValidationsTable.headerTitle': 'Statistical validations',
+    'statValidationsTable.headers.model': 'Model',
+    'statValidationsTable.headers.datasets': 'Datasets',
+    'statValidationsTable.headers.actions': 'Actions',
+    'statValidationsTable.newValidation': 'New statistical validation',
+    'statValidationsTable.actions.seeResults': 'See results',
+    'statValidationsTable.actions.stopValidation': 'Stop statistical validation',
+    'statValidationsTable.actions.deleteValidation': 'Delete statistical validation',
+    // 28.NewClusteringModelForm.tsx
+    'newClusteringForm.placeholder.algorithm': 'Select an algorithm',
+    'newClusteringForm.label.searchOptimalClusters': 'Search for the optimal number of clusters',
+    'newClusteringForm.info.nClusters': 'The number of clusters to group the data into. The optimal number can be found by looking for the elbow in the curve of the sum of squared distances between samples and their closest cluster center.',
+    'newClusteringForm.placeholder.metric': 'Select a metric',
+    'newClusteringForm.placeholder.scoringMethod': 'Select a method',
+    'newClusteringForm.info.algorithm': 'K-Means: Groups data by minimizing intra-cluster variance; effective for RNA and miRNA. Spectral Clustering: Uses graph-based similarity to identify complex patterns; ideal for methylation and CNA. BK-Means: A hierarchical variation of K-Means, suitable for layered clustering of clinical and multi-omics datasets. Ward’s Method: Minimizes variance in hierarchical clustering; well-suited for combining RNA and methylation data.',
+    'newClusteringForm.info.metric': 'Cox Regression: A proportional hazards model to identify associations between multi-omics features and clinical outcomes. Log-Rank Test: A non-parametric test to compare survival distributions; currently not available.',
+    'newClusteringForm.info.scoringMethod': 'C-Index: A measure of concordance between predicted and observed survival outcomes; higher values indicate better performance. Log Likelihood: The probability of observing the data given the model; lower values indicate better performance.',
+    'newClusteringForm.info.randomState': 'The seed used by the random number generator to ensure reproducibility.',
+    'newClusteringForm.info.penalizer': 'Useful when clinical data has few samples or events; increases robustness and avoids NaN values.',
+    // 29.NewRFModelForm.tsx
+    'newRFForm.label.searchOptimalTrees': 'Search for the optimal number of trees',
+    'newRFForm.info.searchOptimalTrees': 'This option is useful when the number of samples in the clinical data is small or there are few observed events; setting this value increases the robustness of the model in such cases, avoiding problems with NaN values.',
+    'newRFForm.label.maxDepth': 'Max depth',
+    'newRFForm.info.maxDepth': 'The maximum depth of the tree',
+    'newRFForm.info.randomState': 'Seed used by the random number generator',
+    'newRFForm.label.nEstimators': 'Number of trees',
+    'newRFForm.info.nEstimators': 'The number of trees (estimators) used in the Random Forest model.',
+    // 30.NewSVMModelForm.tsx
+    'newSVMForm.info.kernel.linear': 'Linear Kernel: Best for linearly separable data; commonly used for simple genomic or clinical feature classification.',
+    'newSVMForm.info.kernel.polynomial': 'Polynomial Kernel: Captures non-linear patterns; effective for complex relationships in multi-omics data.',
+    'newSVMForm.info.kernel.rbf': 'RBF Kernel: Maps data to a higher-dimensional space; ideal for handling non-linear separations in RNA and methylation analyses.',
+    'newSVMForm.placeholder.kernel': 'Select a kernel',
+    'newSVMForm.label.maxIterations': 'Max iterations',
+    'newSVMForm.info.maxIterations': 'The maximum number of iterations to be run',
+    'newSVMForm.info.randomState': 'Seed used by the random number generator',
+    // 31.NewTrainedModelModal
+    'newTrainedModelModal.header.create': 'Create new trained model',
+
+    'newTrainedModelModal.step1.trainingParameters': 'Step 1: Training parameters',
+    'newTrainedModelModal.step2.trainingDatasets': 'Step 2: Training datasets',
+
+    'newTrainedModelModal.header.selectModel': 'Select a new model to train',
+    'newTrainedModelModal.placeholder.selectModel': 'Select a model',
+    'newTrainedModelModal.header.selectModelParameters': 'Select model parameters',
+    'newTrainedModelModal.header.selectCVParameters': 'Select Cross Validation parameters',
+    'newTrainedModelModal.info.numberOfFolds': 'Defines the number of data splits for cross-validation; ensures robust model evaluation and prevents overfitting.',
+    // 32.BiomarkerTrainedModelsTable
+    'biomarkerTrainedModelsTable.header.stopTraining': 'Stop training',
+    'biomarkerTrainedModelsTable.confirm.stopTraining': 'Are you sure you want to stop the training of model {modelName}?',
+    'biomarkerTrainedModelsTable.button.stop': 'Stop',
+    'biomarkerTrainedModelsTable.header.deleteBiomarker': 'Delete Biomarker',
+    'biomarkerTrainedModelsTable.confirm.deleteBiomarker': 'Are you sure you want to delete the Biomarker {modelName}?',
+    'biomarkerTrainedModelsTable.header.trainedModels': 'Trained models',
+    'biomarkerTrainedModelsTable.header.model': 'Model',
+    'biomarkerTrainedModelsTable.header.bestCVMetric': 'Best CV metric',
+    'biomarkerTrainedModelsTable.header.datasets': 'Datasets',
+    'biomarkerTrainedModelsTable.header.actions': 'Actions',
+    'biomarkerTrainedModelsTable.filter.modelType': 'Model type',
+    'biomarkerTrainedModelsTable.button.newTrainedModel': 'New trained model',
+    'biomarkerTrainedModelsTable.search.placeholder': 'Search by name or description',
+    'biomarkerTrainedModelsTable.button.stopTrainedModel': 'Stop trained model',
+    'biomarkerTrainedModelsTable.button.deleteTrainedModel': 'Delete trained model',
+    'biomarkerTrainedModelsTable.button.deleteTrainedModelNotAllowed': 'Trained model cannot be deleted as it has related statistical validations and/or inference experiments',
+    // 33.ModelDetailsPanels
+    'modelDetails.general.bestFitnessValue': 'Best fitness value:',
+    'modelDetails.svm.task': 'Task:',
+    'modelDetails.rf.numberOfEstimators': 'Number of estimators:',
+    'modelDetails.rf.maxDepth': 'Max. depth:',
+    // 34.BiomarkerStateLabel
+    'biomarkerState.completed': 'The experiment is complete',
+    'biomarkerState.finishedWithError': 'The experiment has finished with errors. Try again',
+    'biomarkerState.waitingForQueue': 'The process of this experiment will start soon',
+    'biomarkerState.noSamplesInCommon': "Datasets don't have samples in common",
+    'biomarkerState.inProcess': 'The experiment is being processed',
+    'biomarkerState.stopping': 'The experiment is being stopped',
+    'biomarkerState.stopped': 'The experiment was stopped',
+    'biomarkerState.reachedAttemptsLimit': 'The experiment has failed several times. Try changing some parameters and try again',
+    'biomarkerState.noFeaturesFound': 'No features were found. Try changing some parameters and try again',
+    'biomarkerState.emptyDataset': 'After filtering out invalid values such as NaN or inf, there were no molecules or samples to make inference. Perhaps the requested molecules do not exist in the dataset, or all patients contain NaN or inf data. Try changing the dataset used or correct your data and try again.',
+    'biomarkerState.noValidMolecules': 'The dataset used has not enough molecules to compute the experiment (i.e.: has different molecules than the specified in the Biomarker). Select other dataset and try again',
+    'biomarkerState.numberOfSamplesFewerThanCvFolds': 'There is a less number of members of each class than the number of CrossValidation folds. We tried to set a lower split number but it still failed. Try selecting a larger dataset and try again',
+    'biomarkerState.timeoutExceeded': 'The analysis has reached the timeout limit. Try changing some parameters and try again',
+    // 35.SVMKernelTask
+    'svmTask.regression': 'Regression',
+    'svmTask.ranking': 'Ranking',
+    // 36.TrainedModelStateLabel
+    'trainedModelState.completed': 'The experiment is complete{cvModified, select, true { (number of CrossValidation folds were modified to be stratified)} false {}}',
+    'trainedModelState.finishedWithError': 'The experiment has finished with errors. Try again',
+    'trainedModelState.waitingForQueue': 'The process of this experiment will start soon',
+    'trainedModelState.noSamplesInCommon': "Datasets don't have samples in common",
+    'trainedModelState.inProcess': 'The experiment is being processed',
+    'trainedModelState.stopping': 'The experiment is being stopped',
+    'trainedModelState.stopped': 'The experiment was stopped',
+    'trainedModelState.reachedAttemptsLimit': 'The experiment has failed several times. Try changing some parameters and try again',
+    'trainedModelState.noFeaturesFound': 'No features were found. Try changing some parameters and try again',
+    'trainedModelState.noBestModelFound': 'No model could be obtained. Maybe there are fewer samples than number of folds in the CrossValidation or the data presents high collinearity. Try changing some parameters as penalizer or number of folds in the CV process and try again',
+    'trainedModelState.numberOfSamplesFewerThanCvFolds': 'There is a less number of members of each class than the number of CrossValidation folds. We tried to set a lower split number but it still failed. Try selecting a larger dataset and try again',
+    'trainedModelState.modelDumpNotAvailable': 'The Feature Selection process has finished correctly, but there was a problem obtaining the model. Try training a new model',
+    'trainedModelState.timeoutExceeded': 'The training process has reached the timeout limit. Try changing some parameters and try again',
+    'trainedModelState.emptyDataset': 'After filtering out invalid values such as NaN or inf, there were no molecules or samples to train the model. Perhaps the requested molecules do not exist in the dataset, or all patients contain NaN or inf data. Try changing the dataset used or correct your data and try again.',
+    // 37.BiomarkerTypeSelection
+    'biomarkerType.createNew': 'Create a new Biomarker',
+    'biomarkerType.chooseType': 'Choose type of Biomarker',
+    'biomarkerType.empty.title': 'Empty',
+    'biomarkerType.empty.description': 'Create an empty Biomarker. You can later add molecules or features (genes, microRNAs, DNA methylation, CNAs) that will make up the biomarker',
+    'biomarkerType.featureSelection.title': 'Feature Selection/ML',
+    'biomarkerType.featureSelection.description': 'As a starting point, you can select a previously discovered Biomarker, a well-known Biomarker, or a superset of genes that you would like to test. This method will select the molecular subset that fits the better prediction',
+    // 38.BBHAAdvanced
+    'bbha.numberOfStars': 'Number of stars',
+    'bbha.numberOfStars.info': 'Number of stars in the Binary Black Hole Algorithm. Each of these stars evaluates a different subset of features. Increasing this number increases the chances of evaluating the most optimal subset but delays more the result of the experiment',
+    'bbha.numberOfIterations.info': 'Number of iterations in the Binary Black Hole Algorithm. In each of the iterations, the fitness function for each of the stars with its corresponding subset of features is computed. Increasing this number allows to evaluate more combinations of features but delays more the result of the experiment',
+    'bbha.version': 'BBHA Version',
+    'bbha.version.original': 'The Original approach executes the original Binary Black Hole Algorithm as defined in',
+    'bbha.version.v2': 'Version 2 is an improved version defined in this',
+    'bbha.coefficientExplanation': 'Coefficient specified in the',
+    'bbha.useSpark': 'Try to optimize using Apache Spark',
+    'bbha.useSpark.info': 'If this option is enabled, the experiment will be executed (if possible) using Apache Spark to optimize execution times',
+    // 39.CoxRegressionAdvanced
+    'coxRegression.keepTopN': 'Keep top N',
+    'coxRegression.keepTopN.info': 'Maximum number of features to be retained after processing. The features are ordered in descending order by their coefficients, keeping the most significant ones first. If this value is left empty, all those whose coefficients are different from 0 will be retained',
+    // 40.GAAdvanced
+    'ga.populationSize': 'Population size',
+    'ga.populationSize.info': 'Number of candidate solutions (individuals or potential solutions) that coexist in each generation of the genetic algorithm. Increasing this number allows to evaluate more combinations of features but delays more the result of the experiment',
+    'ga.mutationRate': 'Mutation rate',
+    'ga.floatPlaceholder': 'A float number',
+    'ga.mutationRate.info': 'Determines the probability that a bit (binary digit) in a candidate solution will be altered or flipped randomly during the evolution process. This option introduces small random changes to explore new possibilities.',
+    'ga.numberOfIterations.info': 'Number of iterations in the Genetic Algorithms. In each of the iterations, the fitness function for each candidate solution with its corresponding subset of features is computed. Increasing this number allows to evaluate more combinations of features but delays more the result of the experiment',
+    'ga.useSpark': 'Try to optimize using Apache Spark',
+    'ga.useSpark.info': 'If this option is enabled, the experiment will be executed (if possible) using',
+    // 41.ClusteringPanel
+    'clustering.algorithm.placeholder': 'Clustering Algorithm',
+    // 42.RFPanel
+    'rf.numberOfEstimators': 'Number of estimators',
+    'rf.maxDepth': 'Maximum depth',
+    // 43.SVMPanel
+    'svm.kernel.placeholder': 'Select a Kernel',
+    // 44.FeatureSelectionForm
+    'featureSelection.fitnessFunction': 'Fitness function',
+    'featureSelection.searchOptimalClusters': 'Search for the optimal number of clusters (soon)',
+    'featureSelection.maxIterations': 'Max iterations',
+    // 45.FeatureSelectionStep1
+    'featureSelectionStep1.headerTitle': 'Biomarkers',
+    'featureSelectionStep1.searchPlaceholder': 'Search by name',
+    // 46.FeatureSelectionStep3
+    'featureSelectionStep3.blindSearch': 'Blind Search',
+    'featureSelectionStep3.expertMode': 'Expert mode',
+    'featureSelectionStep3.geneticAlgorithms': 'Genetic Algorithms',
+    // 47.CrossValidationInput
+    'crossValidation.integerPlaceholder': 'An integer number',
+    // 48.FeatureSelectionPanel
+    'featureSelectionPanel.tag': 'Tag',
+    'featureSelectionPanel.step1': 'Step 1',
+    'featureSelectionPanel.step2': 'Step 2: Datasets',
+    'featureSelectionPanel.step3': 'Step 3: Feature selection',
+    'featureSelectionPanel.selectBiomarker': 'Select biomarker',
+    'featureSelectionPanel.selectedBiomarker': 'Selected {biomarker}',
+    // 49.FeatureSelectionMenu
+    // 50.NewBiomarkerForm
+    'newBiomarkerForm.newBiomarker': 'New biomarker',
+    'newBiomarkerForm.cannotEditMolecules': 'Cannot edit molecules',
+    'newBiomarkerForm.cannotEditMoleculesDescription': 'This biomarker contains associated models and validations, so its molecules cannot be modified. To change its molecules consider cloning this biomarker and working with its copy.',
+    'newBiomarkerForm.selectMolecule': 'Select molecule',
+    'newBiomarkerForm.invalidMoleculesWarning': 'Some molecules (in orange) from the panels were not found in our database.',
+    'newBiomarkerForm.ambiguousMoleculesWarning': 'There are ambiguous molecules (in yellow). Please select the appropriate ones in the panels.',
+    'newBiomarkerForm.ignoreMoleculesWarnings': 'Ignore molecules with warnings',
+    'newBiomarkerForm.ignoreMoleculesInfo': 'This message does not indicate an error in your data, but that these molecules were not found during validation. This may be due to outdated data or different nomenclatures. If you are sure there are no corrections to be made and wish to continue saving the biomarker, check the box to enable submission.',
+    'newBiomarkerForm.sendForm': 'Send form',
+    'newBiomarkerForm.resetForm': 'Reset form',
+    'newBiomarkerForm.resetFormDescription': 'You are going to reset the form and clean all the inserted data.',
+    // 51.SelectDropDownSingleMolecule
+    'selectDropDownSingleMolecule.selectMolecules': 'Select molecules',
+    'selectDropDownSingleMolecule.noResults': 'Molecule not found',
+    'selectDropDownSingleMolecule.ignoreAlias': "Don't use proposed alias",
+    'selectDropDownSingleMolecule.ignoreAliasInfo': 'If checked, the molecule will be added to the biomarker with the name found in the query.',
+    'selectDropDownSingleMolecule.searchInfo': 'This search engine will display molecules starting with the search criteria and, if necessary, the validated alias found in our database. The latter will be added to the biomarker. If you want to enter the molecule as it was found, check the box below.',
+    // 52.TextAreaMolecules
+    'textAreaMolecules.insertMolecules': 'Insert molecules',
+    // 53.BiomarkerDetailsMenu
+    'biomarkerDetailsMenu.moleculesDetails': 'Molecules details',
+    'biomarkerDetailsMenu.moleculesDetailsInfo': 'Details of the molecules that make up the biomarker',
+    'biomarkerDetailsMenu.trainedModels': 'Trained models',
+    'biomarkerDetailsMenu.trainedModelsInfo': 'Panel to list and train Machine Learning models from genomic and epigenomic information. These models allow statistical validation of the prognostic/predictive power of the biomarker or inference on new data.',
+    'biomarkerDetailsMenu.statisticalValidations': 'Statistical validations',
+    'biomarkerDetailsMenu.statisticalValidationsInfo': 'Perform statistical validations from previously trained Machine Learning models.',
+    'biomarkerDetailsMenu.inference': 'Inference',
+    'biomarkerDetailsMenu.inferenceInfo': 'Perform inference on new genomic and epigenomic data from previously trained Machine Learning models.',
+    'biomarkerDetailsMenu.featureSelectionSummary': 'Feature Selection summary',
+    'biomarkerDetailsMenu.featureSelectionSummaryInfo': 'Feature Selection process details.',
+    // 54.BiomarkerOriginLabel
+    'biomarkerOriginLabel.manual': 'Manual',
+    'biomarkerOriginLabel.featureSelection': 'Feature Selection',
+    // 55.SharedInstitutionsBiomarker.tsx
+    'sharedInstitutionsBiomarker.header': 'Shared institutions',
+    'sharedInstitutionsBiomarker.selectPlaceholder': 'Select an institution to share',
+    'sharedInstitutionsBiomarker.addInstitution': 'Add institution',
+    'sharedInstitutionsBiomarker.removeInstitution': 'Remove institution',
+    'sharedInstitutionsBiomarker.confirm.share.header': 'Share biomarker',
+    'sharedInstitutionsBiomarker.confirm.share.content': 'Are you sure you want to share this biomarker with the selected institution?',
+    'sharedInstitutionsBiomarker.confirm.stopShare.header': 'Stop sharing with institution',
+    'sharedInstitutionsBiomarker.confirm.stopShare.content': 'Are you sure you want to stop sharing this biomarker with this institution?',
+    'sharedInstitutionsBiomarker.users.title': '{institutionName} users',
+    'sharedInstitutionsBiomarker.users.column': 'User name',
+    'sharedInstitutionsBiomarker.users.searchPlaceholder': 'Search by user name',
+    // 56.SharedUsersBiomarker.tsx
+    'sharedUsersBiomarker.header': 'Shared users',
+    'sharedUsersBiomarker.selectPlaceholder': 'Select a user to share',
+    'sharedUsersBiomarker.addUser': 'Add user',
+    'sharedUsersBiomarker.removeUser': 'Remove user',
+    'sharedUsersBiomarker.confirm.share.header': 'Share biomarker',
+    'sharedUsersBiomarker.confirm.share.content': 'Are you sure you want to share this biomarker with the selected user?',
+    'sharedUsersBiomarker.confirm.stopShare.header': 'Stop sharing with user',
+    'sharedUsersBiomarker.confirm.stopShare.content': 'Are you sure you want to stop sharing this biomarker with this user?',
+    // 58.NewCGDSDatasetForm
+    'cgdsDatasetForm.filePath.placeholder': 'File Path',
+    'cgdsDatasetForm.separator.placeholder': 'Select separator',
+    'cgdsDatasetForm.separator.label': 'Separator',
+    'cgdsDatasetForm.separator.comma': 'Comma',
+    'cgdsDatasetForm.separator.semicolon': 'Semicolon',
+    'cgdsDatasetForm.separator.tab': 'Tab',
+    'cgdsDatasetForm.separator.colon': 'Colon',
+    'cgdsDatasetForm.separator.whitespace': 'White space',
+    'cgdsDatasetForm.observation.placeholder': 'Observation',
+    'cgdsDatasetForm.headerIndex.placeholder': 'Header Row Index (0 indexed)',
+    'cgdsDatasetForm.headerIndex.help': 'Row indexes are 0-indexed',
+    'cgdsDatasetForm.mongoName.placeholder': "Mongo Collection's name",
+    'cgdsDatasetForm.icon.add': 'Add dataset',
+    'cgdsDatasetForm.icon.remove': 'Remove dataset',
+    // 59.NewCGDSStudyForm
+    'cgdsStudyForm.header': 'Add specification of CGDS Study',
+    'cgdsStudyForm.url.placeholder': 'URL (tar.gz/zip)',
+    'cgdsStudyForm.urlInfo.placeholder': 'URL of extra info',
+    'cgdsStudyForm.datasets.header': 'CGDS Datasets',
+    'cgdsStudyForm.dataset.methylation': 'Methylation',
+    'cgdsStudyForm.dataset.clinicalPatients': 'Clinical Patients',
+    'cgdsStudyForm.dataset.clinicalSamples': 'Clinical Samples',
+    'cgdsStudyForm.requiredField': 'Required field',
+    'cgdsStudyForm.syncWarning': 'In order to have the data available, you must perform the synchronization at least once',
+    'cgdsStudyForm.addStudy': 'Add study',
+    'cgdsStudyForm.editStudy': 'Edit study',
+    // 60.BoxplotsCommons
+    'boxPlotTooltip.min': 'Min',
+    'boxPlotTooltip.firstQuartile': 'First quartile',
+    'boxPlotTooltip.median': 'Median',
+    'boxPlotTooltip.thirdQuartile': 'Third quartile',
+    'boxPlotTooltip.max': 'Max',
+    'boxPlotTooltip.mean': 'Mean',
+    'boxPlotTooltip.outliers': 'Outliers (using MAD)',
+    // 61.ClusterLabelsSetsModal
+    'clusterLabelsSetsModal.header': 'Cluster labels sets',
+    'clusterLabelsSetsModal.newClusterModel': 'New Cluster model',
+    'clusterLabelsSetsModal.searchPlaceholder': 'Search by name or description',
+    // 62.NewClusterLabelsSetModal
+    'newClusterLabelsSetModal.header': 'New Cluster labels set',
+    'newClusterLabelsSetModal.labelsHeader': 'Labels',
+    'newClusterLabelsSetModal.clusterId': 'Cluster ID',
+    'newClusterLabelsSetModal.label': 'Label',
+    'newClusterLabelsSetModal.addLabel': 'Add label',
+    'newClusterLabelsSetModal.deleteLabel': 'Delete label',
+    'newClusterLabelsSetModal.color': 'Color',
+    // 63.NewPredictionRangeLabelsSetModal
+    'newPredictionRangeLabelsSetModal.header': 'New Cluster labels sets',
+    'newPredictionRangeLabelsSetModal.subHeader': 'New PredictionRangeLabelsSet',
+    'newPredictionRangeLabelsSetModal.labelsHeader': 'Labels',
+    'newPredictionRangeLabelsSetModal.minValue': 'Min value',
+    'newPredictionRangeLabelsSetModal.maxValue': 'Max value',
+    'newPredictionRangeLabelsSetModal.label': 'Label',
+    'newPredictionRangeLabelsSetModal.deleteLabel': 'Delete label',
+    'newPredictionRangeLabelsSetModal.addLabel': 'Add label',
+    'newPredictionRangeLabelsSetModal.color': 'Color',
+    'newPredictionRangeLabelsSetModal.error.maxValue': 'Max value must be greater than min value',
+    'newPredictionRangeLabelsSetModal.error.overlap': 'Ranges overlaps with label "{label}" (position {position})',
+    // 64.PredictionRangeLabelsSetModal
+    'predictionRangeLabelsSetModal.header': 'Prediction range labels sets',
+    'predictionRangeLabelsSetModal.newModel': 'New prediction range labels set',
+    'predictionRangeLabelsSetModal.searchPlaceholder': 'Search by name or description',
+    // 65.PredictionRangeLabelsSetSelect
+    'predictionRangeLabelsSetSelect.label': 'Use a range label',
+    'predictionRangeLabelsSetSelect.placeholder': 'Use range labels',
+    // 66.EditIcon.tsx
+    'common.edit': 'Edit',
+    // 67.PaginatedTable.tsx
+    'paginatedTable.loading': 'Loading...',
+    'paginatedTable.searchLabel': 'Name/Description',
+    'paginatedTable.entries': 'Entries',
+    // 68.SourceSelectors.tsx
+    'sourceSelectors.clinicalProfile': 'Clinical profile',
+    'sourceSelectors.mRNAProfile': 'mRNA profile',
+    'sourceSelectors.mirnaProfile': 'Mirna profile',
+    'sourceSelectors.cnaProfile': 'CNA profile',
+    'sourceSelectors.methylationProfile': 'Methylation profile',
+    // 69.SwitchPublicButton.tsx
+    'switchPublicButton.makePrivate': 'Make {nameEntity} private',
+    'switchPublicButton.makePublic': 'Make {nameEntity} public',
+    'switchPublicButton.confirmMakePrivate': 'Are you sure to make the {nameEntity} private?',
+    'switchPublicButton.confirmMakePublic': 'Are you sure to make the {nameEntity} public?',
+    // 70.TableCellSources.tsx
+    'tableCellSources.downloadClinical': 'Download source clinical file',
+    'tableCellSources.downloadMrna': 'Download source mRNA file',
+    'tableCellSources.downloadMirna': 'Download source miRNA file',
+    'tableCellSources.downloadCna': 'Download source CNA file',
+    'tableCellSources.downloadMethylation': 'Download source methylation file',
+    // 71.TagForm.tsx
+    'tagForm.newTag': 'New tag',
+    // 72.TagLabel.tsx
+    'tagLabel.noTagAssigned': 'No tag assigned',
+    // 73.TryAgainSegment.tsx
+    'tryAgainSegment.message': 'Something went wrong, please try again',
+    'tryAgainSegment.button': 'Try Again',
+    // 74.DifferentialExpressionForm.tsx
+    'differentialExpressionForm.header': 'New Differential Expression',
+    'differentialExpressionForm.samplesMRNA': 'Samples mRNA: {count}',
+    'differentialExpressionForm.samplesClinical': 'Samples clinical: {count}',
+    'differentialExpressionForm.samplesInCommon': 'Samples in common: {count}',
+    'differentialExpressionForm.thresholdPercentile': 'Threshold percentile: {value}',
+    'differentialExpressionForm.thresholdPercentile.info': 'Percentile threshold for filtering low-expression genes (default 0.15)',
+    'differentialExpressionForm.thresholdStd': 'Threshold std: {value}',
+    'differentialExpressionForm.thresholdStd.info': 'Variance threshold for gene filtering (default 1e-4)',
+    'differentialExpressionForm.top': 'Top: {value}',
+    'differentialExpressionForm.top.info': 'Most significant number of genes to keep as result',
+    'differentialExpressionForm.editExperiment': 'Edit experiment',
+    'differentialExpressionForm.createExperiment': 'Create experiment',
+    'differentialExpressionForm.cancelEdit': 'Cancel edit',
+    'differentialExpressionForm.resetForm': 'Reset form',
+    'differentialExpressionForm.successCreated': 'Differential Expression experiment created successfully!',
+    'differentialExpressionForm.successUpdated': 'Differential Expression experiment updated successfully!',
+    'differentialExpressionForm.errorCreating': 'Error creating Differential Expression experiment!',
+    'differentialExpressionForm.errorUpdating': 'Error to update Differential Expression experiment!',
+    // 75.DifferentialExpressionInputClinicalAttribute.tsx
+    'differentialExpressionInputClinicalAttribute.label': 'Group by clinical attribute',
+    'differentialExpressionInputClinicalAttribute.placeholder': 'Clinical attribute to group by',
+    // 76.DifferentialExpressionModalResults.tsx
+    'differentialExpressionModalResults.header': 'Differential Expression Analysis Results - {name}',
+    'differentialExpressionModalResults.tab.volcanoPlot': 'Volcano Plot',
+    // 77.DifferentialExpressionModalResultsTableView.tsx
+    'diffExpResultsTable.logFoldThreshold': 'Log Fold threshold',
+    'diffExpResultsTable.headerTitle': 'Differential Expression Results',
+    'diffExpResultsTable.noLogFold': 'No Log Fold filter',
+    'diffExpResultsTable.pValueThreshold': 'P-value threshold',
+    'diffExpResultsTable.noPValue': 'No P-value filter',
+    'diffExpResultsTable.gene': 'Gene',
+    'diffExpResultsTable.adjPValue': 'Adjusted p-value',
+    'diffExpResultsTable.avgExpression': 'Average expression',
+    'diffExpResultsTable.bStatistic': 'B statistic',
+    'diffExpResultsTable.logFoldChange': 'Log Fold Change',
+    'diffExpResultsTable.pValue': 'P-value',
+    'diffExpResultsTable.tStatistic': 'T statistic',
+    'diffExpResultsTable.downloadCSV': 'Download results in a CSV file',
+    'diffExpResultsTable.searchPlaceholder': 'Search by gene',
+    // 78.DifferentialExpressionModalResultsVolcanoPlot
+    'differentialExpression.volcanoPlot.title': 'Volcano Plot',
+    'differentialExpression.volcanoPlot.fcThreshold': '|log2FC| threshold',
+    'differentialExpression.volcanoPlot.pValueThreshold': 'p-value threshold',
+    'differentialExpression.volcanoPlot.showThresholds': 'Show thresholds',
+    // 79.DifferentialExpressionPanel
+    'differentialExpression.panel.noMethod': 'No method',
+    'differentialExpression.panel.selectMethod': 'Select an existing method',
+    'differentialExpression.panel.method': 'Method',
+    'differentialExpression.panel.headerTitle': 'Differential Expressions Analyses',
+    'differentialExpression.panel.nameDescription': 'Name/Description',
+    'differentialExpression.panel.searchByNameDescription': 'Search by name/description',
+    'differentialExpression.panel.stopSuccess': 'Differential Expression experiment stopped successfully!',
+    'differentialExpression.panel.stopError': 'Error stopping Differential Expression experiment!',
+    'differentialExpression.panel.deleteSuccess': 'Differential Expression experiment deleted successfully!',
+    'differentialExpression.panel.deleteError': 'Error deleting Differential Expression experiment!',
+    'differentialExpression.panel.downloadMrnaSource': 'Download source mRNA file',
+    'differentialExpression.panel.downloadClinicalSource': 'Download Clinical source file',
+    'differentialExpression.panel.publicVisible': 'All users of the platform can see this experiment',
+    'differentialExpression.panel.publicHidden': 'If this is checked all the users in the platform can see (but not edit or remove) this element',
+    'differentialExpression.panel.seeResults': 'See results',
+    'differentialExpression.panel.stopExperiment': 'Stop experiment',
+    'differentialExpression.panel.stopExperimentTitle': 'Stop Experiment',
+    'differentialExpression.panel.stopExperimentConfirm': 'Are you sure to stop experiment?',
+    'differentialExpression.panel.deleteExperiment': 'Delete experiment',
+    // 80.Volcano Plot
+    'differentialExpression.volcanoPlot.significant': 'Significant',
+    'differentialExpression.volcanoPlot.notSignificant': 'Not Significant',
+    'differentialExpression.volcanoPlot.logFoldChange': 'log2(Fold Change)',
+    'differentialExpression.volcanoPlot.logPValue': '-log10(P-value)',
+    // 81.FAQ
+    'faq.pageTitle': 'Frequently Asked Questions',
+    'faq.whatIs.question': 'What is Multiomix?',
+    'faq.whatIs.answer': 'Multiomix is a cloud-based, open-source platform for investigating genomic and epigenomic events associated with the modulation of gene expression, with a focus on biomarker discovery and multi-omic analysis in cancer. It integrates data retrieval, aggregation, analysis, and visualization functions for both public and user-uploaded data.',
+    'faq.whatIs.link': 'Paper',
+    'faq.analysisTypes.question': 'What kind of analysis can I do in Multiomix?',
+    'faq.analysisTypes.answer': 'Multiomix allows you to run correlation analyses between mRNA and other non-mRNA omic layers, particularly miRNA, DNA methylation, and CNA. It also includes survival analysis, statistical validations, model training, and inference on new datasets. In terms of biomarkers, the platform enables identifying, managing, and evaluating signatures composed of different omic variables, exploring their prognostic or predictive value, training models on those biomarkers, and reusing them for validation and inference on new cohorts.',
+    'faq.pipelines.question': 'What main pipelines and statistical methods does the platform offer?',
+    'faq.pipelines.p1': 'The platform provides three core pipelines: miRNA-mRNA, DNA methylation-mRNA, and CNA-mRNA. In these workflows, users select datasets, filters, correlation method, and p-value adjustment, then explore results alongside clinical and follow-up information.',
+    'faq.pipelines.p2': 'For correlation, Multiomix supports Pearson, Spearman, and Kendall. For multiple testing correction, it supports Benjamini-Hochberg, Benjamini-Yekutieli, and Bonferroni, among others. Survival analyses such as Kaplan-Meier and Log-rank are also included to estimate the biological impact of detected events.',
+    'faq.pipelines.p3': 'A dedicated panel for biomarker management, optimization, and evaluation supports biomarkers composed of mRNA, miRNA, CNA, and methylation sites. It allows training clustering, Survival SVM, and Random Survival Forest models to assess prognostic or predictive power, and reusing already trained models for new validations and inferences without retraining from scratch. For existing biomarkers, the platform also offers optimization through multiple feature selection methods.',
+    'faq.uploadData.question': 'Can I upload my own data?',
+    'faq.uploadData.answer': 'Yes. Multiomix allows you to upload your own datasets in a validated manner, with format and consistency checks. It also offers batch uploads for large datasets and an interactive table with filters, search, pagination, sorting, and tagging to manage your data.',
+    'faq.datasetsPublic.question': 'Does Multiomix include ready-to-use public data?',
+    'faq.datasetsPublic.answer': 'Yes. The platform includes preloaded datasets retrieved programmatically from cBioPortal. This allows you to work with both public and private data in the same environment.',
+    'faq.datasetsPreprocessing.question': 'How are cBioPortal datasets incorporated and preprocessed?',
+    'faq.datasetsPreprocessing.p1': 'Datasets from cBioPortal are synchronized regularly to ensure data consistency. If there is an update that we miss, users can contact us directly. Duplicate molecules are removed to keep the dataset clean. Samples without information for a given molecule in a biomarker are excluded from trained models, statistical validations, feature selection experiments, and inference steps.',
+    'faq.datasetsPreprocessing.p2': 'Clinical data also undergo preprocessing: cases with NaN, empty or Null values are filtered out. Additionally, cases with an event but survival time equal to zero are excluded (pending clarification from cBioPortal).',
+    'faq.expertise.question': 'Is Multiomix only for expert bioinformaticians?',
+    'faq.expertise.answer': 'Not necessarily. Multiomix was designed to lower technical barriers and provide an accessible experience for non-expert users as well, without sacrificing analytical rigor. Its goal is to bring biomarker discovery closer to a broader range of research profiles through a friendly interface, clear documentation, and usage guides, within an open and technology-democratization-oriented approach.',
+    'faq.performance.question': 'What makes Multiomix different in terms of correlation analysis performance?',
+    'faq.performance.answer': 'For large-scale correlation analysis, Multiomix developed its own tool called GGCA, implemented in Rust to improve performance and memory usage.',
+    'faq.metaheuristics.question': 'How does Multiomix accelerate metaheuristic execution for feature selection?',
+    'faq.metaheuristics.answer': 'Multiomix incorporates distributed computing optimizations over Apache Spark to accelerate the evaluation of metaheuristic agents in feature selection processes. It also includes internally developed distribution strategies designed to maximize the use of available resources and achieve the best possible performance.',
+    'faq.metaheuristics.link': 'Source',
+    'faq.integrations.question': 'What ecosystem tools does Multiomix integrate with?',
+    'faq.integrations.answer': 'Multiomix relies on BioAPI and Modulector for part of its functionality. Both platforms act as abstraction layers for standardized access to biological data. BioAPI exposes gene nomenclature, expression, and pathway information through a REST API, while Modulector centralizes miRNA, gene, and methylation site data, and offers services related to PubMed evidence and news.',
+    'faq.technologies.question': 'What technologies does Multiomix use internally?',
+    'faq.technologies.answer': 'Multiomix is built as a Python/Rust web application. It uses Django on the backend, React with TypeScript on the frontend, PostgreSQL for annotations, MongoDB for preloaded datasets, and Redis/WebSocket for asynchronous execution and notifications. Celery is used for task queues, with dependencies on Modulector and BioAPI.',
+    'faq.privacy.question': 'How is user-uploaded data privacy handled?',
+    'faq.privacy.answer': 'Uploaded data is securely stored and only accessible to the uploading user. Once deleted, the data is permanently removed from our servers and cannot be recovered. No third parties have access to private user data.',
+    'faq.installation.question': 'Can I install Multiomix locally?',
+    'faq.installation.answer': 'Yes. Multiomix can be deployed locally and its official repository includes installation and development instructions, as well as support for quick deployments with Docker and complementary installation of BioAPI and Modulector. The project is distributed under the GPL-3.0 license, which promotes transparency, source code access, adaptability to specific needs, and open community collaboration.',
+    'faq.licenses.question': 'Libraries and tools with Licenses',
+    'faq.licenses.answer': 'For legal and transparency reasons, we provide a list of third-party libraries and tools used in this platform, along with their respective licenses. This ensures compliance and acknowledgment of the open-source community contributions that power our ecosystem.',
+    'faq.footer.links.siteMap': 'Site Map',
+    'faq.footer.links.contact': 'Contact Us',
+    'faq.footer.links.terms': 'Terms and Conditions',
+    'faq.footer.links.privacy': 'Privacy Policy',
+    // 82.FilesManager
+    'files.manager.title': 'File Manager',
+    'files.manager.input.label': 'Add a new file',
+    'files.manager.table.name': 'Name',
+    'files.manager.table.description': 'Description',
+    'files.manager.table.type': 'Type',
+    'files.manager.table.date': 'Date',
+    'files.manager.table.institutions': 'Institutions',
+    'files.manager.table.tag': 'Tag',
+    'files.manager.table.public': 'Public',
+    'files.manager.table.actions': 'Actions',
+    'files.manager.filter.tag.placeholder': 'Select existing Tag',
+    'files.manager.filter.visibility.all': 'All',
+    'files.manager.filter.visibility.private': 'Private',
+    'files.manager.search.placeholder': 'Search by name',
+    'files.manager.delete.tag.title': 'Delete tag',
+    'files.manager.delete.tag.confirm': 'Are you sure you want to delete the Tag "{tagName}"?',
+    'files.manager.delete.file.title': 'Delete file',
+    'files.manager.delete.file.confirm': 'Are you sure you want to delete the file {fileName}?',
+    'files.manager.delete.file.warning.clinical': 'This file will be UNLINKED from all the associated experiments',
+    'files.manager.delete.file.warning.default': 'All the associated experiments to this file will be DELETED',
+    'files.manager.upload.unloadWarning': 'A file is being uploaded. If you close the tab the upload will be canceled.',
+    'files.manager.error.invalidFormat': 'The file has an incorrect format: all columns except the index must be numerical data',
+    'files.manager.tooltip.sharedWith': 'This dataset is shared with {list}',
+    'files.manager.tooltip.publicVisible': 'All users of the platform can see this file',
+    'files.manager.tooltip.privateVisibility': 'If this is checked all the users in the platform can see (but not edit or remove) this element',
+    'files.manager.tooltip.indexColumn': 'The column "{columnName}" will be used as index',
+    'files.manager.tooltip.edit': 'Edit',
+    'files.manager.tooltip.download': 'Download file',
+    'files.manager.tooltip.nanWarning': 'The dataset contains NaN values',
+    // 83.InstitutionsDropdown
+    'institutionsDropdown.placeholder': 'Institutions (optional)',
+    'institutionsDropdown.label': 'Institutions',
+    // 84.NewFileForm
+    'newFileForm.uploadingFile': 'Uploading file',
+    'newFileForm.uploadingFile.description': 'The file is being uploaded in chunks',
+    'newFileForm.checkingFile': 'Checking file',
+    'newFileForm.checkingFile.description': 'We perform a series of checks to ensure that the data received on our server is correct',
+    'newFileForm.processing.warning': 'Please note that this process may take a few minutes depending on the size of the file. You can still use Multiomix from another browser tab. Thanks for your patience.',
+    'newFileForm.editing': 'Editing...',
+    'newFileForm.datasets.title': 'Datasets',
+    'newFileForm.datasets.description': 'In this form you can submit your own datasets. It will be pre-processed and will be available to launch new experiments or share with colleagues from the institutions to which you belong',
+    'newFileForm.importantConsiderations': 'Important considerations',
+    'newFileForm.dataset.header': 'First row must be a header',
+    'newFileForm.dataset.index': 'First column must be the index, the rest the samples expression data',
+    'newFileForm.dataset.acceptedFiles': 'CSV, TSV or TXT files are accepted. Excel files will be supported in a near future',
+    'newFileForm.dataset.delimiters': 'The column and decimal delimiters will be inferred from the data',
+    'newFileForm.datasetFormat': 'Dataset format',
+    'newFileForm.filename.placeholder': 'Filename',
+    'newFileForm.fileType.placeholder': 'File type',
+    'newFileForm.geneId': 'Gene ID',
+    'newFileForm.cpgSiteId': 'CpG site ID',
+    'newFileForm.platform450': 'Platform 450',
+    'newFileForm.platform27': 'Platform 27',
+    'newFileForm.tag.placeholder': 'Tag (optional)',
+    'newFileForm.uploadWarning': 'Note: the upload time is subject to the size of the file',
+    'newFileForm.upload': 'Upload',
+    'newFileForm.clearForm': 'Clear the form',
+    // 85.TagsPanel
+    'tagsPanel.editTag': 'Edit tag',
+    'tagsPanel.deleteTag': 'Delete tag',
+    'tagsPanel.filteredByTag': 'The results are filtered by this tag',
+    'tagsPanel.myTags': 'My Tags',
+    // 86.Homepage
+    'homepage.headerTitle': 'Cloud-based platform to infer cancer genomic and epigenomic events associated with gene expression modulation',
+    'homepage.getStarted': 'Get Started',
+    'homepage.tutorials': 'Tutorials',
+    'homepage.logoAlt': 'Multiomix logo',
+    'homepage.empoweringBioinformatics': 'Empowering bioinformatics',
+    'homepage.description1': 'Multiomix is an interactive cloud platform that allows biologists to identify genetic and epigenetic events associated with the transcriptional modulation of cancer-related genes through the analysis of multi-omics data available on public or private functional genomic databases.',
+    'homepage.description2': 'Briefly, Multiomix combines a user-friendly GUI, an integrated set of functions for data retrieval, aggregation, and storage of multi-omics data with three predefined pipelines that allow the identification of:',
+    'homepage.pipeline.mirna': 'Genes post-transcriptionally modulated by microRNAs (miRNA pipeline)',
+    'homepage.pipeline.methylation': 'Genes transcriptionally silenced by promoter hyper-methylation (Methylation pipeline)',
+    'homepage.pipeline.cna': 'Genes/Chromosome regions of potential focal amplification and over-expression (CNA pipeline)',
+    'homepage.analysisAlt': 'analysis',
+    'homepage.getInvolved': 'Get involved!',
+    'homepage.openSourceDescription': 'Multiomix is a free and open-source platform hosted on Github. If you are a developer and want to contribute any kind of help is welcome and appreciated. Feel free to submit an issue or make a Pull Request!',
+    'homepage.source': 'Source',
+    // 87.InstitutionForm
+    'institutionForm.updated': 'Institution {name} updated!',
+    'institutionForm.created': 'Institution {name} created!',
+    'institutionForm.error': 'Error creating an institution!',
+    'institutionForm.namePlaceholder': 'Institution name',
+    'institutionForm.locationPlaceholder': 'Institution location',
+    'institutionForm.emailPlaceholder': 'Institution email',
+    'institutionForm.phonePlaceholder': 'Institution phone number',
+    'institutionForm.editInstitution': 'Edit institution',
+    'institutionForm.createInstitution': 'Create institution',
+    'institutionForm.cancelEdit': 'Cancel edit',
+    'institutionForm.resetForm': 'Reset form',
+    // 88.InstitutionModal
+    'institutionModal.userIsAdmin': 'User is admin!',
+    'institutionModal.userIsNotAdmin': 'User is not admin!',
+    'institutionModal.switchRoleError': 'Error switching role!',
+    'institutionModal.selectUser': 'Select a user to add',
+    'institutionModal.addUserInstitution.title': 'Add user to institution',
+    'institutionModal.addUserInstitution.confirm': 'Are you sure you want to add the user to the institution?',
+    'institutionModal.addUser': 'Add user',
+    'institutionModal.usersTitle': '{institutionName} users',
+    'institutionModal.userName': 'User name',
+    'institutionModal.admin': 'Admin',
+    'institutionModal.institutionAdmin': 'Institution admin',
+    'institutionModal.nonInstitutionAdmin': 'Non Institution admin',
+    'institutionModal.switchToNonAdmin': 'Switch to non Institution admin',
+    'institutionModal.switchToAdmin': 'Switch to Institution admin',
+    'institutionModal.manageAdmin': 'Manage admin',
+    'institutionModal.removeAdminConfirm': 'Are you sure you want to remove admin privileges from the user?',
+    'institutionModal.makeAdminConfirm': 'Are you sure you want to make the user admin?',
+    'institutionModal.removeUser': 'Remove user',
+    'institutionModal.removeUserConfirm': 'Are you sure you want to remove the user?',
+    'institutionModal.removeUserFromInstitution': 'Remove user from institution',
+    'institutionModal.searchPlaceholder': 'Search by User name',
+    // 89.InstitutionsPanel
+    'institutionsPanel.header': 'My institutions',
+    'institutionsPanel.header.info': 'In this form you can add institutions and colleagues to collaborate sharing datasets (and experiment results in a near future)',
+    'institutionsPanel.table.headerTitle': 'Institutions',
+    'institutionsPanel.table.location': 'Location',
+    'institutionsPanel.table.email': 'Email',
+    'institutionsPanel.table.phoneNumber': 'Phone number',
+    'institutionsPanel.search.placeholder': 'Search by name',
+    'institutionsPanel.icon.edit': 'Edit ({name})',
+    'institutionsPanel.icon.delete': 'Delete Institution',
+    'institutionsPanel.confirm.delete.header': 'Delete institution',
+    'institutionsPanel.confirm.delete.content': 'Are you sure about deleting institution {name}',
+    'institutionsPanel.alert.successDelete': 'Institution deleted!',
+    'institutionsPanel.alert.errorDelete': 'Error deleting an Institution!',
+    // 90.LoginSignUpForm
+    'loginSignUpForm.loginTitle': 'Log in',
+    'loginSignUpForm.signUpTitle': 'Sign Up',
+    'loginSignUpForm.usernamePlaceholder': 'Username',
+    'loginSignUpForm.passwordPlaceholder': 'Password',
+    'loginSignUpForm.emailPlaceholder': 'Email',
+    'loginSignUpForm.repeatPasswordPlaceholder': 'Repeat your password',
+    'loginSignUpForm.signUpButton': 'Sign Up',
+    'loginSignUpForm.loginButton': 'Login',
+    'loginSignUpForm.validEmailMessage': 'Please provide a valid email address',
+    'loginSignUpForm.passwordMismatchMessage': 'This value is different to Password field',
+    // 91.OpenSource
+    'openSource.intro.title': 'At Omicsdatascience, we believe in open science. Explore our open-source projects, freely available to the community to foster collaboration, transparency, and innovation in biomedical research. Available in our GitHub organization.',
+    'openSource.intro.description': 'These repositories represent some of our most prominent open-source initiatives, developed to empower the research community with accessible and cutting-edge bioinformatics tools.',
+
+    'openSource.multiomix.description': 'Cloud-based platform to infer cancer genomic and epigenomic events associated with gene expression modulation.',
+    'openSource.modulector.description': 'Modulector is a performing open platform that provides information about miRNAs, genes and methylation sites based on a compilation of information from different resources.',
+    'openSource.bioapi.description': 'A powerful abstraction of genomics databases. Bioapi is a REST API that provides data related to gene nomenclature, gene expression, and metabolic pathways.',
+
+    'openSource.publications.title': 'Discover our scientific contributions',
+    'openSource.publications.description': 'In addition to our open-source software, we regularly publish peer-reviewed scientific articles that document the methodologies, innovations, and findings behind our tools. We invite you to explore our publications to better understand the research impact of our work.',
+
+    'openSource.publication.multiomix.description': 'A cloud-based platform to infer cancer genomic and epigenomic events associated with gene expression modulation',
+    'openSource.publication.modulector.description': 'A platform as a service for access to microRNA databases',
+    // 92.AllExperimentsView
+    'allExperimentsView.filters.noTag': 'No tag',
+    'allExperimentsView.filters.tag': 'Tag',
+    'allExperimentsView.filters.selectTag': 'Select an existing Tag',
+    'allExperimentsView.filters.experimentType': 'Experiment type',
+    'allExperimentsView.filters.correlationMethod': 'Correlation method',
+
+    'allExperimentsView.table.name': 'Name',
+    'allExperimentsView.table.description': 'Description',
+    'allExperimentsView.table.date': 'Date',
+    'allExperimentsView.table.state': 'State',
+    'allExperimentsView.table.type': 'Type',
+    'allExperimentsView.table.correlationMethodShort': 'Cor. Method',
+    'allExperimentsView.table.combinations': 'N° Combinations',
+    'allExperimentsView.table.clinical': 'Clinical',
+    'allExperimentsView.table.tag': 'Tag',
+    'allExperimentsView.table.sources': 'Sources',
+    'allExperimentsView.table.public': 'Public',
+    'allExperimentsView.table.shared': 'Shared',
+    'allExperimentsView.table.actions': 'Actions',
+
+    'allExperimentsView.tooltip.combinations': 'The result consists of {finalRowCount} combinations obtained from a total of {evaluatedRowCount} evaluated combinations',
+
+    'allExperimentsView.download.mrna': 'Download source mRNA file',
+    'allExperimentsView.download.sourceFile': 'Download {experimentType} source file',
+
+    'allExperimentsView.public.visible': 'All users of the platform can see this experiment',
+    'allExperimentsView.public.hidden': 'If this is checked all the users in the platform can see (but not edit or remove) this element',
+
+    'allExperimentsView.shared.institutions': 'Shared institutions',
+    'allExperimentsView.shared.users': 'Shared users',
+
+    'allExperimentsView.download.result': 'Download result',
+    'allExperimentsView.stopExperiment': 'Stop experiment',
+    'allExperimentsView.deleteExperiment': 'Delete experiment',
+    // 93. ClinicalSourcePopup
+    'clinicalSourcePopup.alert.noSamplesInCommon': 'No samples in common',
+
+    'clinicalSourcePopup.iconTitle.withClinicalData': 'Analysis has clinical data',
+    'clinicalSourcePopup.iconTitle.withoutClinicalData': 'Analysis has not clinical data',
+
+    'clinicalSourcePopup.headerTitle': 'Clinical Data',
+
+    'clinicalSourcePopup.submit': 'Submit',
+    'clinicalSourcePopup.close': 'Close',
+    'clinicalSourcePopup.cancel': 'Cancel',
+
+    'clinicalSourcePopup.unlinkTitle': 'Unlink clinical dataset from this experiment',
+    'clinicalSourcePopup.unlink': 'Unlink',
+    // 94. SeeResultButton
+    'seeResultButton.seeResult': 'See result',
+    'seeResultButton.noResults': 'No results to see. Try making the filters less restrictive',
+    // 95. SharedInstitutions
+    'sharedInstitutions.title': 'Shared institutions',
+    'sharedInstitutions.selectInstitution': 'Select an institution to share',
+    'sharedInstitutions.shareExperiment': 'Share experiment',
+    'sharedInstitutions.confirmShare': 'Are you sure to share experiment to institution?',
+    'sharedInstitutions.addInstitution': 'Add institution',
+    'sharedInstitutions.removeInstitution': 'Remove institution',
+    'sharedInstitutions.stopSharing': 'Stop sharing experiment',
+    'sharedInstitutions.confirmStopSharing': 'Are you sure to stop sharing experiment to this institution?',
+    'sharedInstitutions.users': 'users',
+    'sharedInstitutions.userName': 'User name',
+    'sharedInstitutions.searchUserName': 'Search by User name',
+    // 96. SharedUsers
+    'sharedUsers.title': 'Shared users',
+    'sharedUsers.selectUser': 'Select a user to share',
+    'sharedUsers.shareExperiment': 'Share experiment',
+    'sharedUsers.confirmShare': 'Are you sure to share experiment to user?',
+    'sharedUsers.addUser': 'Add user',
+    'sharedUsers.removeUser': 'Remove user',
+    'sharedUsers.stopSharing': 'Stop sharing to user',
+    'sharedUsers.confirmStopSharing': 'Are you sure to stop sharing experiment to user?',
+    // 97. SourcePopup
+    'sourcePopup.cgdsDataset': 'cBioPortal dataset (version {version})',
+    'sourcePopup.syncDate': 'Sync. Date: {date}',
+    'sourcePopup.sourceProperties': 'Source properties',
+    'sourcePopup.samples': 'Samples: {count}',
+    // 98 - CGDSDatasetsModal
+    'cgdsDatasetsModal.syncDate': 'Sync. Date',
+    'cgdsDatasetsModal.studyInfo': 'Study info',
+    'cgdsDatasetsModal.title': 'Select dataset from cBioPortal',
+    'cgdsDatasetsModal.onlyLastVersion': 'Only last version',
+    'cgdsDatasetsModal.seeMoreInfo': 'See more info',
+    // 99 - AssumptionStep
+    'assumptionStep.neitherSatisfies': 'Neither {gene} nor {gem} satisfies this assumption',
+    'assumptionStep.oneSatisfies': '{good} satisfies this assumption but {bad} does not',
+    'assumptionStep.notSatisfied': 'This assumption is not satisfied',
+    // 100 - KendallAssumptions
+    'kendallAssumptions.title': 'Kendall statistical assumptions',
+    'kendallAssumptions.monotonicity.title': 'Monotonicity',
+    'kendallAssumptions.monotonicity.description':
+    'Correlation should be monotonic (Spearman rank-order correlation coefficient absolute value >= 0.8 with a p-value < 0.05)',
+    // 101 - PearsonAssumptions
+    'pearsonAssumptions.title': 'Pearson statistical assumptions',
+    'pearsonAssumptions.normality.title': 'Normality',
+    'pearsonAssumptions.normality.description':
+        'Gene ({gene}) expression values and GEM ({gem}) expression values should be normally distributed for applying Pearson',
+    'pearsonAssumptions.outliers.title': 'Outliers',
+    'pearsonAssumptions.outliers.description':
+        'There should be no outliers',
+    'pearsonAssumptions.linearity.title': 'Linearity',
+    'pearsonAssumptions.linearity.description':
+        'Correlation should be linear',
+    'pearsonAssumptions.homoscedasticity.title': 'Homoscedasticity',
+    'pearsonAssumptions.homoscedasticity.description':
+    'Correlation should be homoscedastic',
+    // 102 - ReferenceCardsGroup
+    'common.references': 'References',
+    // 103 - SpearmanAssumptions
+    'spearmanAssumptions.title': 'Spearman statistical assumptions',
+    'spearmanAssumptions.monotonicity.title': 'Monotonicity',
+    'spearmanAssumptions.monotonicity.description':
+    'Correlation should be monotonic (Spearman rank-order correlation coefficient absolute value >= 0.8 with a p-value < 0.05)',
+    // 104 - CorrelationGraph
+    'correlationGraph.noDataSelected': 'No data selected',
+    'correlationGraph.groupByFactor': 'Group by factor',
+    'correlationGraph.groupBy': 'Group by',
+    // 105 - BoxPlotChart
+    'boxPlotChart.min': 'Min',
+    'boxPlotChart.firstQuartile': 'First quartile',
+    'boxPlotChart.median': 'Median',
+    'boxPlotChart.thirdQuartile': 'Third quartile',
+    'boxPlotChart.max': 'Max',
+    'boxPlotChart.outliers': 'Outliers',
+    // 106 - ChartSection
+    'chartSection.average': 'Average',
+    'chartSection.averageLog2': 'Average (Log2)',
+    'chartSection.standardDeviation': 'Standard deviation',
+    'chartSection.normalityInfo':
+        'It tests if the {geneOrGem} vector follows a normal distribution',
+    'chartSection.shapiroTest': 'Shapiro test',
+    'chartSection.pValue': 'P-Value',
+    // 107 - DensityChart
+    'densityChart.expression': 'Expression',
+    'densityChart.to': 'To',
+    'densityChart.count': 'Count',
+    'densityChart.density': 'Density',
+    'densityChart.cumulative': 'Cumulative',
+    'densityChart.cumulativeDensity': 'Cumulative density',
+    // 108 - GeneAndGEMSection
+    'geneAndGEMSection.evaluatedSamples': 'Evaluated samples',
+    'geneAndGEMSection.evaluatedSamplesInfo': 'Number of samples in common between {gene} and {gem}',
+
+    'geneAndGEMSection.breuschPaganTest': 'Breusch-Pagan test',
+    'geneAndGEMSection.breuschPaganInfo': 'It evaluates if the random disturbance is different across points in the correlation graph. Thus heteroscedasticity is the absence of homoscedasticity',
+    'geneAndGEMSection.lagrangeMultiplier': 'Lagrange Mult.',
+    'geneAndGEMSection.pValue': 'P-Value',
+    'geneAndGEMSection.fValue': 'F Value',
+    'geneAndGEMSection.fPValue': 'F P-Value',
+
+    'geneAndGEMSection.goldfeldQuandtTest': 'Goldfeld-Quandt test',
+    'geneAndGEMSection.goldfeldQuandtInfo': 'It tests the homoscedasticity of the correlation. Homoscedasticity essentially means that the relationship between the two variables we are correlating stays the same at all points, with the scores evenly spread along and around the regression line',
+
+    'geneAndGEMSection.linearityTest': 'Linearity test',
+    'geneAndGEMSection.linearityInfo': 'A relationship (correlation in this case) is linear if one variable ({gene}) increases by approximately the same rate as the other variable ({gem}) changes by one unit',
+
+    'geneAndGEMSection.monotonicityTest': 'Monotonicity (Spearman Rank)',
+    'geneAndGEMSection.monotonicityInfo': 'It evaluates if {gene} expression presents a monotonic relationship with {gem} values. They are monotonic if when {gene} increases {gem} increases or when {gene} decreases {gem} decreases',
+
+    'geneAndGEMSection.statistic': 'Statistic',
+    // 109 - StatisticalPropertiesPanel
+    'statisticalPropertiesPanel.showSeparated': 'Show separated',
+    'statisticalPropertiesPanel.showTogether': 'Show together',
+    // 110 KaplanMeierChart
+    'kaplanMeierChart.lowExpressionGroup': 'Low expression group',
+    'kaplanMeierChart.highExpressionGroup': 'High expression group',
+    'kaplanMeierChart.none': 'None',
+    'kaplanMeierChart.survivalColumnsTuples': 'Survival columns tuples',
+    'kaplanMeierChart.timeEvent': 'Time: {time} | Event: {event}',
+    'kaplanMeierChart.fieldOfInterest': 'Field of event of interest',
+    'kaplanMeierChart.selectFields': 'Select some fields',
+    'kaplanMeierChart.inferredFields':
+        'The fields of interest were inferred from common values',
+    'kaplanMeierChart.emptyValuesWarning':
+        'Samples with empty values (i.e. blank values) will be ignored in survival analysis',
+    'kaplanMeierChart.unlinkDataset': 'Unlink DataSet',
+    'kaplanMeierChart.unlinkDatasetTitle':
+        'Unlink clinical dataset from this experiment',
+    'kaplanMeierChart.time': 'Time',
+    'kaplanMeierChart.probability': 'Probability',
+    // 111 LongRankTestStats
+    'logRankTestStats.header': 'Logrank test',
+    'logRankTestStats.statistic': 'Statistic',
+    'logRankTestStats.pValue': 'P-Value',
+    // 112.NoClinicalData.tsx
+    'noClinicalData.header': 'No clinical data found',
+    'noClinicalData.subheader': 'Click the icon below to upload clinical data',
+    // 113.GeneGEMDataErrorMessage.tsx
+    'geneGEMDataErrorMessage.header': 'There was an error computing information for this combination. Maybe there are few samples to compute the data. Check another combination',
+    'geneGEMDataErrorMessage.subheader': 'If the problem persists for others combinations, please, contact us',
+    // 114.GeneGemDetailsModal
+    'geneGemDetailsModal.header': '{gem} x {gene} details',
+    'geneGemDetailsModal.alert.experimentNotFound': "It seems that the experiment does not exist. If you think it's an error, please, contact with the administrator",
+    'geneGemDetailsModal.correlationGraph.lineSerie': 'Expected correlation',
+    // 115.GeneGemModalMenu
+    'geneGemModalMenu.stats': 'Stats',
+    'geneGemModalMenu.stats.info': 'Stats of the correlation and also of each value vector separately ({gene} and {gem})',
+
+    'geneGemModalMenu.correlationGraph': 'Correlation graph',
+    'geneGemModalMenu.correlationBoxplots': 'Correlation boxplots',
+    'geneGemModalMenu.correlation.info': 'Correlation graph between {gene} and {gem} and also stats to measure the correlation',
+
+    'geneGemModalMenu.interaction': '{gem}-{gene} Interaction',
+    'geneGemModalMenu.interaction.info': 'Scores, given by external databases, that measures the association between {gene} and {gem}',
+
+    'geneGemModalMenu.mirnaInteraction': '{gem} Interaction',
+    'geneGemModalMenu.mirnaInteraction.info': 'Find target interactions with {gem} in miRNA external databases',
+
+    'geneGemModalMenu.diseaseAssociation': '{gem} disease association',
+    'geneGemModalMenu.diseaseAssociation.info': 'Diseases associated with {gem} in miRNA external databases',
+
+    'geneGemModalMenu.drugAssociation': '{gem} drug association',
+    'geneGemModalMenu.drugAssociation.info': 'Drugs associated with {gem} in miRNA external databases',
+
+    'geneGemModalMenu.assumptions': 'Assumptions',
+    'geneGemModalMenu.assumptions.info': 'It evaluates the statistics assumptions that the data should satisfy for the correlation method ({correlationMethod}) and the correction method ({correctionMethod}) used in this analysis',
+
+    'geneGemModalMenu.survivalAnalysis': 'Survival Analysis',
+    'geneGemModalMenu.survivalAnalysis.info': 'Survival analysis between {gene} low expression patient group and {gene} high expression patient group',
+
+    // 116.BiomarkerFromCorrelationModal.tsx
+    'biomarkerFromCorrelation.button.label': 'Create Biomarker',
+    'biomarkerFromCorrelation.button.title': 'Create Biomarker from result',
+    'biomarkerFromCorrelation.modal.header': 'Create Biomarker',
+    'biomarkerFromCorrelation.modal.selectHow': 'Select how you want to build the biomarker:',
+    'biomarkerFromCorrelation.modal.selectAll': 'Select all',
+    'biomarkerFromCorrelation.modal.selectWithFilters': 'Select with filters',
+    'biomarkerFromCorrelation.alert.successCreating': 'Biomarker created successfully',
+    'biomarkerFromCorrelation.alert.successEditing': 'Biomarker edited successfully',
+    'biomarkerFromCorrelation.alert.errorCreating': 'Error creating biomarker!',
+    'biomarkerFromCorrelation.alert.errorEditing': 'Error editing biomarker!',
+    'biomarkerFromCorrelation.tags.noTag': 'No tag',
+    'biomarkerFromCorrelation.tags.label': 'Tag',
+    'biomarkerFromCorrelation.tags.placeholder': 'Select an existing Tag',
+    // 117.LoadingPanel
+    'loadingPanel.loading': 'Loading',
+    // 118.MiRNADiseasesPanel
+    'miRNADiseasesPanel.conditionAssociated': 'Condition associated',
+    'miRNADiseasesPanel.pubmed': 'Pubmed',
+    'miRNADiseasesPanel.headerTitle': 'miRNA diseases associations',
+    'miRNADiseasesPanel.searchLabel': 'Disease',
+    'miRNADiseasesPanel.searchPlaceholder': 'Search by disease',
+    // 119.MiRNADrugsPanel
+    'miRNADrugsPanel.drugAssociated': 'Drug associated',
+    'miRNADrugsPanel.detectionMethod': 'Detection method',
+    'miRNADrugsPanel.smallMolecule': 'Small molecule',
+    'miRNADrugsPanel.expressionPattern': 'Expression pattern',
+    'miRNADrugsPanel.reference': 'Reference',
+    'miRNADrugsPanel.support': 'Support',
+    'miRNADrugsPanel.fdaApproved': 'FDA approved',
+    'miRNADrugsPanel.pubmed': 'Pubmed',
+    'miRNADrugsPanel.seeInNCBI': 'See in NCBI',
+
+    'miRNADrugsPanel.filter.fdaApproved': 'FDA approved',
+    'miRNADrugsPanel.filter.yes': 'Yes',
+    'miRNADrugsPanel.filter.no': 'No',
+
+    'miRNADrugsPanel.headerTitle': 'miRNA drugs associations',
+    'miRNADrugsPanel.searchLabel': 'Condition/Molecule/Pattern',
+    'miRNADrugsPanel.searchPlaceholder': 'Search by drug, S.M. or Exp. P.',
+    // 120.MiRNAExtraData
+    'miRNAExtraData.noDetails': 'No details found for this miRNA',
+    'miRNAExtraData.aliases': 'miRNA aliases',
+    'miRNAExtraData.sequence': 'Sequence',
+    // 121.MiRNAInteractionPanel
+    'miRNAInteractionPanel.scoreClass.veryHigh': 'Very high: top 1% ranks',
+    'miRNAInteractionPanel.scoreClass.high': 'High: top 5% (excluding top 1%)',
+    'miRNAInteractionPanel.scoreClass.medium': 'Medium: top 1/3 (excluding top 5%)',
+    'miRNAInteractionPanel.scoreClass.low': 'Low: remaining predictions',
+
+    'miRNAInteractionPanel.gene': 'Gene',
+    'miRNAInteractionPanel.sources': 'Sources',
+    'miRNAInteractionPanel.mirDIPScore': 'mirDIP score',
+    'miRNAInteractionPanel.mirDIPScoreInfo': 'mirDIP scores of human microRNA target predictions were ranked according to four confidence classes (Very high, High, Medium and Low)',
+    'miRNAInteractionPanel.mirDIPScoreClass': 'mirDIP score class',
+    'miRNAInteractionPanel.pubmed': 'Pubmed',
+
+    'miRNAInteractionPanel.headerTitle': 'Interactions',
+    'miRNAInteractionPanel.searchLabel': 'Gene',
+    'miRNAInteractionPanel.searchPlaceholder': 'Search by gene',
+
+    'miRNAInteractionPanel.includePubmeds': 'Include pubmeds',
+    'miRNAInteractionPanel.seeMorePapers': 'See more papers',
+    // 122.MiRNATargetInteractionPanel
+    'miRNATargetInteractionPanel.noData': 'No data found for this miRNA and gene',
+
+    'miRNATargetInteractionPanel.score': 'Score ({scoreClass})',
+    'miRNATargetInteractionPanel.scoreSource': 'Score source: {source}',
+
+    'miRNATargetInteractionPanel.sources': 'Sources',
+    'miRNATargetInteractionPanel.pubmeds': 'Pubmeds',
+    // 123.NoDataRow
+    'noDataRow.noDataFound': 'No data found',
+    // 124.PubmedButton
+    'pubmedButton.seeInNCBI': 'See in NCBI',
+
+    // 125.CreateBiomarkerButton
+    'createBiomarkerButton.label': 'Create Biomarker',
+    'createBiomarkerButton.title': 'Create Biomarker from result',
+    'createBiomarkerButton.modal.header': 'Create Biomarker',
+    'createBiomarkerButton.modal.description': 'Select how you want to build the biomarker:',
+    'createBiomarkerButton.option.selectAll': 'Select all',
+    'createBiomarkerButton.option.selectWithFilters': 'Select with filters',
+    // 126.ExperimentResultView
+    'experimentResultView.mrna': 'mRNA',
+    'experimentResultView.chromosome': 'Chromosome',
+    'experimentResultView.geneStart': 'Gene start (bp)',
+    'experimentResultView.geneEnd': 'Gene end (bp)',
+    'experimentResultView.geneType': 'Gene type',
+    'experimentResultView.geneDescription': 'Gene desc.',
+    'experimentResultView.correlation': 'Correlation',
+    'experimentResultView.pValue': 'P-value',
+    'experimentResultView.adjustedPValue': 'Adj. P-value ({method})',
+    'experimentResultView.sortingOrderBy': 'Sorting (in order) by',
+    'experimentResultView.cleanSortingOnly': 'Clean sorting only',
+    'experimentResultView.sortingInfo': 'The order of sorting will be respected. If you want to remove any of the elements being sorted, you can click on its column header until the sorting mark disappears. To fully clear sorting, click the red button on the left.',
+    'experimentResultView.actions': 'Actions',
+    'resultTableControlForm.showingTotal': 'SHOWING/TOTAL',
+    // 127.ResultTableControlForm
+    'resultTableControlForm.showingTotalInfo': 'Number of significantly correlated features according to the applied filters over the total significantly correlated',
+    'resultTableControlForm.searchPlaceholder': 'Search by {gemDescription} or mRNA',
+    'resultTableControlForm.correlationCoefficient': 'Correlation Coefficient {value}',
+    'resultTableControlForm.correlationType': 'Correlation type',
+    'resultTableControlForm.numberOfEntries': 'Number of entries',
+    'resultTableControlForm.correlationType.both': 'Both',
+    'resultTableControlForm.correlationType.positive': 'Positive',
+    'resultTableControlForm.correlationType.negative': 'Negative',
+    'resultTableControlForm.lessPrecisePValue': 'Less precise p-value',
+    'resultTableControlForm.morePrecisePValue': 'More precise p-value',
+    'resultTableControlForm.clean': 'Clean',
+    'resultTableControlForm.cleanTitle': 'Reset filters and sorting',
+    'resultTableControlForm.download': 'Download',
+    'resultTableControlForm.downloadTitle': 'Download result with filters applied',
+    'resultTableControlForm.infoPopup': 'This table shows all the combinations whose correlation coefficient was more or equal than selected threshold ({threshold}). Choose some of the options listed in Actions column',
+    // 128.LastExperimentCard
+    'lastExperimentCard.truncated': 'Truncated',
+    'lastExperimentCard.truncatedTitle': 'The result has been truncated due to its size. Has {totalRows}, truncated to {finalRows}',
+    'lastExperimentCard.state': 'State',
+    // 129.LastExperimentTagInfo
+    'lastExperimentTagInfo.selectExistingTag': 'Select an existing Tag',
+    'lastExperimentTagInfo.removeTag': 'Remove Tag',
+    'lastExperimentTagInfo.edit': 'Edit',
+    // 130.UserLastExperiments
+    'userLastExperiments.lastAnalysis': 'Last analysis',
+    // 131.UserDatasetsModal
+    'userDatasetsModal.selectDataset': 'Select {fileType} dataset',
+    'userDatasetsModal.numberOfSurvivalTuples': 'Number of survival tuples',
+    'userDatasetsModal.uploadDate': 'Upload Date',
+    'userDatasetsModal.visibility': 'Visibility',
+    'userDatasetsModal.uploadedBy': 'Uploaded by',
+    'userDatasetsModal.selectExistingTag': 'Select an existing Tag',
+    'userDatasetsModal.you': 'You',
+    'userDatasetsModal.tag': 'Tag',
+    // 132.userfileLabel
+    'userFileTypeLabel.sharedWithInstitutions': 'Shared with {count} institutions',
+    'userFileTypeLabel.public': 'Public',
+    'userFileTypeLabel.private': 'Private',
+    // 133.ExperimentTagInfo
+    'experimentTagInfo.selectExistingTag': 'Select an existing Tag',
+    'experimentTagInfo.removeTag': 'Remove Tag',
+    'experimentTagInfo.noTagAssigned': 'No tag assigned',
+    'experimentTagInfo.edit': 'Edit',
+    // 134.HugeFileAdvice
+    'hugeFileAdvice.uploadDelayWarning':
+        'The file exceeds {size}MB, please take into consideration that the upload may take some time',
+    'hugeFileAdvice.uploadFromDatasets':
+        'The file exceeds {size}MB, please upload your dataset from {link} panel',
+    'hugeFileAdvice.myDatasets':
+    'My datasets',
+    // 135.MiRNAPipeline.tsx
+    'miRNAPipeline.deleteModal.header': 'Delete experiment',
+    'miRNAPipeline.deleteModal.content': 'Are you sure you want to delete the experiment {name}?',
+    'miRNAPipeline.stopModal.header': 'Stop experiment',
+    'miRNAPipeline.stopModal.content': 'Are you sure you want to stop the experiment {name}?',
+    'miRNAPipeline.tabs.allAnalysis': 'All analysis',
+    'miRNAPipeline.tabs.showLastAnalysis': 'Show last analysis',
+    'miRNAPipeline.tabs.hideLastAnalysis': 'Hide last analysis',
+    'miRNAPipeline.tags.noTag': 'No Tag',
+    'miRNAPipeline.alert.maxTabs': 'You have reached the maximum number of open tabs. Please close one and try again.',
+
+    // 136.pipeline
+    'pipeline.componentDidMount': 'Loading initial data and experiment tables',
+    'pipeline.updateAllExperimentsTables': 'Updating user experiment tables',
+    'pipeline.initializeWebsocketClient': 'Establishing real-time connection for experiments',
+    'pipeline.getAllUserExperiments': 'Loading full list of experiments',
+    'pipeline.getLastUserExperiments': 'Loading latest performed experiments',
+    'pipeline.getUserExperimentsTags': 'Fetching user experiment tags',
+    'pipeline.handleFormInputsChange': 'Updating experiment form fields',
+    'pipeline.handleChangeSourceType': 'Changing dataset source type and clearing references',
+    'pipeline.selectNewFile': 'Processing newly uploaded file in form',
+    'pipeline.selectUploadedFile': 'Assigning server dataset as data source',
+    'pipeline.selectStudy': 'Assigning CGDS study as data source',
+    'pipeline.selectGEMFileType': 'Changing GEM file type and resetting its configuration',
+    'pipeline.handleSortAllExperiments': 'Modifying table sorting criteria',
+    'pipeline.handleTableControlChangesAllExperiments': 'Applying search filters to the experiments table',
+    'pipeline.checkCommonSamples': 'Evaluating source availability to compute common samples',
+    'pipeline.checkCommonSamplesInBackend': 'Calculating common samples between server datasets',
+    'pipeline.checkCommonSamplesOneFrontOneBack': 'Analyzing local file columns against the server dataset',
+    'pipeline.checkCommonSamplesInFrontend': 'Intersecting columns from both local files',
+    'pipeline.resetAllNumberOfSamples': 'Resetting sample counters to zero',
+    'pipeline.noDataEntered': 'Checking if form retains its default values',
+    'pipeline.resetExperimentForm': 'Clearing experiment form and resetting samples',
+    'pipeline.resetGEMSource': 'Resetting specific parameters for the GEM source',
+    'pipeline.setDefaultGEMStd': 'Adjusting GEM standard deviation based on selected file type',
+    'pipeline.updateSourceFilenames': 'Updating human-readable filenames in form',
+    'pipeline.updateSourceFilenamesAndCommonSamples': 'Updating filenames and recalculating sample intersection',
+    'pipeline.runPipeline': 'Submitting files and parameters to run the experiment',
+    'pipeline.editExperiment': 'Loading selected experiment data for editing',
+    'pipeline.makeEditExperimentRequest': 'Submitting name, description, and tag updates to the server',
+    'pipeline.toggleDisplayTagForm': 'Toggling view to add or select tags',
+    'pipeline.selectTagForNewExperiment': 'Associating selected tag with the new experiment',
+    'pipeline.addTagAndSelect': 'Registering new tag on the server and selecting it',
+    'pipeline.handleKeyDownForNewExperiment': 'Processing keyboard confirmation or cancellation for the new tag',
+    'pipeline.handleAddTagInputsChangeForNewExperiment': 'Updating the new tag text input field',
+    'pipeline.handleChangeConfirmModalState': 'Configuring and displaying the confirmation modal',
+    'pipeline.handleCancelConfirmModalState': 'Canceling and closing the confirmation modal',
+    'pipeline.getDefaultConfirmModal': 'Generating the base state for the confirmation modal',
+    'pipeline.errorReadingFileInInput': 'Error while attempting to read the user uploaded file',
+    // 137 PipelineAdvancedForm
+    'pipelineAdvancedForm.advancedSettings': 'Advanced Settings',
+    'pipelineAdvancedForm.correlationMethod': 'Correlation method',
+    'pipelineAdvancedForm.correlationMethodInfo': 'Correlation method to use: Pearson, Spearman or Kendall (Tau-b). You can see if the selected method is appropriated for your data in the Assumptions panel in the result view once the experiment has finished',
+    'pipelineAdvancedForm.correlate': 'Correlate...',
+    'pipelineAdvancedForm.correlateOwnGenes': '... {gemDescription}s with expression of only its genes',
+    'pipelineAdvancedForm.correlateAllGenes': '... all {gemDescription}s with all genes',
+    'pipelineAdvancedForm.correlateInfo': 'You can choose whether to keep only the combinations whose genes match or to keep all the combinations resulting from the experiment',
+    'pipelineAdvancedForm.minCorrelationThreshold': 'Min. Correlation Threshold {value}',
+    'pipelineAdvancedForm.minCorrelationThresholdInfo': 'Only those combinations that have a correlation coefficient above this threshold will be kept',
+    'pipelineAdvancedForm.genesMinStandardDeviation': 'Genes Min. Standard Deviation {value}',
+    'pipelineAdvancedForm.genesMinStandardDeviationInfo': 'Only those genes with a standard deviation above this value will be kept',
+    'pipelineAdvancedForm.gemMinStandardDeviation': '{gemDescription} Min. Standard Deviation {value}',
+    'pipelineAdvancedForm.gemMinStandardDeviationInfo': 'Only those {gemDescription}s with a standard deviation above this value will be kept',
+    'pipelineAdvancedForm.pValueAdjustment': 'P-value adjustment',
+    'pipelineAdvancedForm.pValueAdjustmentInfo': 'P-value adjustment method for Family-wise Error Rate or False Discovery Rate',
+    'pipelineAdvancedForm.familyWiseErrorRate': 'Family-wise Error Rate or False Discovery Rate',
+    // 138 PipelineForm
+    'pipelineForm.preparingAnalysis': 'Preparing analysis',
+    'pipelineForm.saveChanges': 'Save changes',
+    'pipelineForm.runAnalysis': 'Run analysis',
+    'pipelineForm.selectDataset': 'Select dataset...',
+    'pipelineForm.mrnaProfile': 'mRNA profile',
+    'pipelineForm.profile': '{profile} profile',
+    'pipelineForm.samplesMrna': 'Samples mRNA: {count}',
+    'pipelineForm.samplesGem': 'Samples {gem}: {count}',
+    'pipelineForm.samplesInCommon': 'Samples in common: {count}',
+    'pipelineForm.analysisInfo': 'Analysis info',
+    'pipelineForm.requiredField': 'Required field',
+    'pipelineForm.uploadTimeWarning': 'The upload time is subject to the size of the file',
+    'pipelineForm.clearForm': 'Clear form',
+    // 139 PipelineSourcePopupContent
+    'pipelineSourcePopupContent.newExperiment': 'New experiment',
+    'pipelineSourcePopupContent.description': 'In this panel you can select the source data which will be used to compute a correlation analysis. There are three different ways to select a source:',
+    'pipelineSourcePopupContent.fromMultiomix': 'From multiomix',
+    'pipelineSourcePopupContent.fromMultiomixDescription': 'Uploaded datasets from Datasets/Multiomix menu',
+    'pipelineSourcePopupContent.fromCBioPortal': 'From cBioPortal',
+    'pipelineSourcePopupContent.fromCBioPortalDescription': 'Datasets synchronized from cBioPortal ready to use!',
+    'pipelineSourcePopupContent.uploadDataset': 'Upload dataset',
+    'pipelineSourcePopupContent.uploadDatasetDescription': 'You can upload a dataset from your computer. It will be stored and appear in Datasets/Multiomix menu.',
+    'pipelineSourcePopupContent.uploadDatasetPrivacy': 'It will be private and only accessible for you (you can share it from Datasets/Multiomix menu)',
+    'pipelineSourcePopupContent.samplesWarning': 'Keep in mind that only samples in common will be evaluated and Genes/GEMs that contains NaNs value will be removed',
+    // 140 SourceForm
+    'sourceForm.fileAddedToDatasets': 'The file will be added to "Datasets/Multiomix"',
+    'sourceForm.selectDataset': 'Select your dataset',
+    'sourceForm.errorParsingJson': 'Error parsing JSON ->',
+    'sourceForm.errorGettingTags': "Error getting user's tags ->",
+    'sourceForm.all': 'All',
+    'sourceForm.private': 'Private',
+    'sourceForm.public': 'Public',
+    'sourceForm.selectDatasetPlaceholder': 'Select dataset...',
+    'sourceForm.fromYourDatasets': 'From your datasets',
+    'sourceForm.fromCBioPortal': 'From cBioPortal',
+    'sourceForm.uploadDataset': 'Upload dataset',
+    // 141 SitePolicy
+    'sitePolicy.header': 'Multiomix implements a set of security measures to protect the access to the uploaded datasets. Those measures are enforced with some recommendations to protect the data privacy:',
+    'sitePolicy.authentication': 'Multiomix implements authentication—verifying a user’s identity—and authorization—determining what data/resources an authenticated user can access respecting the defined access level.',
+    'sitePolicy.dataTransfer': 'Data transfer is encrypted.',
+    'sitePolicy.firewall': '{multiomixLink} is protected with a firewall to prevent brute force attacks.',
+    'sitePolicy.containerized': 'The platform is containerized using Docker so that the database services and files cannot be accessed externally.',
+    'sitePolicy.securityMeasures': 'The operators of the service use reasonable security measures to protect against the loss, misuse, and alteration of the information and Data under our control.',
+    'sitePolicy.piiRestriction': 'It is prohibited to use the service {multiomixLink} for the storage of any data that can be classified as Personally Identifiable Information (PII). Only pre-processed and de-identified data should be uploaded to {multiomixLink}.',
+    'sitePolicy.localInstance': 'Users can opt for setting up their own local Multiomix instance instead of using the {multiomixLink} service.',
+    'sitePolicy.localInstanceInstructions': 'The instructions to install the local instance are available at',
+    // 142 SurvivalAnalysisPanel
+    'survivalAnalysisPanel.noSelected': 'No selected',
+    'survivalAnalysisPanel.errorReadingHeader': 'An error occurred reading the header of the Survival Source. Please, try uploading it again',
+    'survivalAnalysisPanel.errorReadingCsvColumns': 'Error reading CSV column names',
+    'survivalAnalysisPanel.invalidSourceType': 'Invalid SourceType',
+    'survivalAnalysisPanel.errorParsingJson': 'Error parsing JSON ->',
+    'survivalAnalysisPanel.errorGettingColumnNames': 'Error getting column names ->',
+    // 143 SurvivalForm
+    'survivalForm.expressionFileType': 'Expression file type',
+    'survivalForm.expressionProfile': 'Expression profile',
+    'survivalForm.survivalProfile': 'Survival profile',
+    'survivalForm.eventTimeColumn': 'Event Time column',
+    'survivalForm.eventStatusColumn': 'Event Status column',
+    // 144 SurvivalGeneSelectionPanel
+    'survivalGeneSelectionPanel.selectGenes': 'Select Genes',
+    // 145 SurvivalTuplesForm
+    'survivalTuplesForm.survivalTuple': 'Survival tuple #{number}',
+    'survivalTuplesForm.removeTuple': 'Remove this survival tuple',
+    'survivalTuplesForm.eventColumn': 'Column of event',
+    'survivalTuplesForm.timeColumn': 'Column of time',
+    'survivalTuplesForm.addTuple': 'Add survival tuple',
+    // 146 Footer
+    'footer.termsAndPrivacyPolicy': 'Terms and privacy policy',
+    // 147 MainNavbar
+    'mainNavbar.login': 'Log in',
+    'mainNavbar.greeting': 'Hi, {username}',
+    'mainNavbar.editProfile': 'Edit profile',
+    'mainNavbar.exit': 'Exit',
+
+    'mainNavbar.analysis': 'Analysis',
+    'mainNavbar.gem': 'GEM',
+    'mainNavbar.gemDescription': 'Gene Expression Modulation',
+    'mainNavbar.biomarkers': 'Biomarkers',
+    'mainNavbar.differentialExpression': 'Differential expression',
+
+    'mainNavbar.myDatasets': 'My datasets',
+    'mainNavbar.cbioportal': 'cBioPortal',
+
+    'mainNavbar.institutions': 'Institutions',
+
+    'mainNavbar.admin': 'Admin',
+    'mainNavbar.databaseGenes': 'Database: Genes',
+
+    'mainNavbar.aboutUs': 'About us',
+    'mainNavbar.faq': 'FAQ',
+    'mainNavbar.openSource': 'Open source',
+
+    'mainNavbar.homepage': 'Multiomix homepage',
+    // 148.UpdateUserModal
+    'updateUserModal.title': 'Edit {username} information',
+    'updateUserModal.email': 'Email:',
+    'updateUserModal.firstName': 'First name:',
+    'updateUserModal.firstName.placeholder': 'Enter first name',
+    'updateUserModal.lastName': 'Last name:',
+    'updateUserModal.lastName.placeholder': 'Enter last name',
+    'updateUserModal.resetPassword': 'Reset password:',
+    'updateUserModal.repeatPassword': 'Repeat password:',
+
+    'updateUserModal.passwordMismatch.title': 'Both passwords have to be equal',
+    'updateUserModal.passwordMismatch.body': 'Ensure both passwords are equal.',
+
+    'updateUserModal.passwordLength.title': 'Password length',
+    'updateUserModal.passwordLength.body': 'Password must have at least 8 characters.',
+
+    'updateUserModal.success': 'Credentials changed!',
+    'updateUserModal.error': 'Error updating credentials!',
+
+    'updateUserModal.changePassword.title': 'Change password',
+    'updateUserModal.changePassword.confirm': 'Are you sure you want to change your password?',
+
+    // Agregados
+    // BiomarkersPanel
+    'biomarkersPanel.stopExperiment.header': 'Stop experiment',
+    'biomarkersPanel.stopExperiment.content': 'Are you sure you want to stop the experiment {name}?',
+    'biomarkersPanel.deleteModal.header': 'Delete Biomarker',
+    'biomarkersPanel.deleteModal.content': 'Are you sure you want to delete the Biomarker {name}?',
+    'biomarkersPanel.cloneModal.content': 'Are you sure you want to clone the Biomarker "{name}"?',
+    'biomarkersPanel.cloneModal.button': 'Clone',
+    'biomarkersPanel.table.headerTitle': 'Biomarkers',
+    'biomarkersPanel.table.searchPlaceholder': 'Search by name',
+    'biomarkersPanel.table.column.tag': 'Tag',
+    'biomarkersPanel.table.column.origin': 'Origin',
+    'biomarkersPanel.table.column.public': 'Public',
+    'biomarkersPanel.table.column.shared': 'Shared',
+    'biomarkersPanel.table.addButton.title': 'Add new Biomarker',
+    'biomarkersPanel.icon.sharedInstitutions': 'Shared institutions',
+    'biomarkersPanel.icon.sharedUsers': 'Shared users',
+    'biomarkersPanel.icon.clone': 'Clone biomarker',
+    'biomarkersPanel.icon.stop': 'Stop biomarker',
+    'biomarkersPanel.icon.public': 'All users of the platform can see this experiment',
+    'biomarkersPanel.icon.notPublic': 'If this is checked all the users in the platform can see (but not edit or remove) this element',
+    'biomarkersPanel.confirmModal.loseData.header': 'You are going to lose all the data inserted',
+    'biomarkersPanel.confirmModal.loseData.content': 'Are you sure?',
+    'biomarkersPanel.alert.errorCreating': 'Error creating biomarker!',
+    'biomarkersPanel.alert.errorEditing': 'Error editing biomarker!',
+    'biomarkersPanel.alert.successCreating': 'Biomarker created successfully',
+    'biomarkersPanel.alert.successEditing': 'Biomarker edited successfully',
+    'biomarkersPanel.alert.successSubmitting': 'Experiment submitted!',
+    'biomarkersPanel.tags.noTag': 'No tag',
+    'biomarkersPanel.tags.label': 'Tag',
+    'biomarkersPanel.tags.placeholder': 'Select an existing Tag',
+
+}
diff --git a/src/frontend/static/frontend/src/locales/es.ts b/src/frontend/static/frontend/src/locales/es.ts
new file mode 100644
index 00000000..7c37c708
--- /dev/null
+++ b/src/frontend/static/frontend/src/locales/es.ts
@@ -0,0 +1,1465 @@
+export default {
+    // Common actions
+    'common.cancel': 'Cancelar',
+    'common.delete': 'Eliminar',
+    'common.stop': 'Detener',
+    'common.save': 'Guardar',
+    'common.close': 'Cerrar',
+    'common.actions': 'Acciones',
+    'common.confirm': 'Confirmar',
+    'common.sample': 'Muestra',
+    'common.goBack': 'Volver',
+    'common.search': 'Buscar',
+    'common.details': 'Detalles',
+    'common.noDetails': 'No se encontraron detalles',
+    'common.name': 'Nombre',
+    'common.description': 'Descripción',
+    'common.requiredField': 'Campo obligatorio',
+    'common.model': 'Modelo:',
+    'common.date': 'Fecha',
+    'common.datasets': 'Conjuntos de datos',
+    // Common Labels
+    'common.algorithm': 'Algoritmo',
+    'common.nClusters': 'Número de clusters',
+    'common.metric': 'Métrica',
+    'common.scoringMethod': 'Método de puntuación',
+    'common.randomState': 'Estado aleatorio',
+    'common.penalizer': 'Penalizador',
+    'common.integerPlaceholder': 'Un número entero',
+    'common.numberOfIterations': 'Número de iteraciones',
+    'common.coefficient': 'Coeficiente',
+    // Forms and steps
+    'common.basicData': 'Datos básicos',
+    'common.descriptionOptional': 'Descripción (opcional)',
+    'common.continue': 'Continuar',
+    // common Tables and states
+    'common.state': 'Estado',
+    'common.cluster': 'Cluster',
+    'common.relations': 'Relaciones',
+
+    // Auth/usuario
+    'auth.login': 'Iniciar sesión',
+    'auth.greeting': 'Hola, {username}',
+    'auth.editProfile': 'Editar perfil',
+    'auth.logout': 'Salir',
+
+    // Menús
+    'menu.analysis': 'Análisis',
+    'menu.gem': 'GEM',
+    'menu.gem.tooltip': 'Modulación de Expresión Génica',
+    'menu.biomarkers': 'Biomarcadores',
+    'menu.datasets': 'Conjuntos de datos',
+    'menu.multiomix': 'Multiomix',
+    'menu.cbioportal': 'cBioPortal',
+    'menu.institutions': 'Instituciones',
+    'menu.admin': 'Administración',
+    'menu.admin.genes': 'Base de datos: Genes',
+    'menu.about': 'Sobre nosotros',
+    'menu.faq': 'Preguntas frecuentes',
+    'menu.opensource': 'Código abierto',
+
+    // About us
+    'about.description': 'Multiomix es el resultado del trabajo interdisciplinario entre miembros de las siguientes instituciones científicas:',
+    'about.institution.caeti': 'CAETI - Universidad Abierta Interamericana',
+    'about.institution.ciniba': 'CINIBA - Facultad de Ciencias Médicas - UNLP',
+    'about.institution.lidi': 'LIDI - Facultad de Informática - UNLP',
+
+    'about.coordination': 'Coordinación del proyecto:',
+
+    'about.members.title': 'Miembros del proyecto:',
+    'about.members.main': 'Contribuyente principal:',
+    'about.members.collaborators': 'Colaboradores:',
+
+    'about.contact.title': 'Contacto:',
+    'about.contact.questions': 'Para preguntas o sugerencias, contáctenos:',
+    'about.contact.institutions': 'También puede contactarnos para crear su institución de investigación. Esto permitirá a los investigadores compartir conjuntos de datos dentro de Multiomix.',
+
+    // BIOMARKERS
+
+    // BiomarkerInferenceExperimentsPanel.tsx
+    'inference.experiment.title': 'Experimento de interferencia "{name}"',
+    // 2.InferenceExperimentClinicalAttributeSelect.tsx
+    'inference.clinicalAttribute.label': 'Agrupar por atributo clínico',
+    'inference.clinicalAttribute.placeholder': 'Atributo clínico para agrupar',
+    // 3.InferenceExperimentResultMetrics.tsx
+    'inference.metrics.title': 'Métricas de "{name}"',
+    'inference.model': 'Modelo',
+    // 5.InferenceExperimentsTable.tsx
+    'inference.stop.title': 'Detener experimento de inferencia',
+    'inference.stop.confirm': '¿Estás segura de que quieres detener el experimento de inferencia "{name}"?',
+    'inference.stop.cancel': '{common.cancel}',
+    'inference.stop.button': '{common.stop}',
+
+    'inference.delete.title': 'Eliminar experimento',
+    'inference.delete.confirm': '¿Estás segura de que quieres eliminar el experimento de inferencia "{name}"?',
+    'inference.delete.cancel': '{common.cancel}',
+    'inference.delete.button': '{common.delete}',
+
+    'inference.table.title': 'Experimentos de inferencia',
+    'inference.table.columns.model': 'Modelo',
+    'inference.table.columns.dataset': 'Conjuntos de datos',
+    'inference.table.columns.actions': 'Acciones',
+
+    'inference.search.placeholder': 'Buscar por nombre o descripción',
+
+    'inference.new.title': 'Nuevo experimento de inferencia',
+    'inference.results.title': 'Ver resultados',
+    'inference.results.tooltip': 'Eliminar experimento',
+    // 6.NewInferenceExperimentModal.tsx
+    'inference.newInference.title': 'Crear nuevo experimento de inferencia',
+    'inference.new.step1': 'Paso 1: Modelo entrenado',
+    'inference.new.step2': 'Paso 2: Conjuntos de datos de moléculas',
+    // 7.SamplesAndGroupsInferenceTable.tsx
+    'inference.table.download.tooltip': 'Descargar resultados en un archivo CSV',
+    'inference.table.filter.cluster.placeholder': 'Filtrar por grupo',
+    'inference.table.addClusterLabels': 'Agregar etiquetas de grupo',
+    // 8.SamplesAndTimeInferenceCharts.tsx
+    'inference.charts.noAttribute': 'No se seleccionó ningún atributo clínico',
+    'inference.charts.selectAttribute': 'Por favor, selecciona uno en el selector de la derecha.',
+    // 9.SamplesAndTimeInferenceTable.tsx
+    'inference.timeTable.columns.predictedTime': 'Tiempo predicho',
+    'inference.timeTable.filter.range.label': 'Rango',
+    'inference.timeTable.filter.range.placeholder': 'Filtrar por rango',
+    'inference.timeTable.menu.table': 'Tabla',
+    'inference.timeTable.menu.charts': 'Gráficos',
+    'inference.timeTable.menu.table.info': 'Tabla con todas las muestras y su tiempo de riesgo/supervivencia predicho',
+    'inference.timeTable.menu.charts.info': 'Muestra gráficos con las muestras y su tiempo de riesgo/supervivencia predicho agrupado por alguna condición',
+    'inference.timeTable.addRangeLabels': 'Agregar etiquetas de rango',
+    // 10.molecules/GeneOntologyCytoscapeChart.tsx
+    'geneOntology.form.ontologyType': 'Tipo de ontología',
+    'geneOntology.form.generalDepth': 'Profundidad general',
+    'geneOntology.form.hierarchicalDepth': 'Profundidad jerárquica hacia hijos',
+    'geneOntology.form.toRoot': 'Hasta la raíz',
+    'geneOntology.relation.hasPart': 'Tiene parte',
+    'geneOntology.relation.isA': 'Es un',
+    'geneOntology.relation.partOf': 'Parte de',
+    'geneOntology.relation.regulates': 'Regula',
+    // 11.GeneOntologyPanel
+    'geneOntology.panel.filterType': 'Tipo de filtro',
+    'geneOntology.panel.filterType.intersection': 'Intersección',
+    'geneOntology.panel.filterType.union': 'Unión',
+    'geneOntology.panel.filterType.enrichment': 'Enriquecimiento',
+    'geneOntology.panel.pValueThreshold': 'Umbral de valor p',
+    'geneOntology.panel.correctionMethod': 'Método de corrección',
+    'geneOntology.panel.correctionMethod.analytical': 'Analítico',
+    'geneOntology.panel.correctionMethod.bonferroni': 'Bonferroni',
+    'geneOntology.panel.correctionMethod.falseDiscoveryRate': 'Tasa de descubrimiento falso',
+    'geneOntology.panel.relationType': 'Tipo de relación',
+    'geneOntology.panel.relationType.enables': 'Habilita',
+    'geneOntology.panel.relationType.involvedIn': 'Involucrado en',
+    'geneOntology.panel.relationType.partOf': 'Parte de',
+    'geneOntology.panel.relationType.locatedIn': 'Ubicado en',
+    'geneOntology.panel.ontologyType': 'Tipo de ontología',
+    'geneOntology.panel.ontologyType.biologicalProcess': 'Proceso biológico',
+    'geneOntology.panel.ontologyType.molecularFunction': 'Función molecular',
+    'geneOntology.panel.ontologyType.cellularComponent': 'Componente celular',
+    'geneOntology.panel.table.term': 'Término',
+    'geneOntology.panel.table.ontologyType': 'Tipo de ontología',
+    // 12GENES.ActionableCancerGenesPanel.tsx
+    'actionableGenes.panel.title': 'Panel de genes de cáncer accionables',
+    // 13.GeneAssociationsNetworkPanel
+    'geneAssociations.relation.fusion': 'Fusión',
+    'geneAssociations.relation.coOccurrence': 'Co-ocurrencia',
+    'geneAssociations.relation.experimental': 'Experimental',
+    'geneAssociations.relation.textMining': 'Minería de texto',
+    'geneAssociations.relation.database': 'Base de datos',
+    'geneAssociations.relation.coExpression': 'Co-expresión',
+    'geneAssociations.form.minCombinedScore': 'Puntuación combinada mínima',
+    'geneAssociations.infoPopup.text': 'La puntuación combinada se calcula combinando las probabilidades de los diferentes canales de evidencia y se corrige por la probabilidad de observar una interacción al azar. Para una descripción más detallada consulte von Mering, et al. Nucleic Acids Res. 2005',
+    // 14.GeneInformation
+    'geneInformation.context.gene': 'para este gen',
+    'geneInformation.summary': 'Resumen',
+    // 15.MetabolicPathwaysPanel.tsx
+    'metabolicPathways.infoPopup': 'Lista de genes que participan en una vía para una base de datos dada',
+    'metabolicPathways.header': 'Vías metabólicas',
+    'metabolicPathways.selectSource': 'Selecciona una fuente',
+    'metabolicPathways.sourcePlaceholder': 'Fuente',
+    // 16.PathwaysInformation.tsx
+    'pathwaysInformation.context.gene': 'para este gen',
+    'pathwaysInformation.context.pathways': 'para este gen',
+    // 17.MethylationInformation.tsx
+    'methylationInformation.noDetails': 'No se encontraron detalles para este sitio de metilación',
+    'methylationInformation.infoPopup.aliases': 'Alias de metilación y posición cromosómica',
+    'methylationInformation.header': 'Información de metilación',
+    'methylationInformation.chromosomePosition': 'Posición cromosómica:',
+    'methylationInformation.infoPopup.ucsc': 'Lista de islas relacionadas con el sitio de metilación según la base de datos UCSC',
+    'methylationInformation.header.ucsc': 'Islas CpG UCSC',
+    'methylationInformation.table.cpgIsland': 'Isla CpG',
+    'methylationInformation.table.relation': 'Relación',
+    'methylationInformation.infoPopup.genes': 'Genes relacionados con este sitio de metilación y las regiones donde se encuentra. Estas regiones, según la base de datos NCBI RefSeq, pueden ser: 5UTR=5\' región no traducida entre el sitio de inicio de transcripción (TTS) y el sitio de inicio ATG, 3UTR=3\' región no traducida entre el codón de parada y la señal poli A, exon_#, TSS200=1-200 pb 5\' del TSS, o TS1500=200-1500 pb 5\' del TSS',
+    'methylationInformation.header.genes': 'Genes relacionados',
+    'methylationInformation.table.gene': 'Gen',
+    'methylationInformation.table.regions': 'Regiones',
+    // 18.CurrentMoleculeDetails.tsx
+    'currentMoleculeDetails.noSelection': 'Ninguna molécula seleccionada',
+    'currentMoleculeDetails.selectOne': 'Selecciona una en el panel izquierdo',
+    //  19.MoleculesDetailsMenu.tsx
+    'moleculesDetailsMenu.details.info': 'Detalles de {identifier} obtenidos de diferentes fuentes estandarizadas',
+    'moleculesDetailsMenu.geneAssociations': 'Red de asociaciones génicas',
+    'moleculesDetailsMenu.geneAssociations.info': 'Muestra la red de asociaciones génicas de los genes de este biomarcador',
+    'moleculesDetailsMenu.geneOntology': 'Ontología génica',
+    'moleculesDetailsMenu.geneOntology.info': 'La Ontología Génica (GO) es una herramienta poderosa para comprender los procesos biológicos, funciones moleculares y componentes celulares asociados a un gen',
+    'moleculesDetailsMenu.diseases': 'Enfermedades',
+    'moleculesDetailsMenu.diseases.info': 'Interacciones de la molécula con enfermedades reportadas en la literatura',
+    'moleculesDetailsMenu.drugs': 'Fármacos',
+    'moleculesDetailsMenu.drugs.info': 'Interacciones de la molécula con fármacos reportadas en la literatura',
+    'moleculesDetailsMenu.miRNAGeneInteractions': 'Interacciones miRNA-Gen',
+    'moleculesDetailsMenu.miRNAGeneInteractions.info': 'Diferentes interacciones miRNA-Gen reportadas en la literatura junto con el puntaje mirDIP y fuentes de PubMed',
+    // 20.MoleculesTable.tsx
+    'moleculesTable.type.mrna': 'mRNA',
+    'moleculesTable.type.mirna': 'miRNA',
+    'moleculesTable.type.cna': 'CNA',
+    'moleculesTable.type.methylation': 'Metilación',
+    'moleculesTable.header.identifier': 'Identificador',
+    'moleculesTable.header.type': 'Tipo',
+    'moleculesTable.header.actions': 'Acciones',
+    'moleculesTable.search.label': 'Muestra',
+    // 21.SamplesAndGroupsTable.tsx
+    'samplesAndGroupsTable.header.sample': 'Muestra',
+    'samplesAndGroupsTable.filter.cluster.placeholder': 'Filtrar por cluster',
+    'samplesAndGroupsTable.search.label': 'Muestra',
+    // 22.StatisticalValidationResultBestFeatures.tsx
+    'statValidationBestFeatures.axis.molecule': 'Molécula',
+    'statValidationBestFeatures.context.features': 'características significativas para esta validación estadística',
+    // 23.StatisticalValidationResultKaplanMeier.tsx
+    'kaplanMeier.axis.time': 'Tiempo',
+    'kaplanMeier.axis.probability': 'Probabilidad',
+    'kaplanMeier.info.coxRegression': 'Estas métricas se calculan usando Cox-Regression',
+    'kaplanMeier.header.clusteringMetrics': 'Métricas de clustering',
+    'kaplanMeier.button.clusteringModel': 'Modelo de clustering',
+    'kaplanMeier.button.groupByClinical': 'Agrupar por atributo clínico',
+    'kaplanMeier.select.clinicalAttribute': 'Atributo clínico para agrupar',
+    'kaplanMeier.metric.cIndex': 'Índice C',
+    'kaplanMeier.metric.partialLogLikelihood': 'Log-verosimilitud parcial',
+    'kaplanMeier.button.seeSamplesAndClusters': 'Ver muestras y clusters',
+    'kaplanMeier.modal.samplesAndClusters': 'Muestras y clusters',
+    // 24.StatisticalValidationResultMetrics.tsx
+    'statValidationMetrics.header.metrics': 'métricas',
+    'statValidationMetrics.header.validationMetrics': 'Métricas de validación',
+    'statValidationMetrics.metric.mse': 'MSE',
+    'statValidationMetrics.metric.r2Score': 'Puntaje R2',
+    'statValidationMetrics.header.model': 'Modelo',
+    // 25.NewStatisticalValidationModal.tsx
+    'newStatValidation.header.create': 'Crear nueva validación estadística',
+    'newStatValidation.step.trainedModel': 'Paso 1: Modelo entrenado',
+    'newStatValidation.step.validationDatasets': 'Paso 2: Conjuntos de validación',
+    // 26.StatisticalValidationMenu.tsx
+    'statValidationMenu.bestFeatures': 'Características más significativas',
+    'statValidationMenu.bestFeatures.info': 'Características más significativas para el análisis de supervivencia',
+    'statValidationMenu.kaplanMeier.info': 'Curva mostrando supervivencia o hazard ratio',
+    'statValidationMenu.heatmap': 'Mapa de calor',
+    'statValidationMenu.heatmap.info': 'Mapa de calor para cada muestra y molécula',
+    // 27.StatisticalValidationsTable.tsx
+    'statValidationsTable.stopValidation.header': 'Detener validación estadística',
+    'statValidationsTable.stopValidation.confirm': '¿Está seguro de que desea detener la validación estadística {name}?',
+    'statValidationsTable.deleteValidation.header': 'Eliminar validación estadística',
+    'statValidationsTable.deleteValidation.confirm': '¿Está seguro de que desea eliminar la validación estadística {name}?',
+    'statValidationsTable.headerTitle': 'Validaciones estadísticas',
+    'statValidationsTable.headers.model': 'Modelo',
+    'statValidationsTable.headers.datasets': 'Conjuntos de datos',
+    'statValidationsTable.headers.actions': 'Acciones',
+    'statValidationsTable.newValidation': 'Nueva validación estadística',
+    'statValidationsTable.actions.seeResults': 'Ver resultados',
+    'statValidationsTable.actions.stopValidation': 'Detener validación estadística',
+    'statValidationsTable.actions.deleteValidation': 'Eliminar validación estadística',
+    // 28.NewClusteringModelForm.tsx
+    'newClusteringForm.placeholder.algorithm': 'Seleccione un algoritmo',
+    'newClusteringForm.label.searchOptimalClusters': 'Buscar el número óptimo de clusters',
+    'newClusteringForm.info.nClusters': 'Número de clusters para agrupar los datos. El número óptimo puede encontrarse buscando el codo en la curva de la suma de distancias cuadradas entre muestras y su centro de cluster más cercano.',
+    'newClusteringForm.placeholder.metric': 'Seleccione una métrica',
+    'newClusteringForm.placeholder.scoringMethod': 'Seleccione un método',
+    'newClusteringForm.info.algorithm': 'K-Means: agrupa datos minimizando la varianza intra-cluster; útil para RNA y miRNA. Spectral Clustering: usa similitud basada en grafos para patrones complejos; ideal para metilación y CNA. BK-Means: variación jerárquica de K-Means, adecuada para datasets clínicos y multi-ómicos. Método de Ward: minimiza la varianza en clustering jerárquico; útil para combinar RNA y metilación.',
+    'newClusteringForm.info.metric': 'Cox Regression: modelo de riesgos proporcionales para asociaciones entre multi-ómicos y resultados clínicos. Log-Rank Test: prueba no paramétrica para comparar distribuciones de supervivencia; actualmente no disponible.',
+    'newClusteringForm.info.scoringMethod': 'C-Index: medida de concordancia entre resultados predichos y observados; valores altos indican mejor desempeño. Log Likelihood: probabilidad de observar los datos dado el modelo; valores bajos indican mejor desempeño.',
+    'newClusteringForm.info.randomState': 'Semilla usada por el generador aleatorio para asegurar reproducibilidad.',
+    'newClusteringForm.info.penalizer': 'Útil cuando hay pocas muestras o eventos observados; aumenta la robustez del modelo evitando problemas con valores NaN.',
+    // 29.NewRFModelForm.tsx
+    'newRFForm.label.searchOptimalTrees': 'Buscar el número óptimo de árboles',
+    'newRFForm.info.searchOptimalTrees': 'Esta opción es útil cuando el número de muestras en los datos clínicos es pequeño o hay pocos eventos observados; establecer este valor aumenta la robustez del modelo en tales casos, evitando problemas con valores NaN.',
+    'newRFForm.label.maxDepth': 'Profundidad máxima',
+    'newRFForm.info.maxDepth': 'La profundidad máxima del árbol',
+    'newRFForm.info.randomState': 'Semilla utilizada por el generador de números aleatorios',
+    'newRFForm.label.nEstimators': 'Número de árboles',
+    'newRFForm.info.nEstimators': 'El número de árboles (estimadores) utilizados en el modelo Random Forest.',
+    // 30.NewSVMModelForm.tsx
+    'newSVMForm.info.kernel.linear': 'Kernel lineal: Mejor para datos linealmente separables; comúnmente usado para clasificación simple de características genómicas o clínicas.',
+    'newSVMForm.info.kernel.polynomial': 'Kernel polinomial: Captura patrones no lineales; efectivo para relaciones complejas en datos multi-ómicos.',
+    'newSVMForm.info.kernel.rbf': 'Kernel RBF: Mapea los datos a un espacio de mayor dimensión; ideal para manejar separaciones no lineales en análisis de ARN y metilación.',
+    'newSVMForm.placeholder.kernel': 'Seleccionar un kernel',
+    'newSVMForm.label.maxIterations': 'Iteraciones máximas',
+    'newSVMForm.info.maxIterations': 'El número máximo de iteraciones a ejecutar',
+    'newSVMForm.info.randomState': 'Semilla utilizada por el generador de números aleatorios',
+    // 31.NewTrainedModelModal
+    'newTrainedModelModal.header.create': 'Crear nuevo modelo entrenado',
+
+    'newTrainedModelModal.step1.trainingParameters': 'Paso 1: Parámetros de entrenamiento',
+    'newTrainedModelModal.step2.trainingDatasets': 'Paso 2: Conjuntos de datos de entrenamiento',
+
+    'newTrainedModelModal.header.selectModel': 'Seleccionar un nuevo modelo para entrenar',
+    'newTrainedModelModal.placeholder.selectModel': 'Seleccionar un modelo',
+    'newTrainedModelModal.header.selectModelParameters': 'Seleccionar parámetros del modelo',
+    'newTrainedModelModal.header.selectCVParameters': 'Seleccionar parámetros de validación cruzada',
+    'newTrainedModelModal.info.numberOfFolds': 'Define el número de divisiones de datos para la validación cruzada; asegura una evaluación robusta del modelo y previene el sobreajuste.',
+    // 32.BiomarkerTrainedModelsTable
+    'biomarkerTrainedModelsTable.header.stopTraining': 'Detener entrenamiento',
+    'biomarkerTrainedModelsTable.confirm.stopTraining': '¿Está seguro de que desea detener el entrenamiento del modelo {modelName}?',
+    'biomarkerTrainedModelsTable.button.stop': 'Detener',
+    'biomarkerTrainedModelsTable.header.deleteBiomarker': 'Eliminar biomarcador',
+    'biomarkerTrainedModelsTable.confirm.deleteBiomarker': '¿Está seguro de que desea eliminar el biomarcador {modelName}?',
+    'biomarkerTrainedModelsTable.header.trainedModels': 'Modelos entrenados',
+    'biomarkerTrainedModelsTable.header.model': 'Modelo',
+    'biomarkerTrainedModelsTable.header.bestCVMetric': 'Mejor métrica de validación cruzada',
+    'biomarkerTrainedModelsTable.header.datasets': 'Conjuntos de datos',
+    'biomarkerTrainedModelsTable.header.actions': 'Acciones',
+    'biomarkerTrainedModelsTable.filter.modelType': 'Tipo de modelo',
+    'biomarkerTrainedModelsTable.button.newTrainedModel': 'Nuevo modelo entrenado',
+    'biomarkerTrainedModelsTable.search.placeholder': 'Buscar por nombre o descripción',
+    'biomarkerTrainedModelsTable.button.stopTrainedModel': 'Detener modelo entrenado',
+    'biomarkerTrainedModelsTable.button.deleteTrainedModel': 'Eliminar modelo entrenado',
+    'biomarkerTrainedModelsTable.button.deleteTrainedModelNotAllowed': 'El modelo entrenado no puede eliminarse porque tiene validaciones estadísticas y/o experimentos de inferencia relacionados',
+    // 33.ModelDetailsPanels
+    'modelDetails.general.bestFitnessValue': 'Mejor valor de fitness:',
+    'modelDetails.svm.task': 'Tarea:',
+    'modelDetails.rf.numberOfEstimators': 'Número de estimadores:',
+    'modelDetails.rf.maxDepth': 'Profundidad máxima:',
+    // 34.BiomarkerStateLabel
+    'biomarkerState.completed': 'El experimento está completo',
+    'biomarkerState.finishedWithError': 'El experimento terminó con errores. Intenta nuevamente',
+    'biomarkerState.waitingForQueue': 'El proceso de este experimento comenzará pronto',
+    'biomarkerState.noSamplesInCommon': 'Los datasets no tienen muestras en común',
+    'biomarkerState.inProcess': 'El experimento está siendo procesado',
+    'biomarkerState.stopping': 'El experimento está siendo detenido',
+    'biomarkerState.stopped': 'El experimento fue detenido',
+    'biomarkerState.reachedAttemptsLimit': 'El experimento falló varias veces. Cambia algunos parámetros e intenta nuevamente',
+    'biomarkerState.noFeaturesFound': 'No se encontraron features. Cambia algunos parámetros e intenta nuevamente',
+    'biomarkerState.emptyDataset': 'Después de filtrar valores inválidos como NaN o inf, no quedaron moléculas ni muestras para hacer la inferencia. Quizás las moléculas solicitadas no existen en el dataset, o todos los pacientes contienen datos NaN o inf. Cambia el dataset usado o corrige tus datos e intenta nuevamente.',
+    'biomarkerState.noValidMolecules': 'El dataset usado no tiene suficientes moléculas para calcular el experimento (por ejemplo, tiene moléculas diferentes a las especificadas en el Biomarker). Selecciona otro dataset e intenta nuevamente',
+    'biomarkerState.numberOfSamplesFewerThanCvFolds': 'Hay menos miembros en cada clase que el número de folds de CrossValidation. Se intentó usar un número menor de splits pero aún así falló. Selecciona un dataset más grande e intenta nuevamente',
+    'biomarkerState.timeoutExceeded': 'El análisis alcanzó el límite de tiempo. Cambia algunos parámetros e intenta nuevamente',
+    // 35.SVMKernelTask
+    'svmTask.regression': 'Regresión',
+    'svmTask.ranking': 'Clasificación',
+    // 36.TrainedModelStateLabel
+    'trainedModelState.completed': 'El experimento está completo{cvModified, select, true { (el número de folds de CrossValidation fue modificado para ser estratificado)} false {}}',
+    'trainedModelState.finishedWithError': 'El experimento terminó con errores. Intenta nuevamente',
+    'trainedModelState.waitingForQueue': 'El proceso de este experimento comenzará pronto',
+    'trainedModelState.noSamplesInCommon': 'Los datasets no tienen muestras en común',
+    'trainedModelState.inProcess': 'El experimento está siendo procesado',
+    'trainedModelState.stopping': 'El experimento está siendo detenido',
+    'trainedModelState.stopped': 'El experimento fue detenido',
+    'trainedModelState.reachedAttemptsLimit': 'El experimento falló varias veces. Cambia algunos parámetros e intenta nuevamente',
+    'trainedModelState.noFeaturesFound': 'No se encontraron features. Cambia algunos parámetros e intenta nuevamente',
+    'trainedModelState.noBestModelFound': 'No se pudo obtener un modelo. Quizás hay menos muestras que el número de folds en la CrossValidation o los datos presentan alta colinealidad. Cambia algunos parámetros como el penalizador o el número de folds en el proceso de CV e intenta nuevamente',
+    'trainedModelState.numberOfSamplesFewerThanCvFolds': 'Hay menos miembros en cada clase que el número de folds de CrossValidation. Se intentó usar un número menor de splits pero aún así falló. Selecciona un dataset más grande e intenta nuevamente',
+    'trainedModelState.modelDumpNotAvailable': 'El proceso de selección de features terminó correctamente, pero hubo un problema al obtener el modelo. Intenta entrenar un nuevo modelo',
+    'trainedModelState.timeoutExceeded': 'El proceso de entrenamiento alcanzó el límite de tiempo. Cambia algunos parámetros e intenta nuevamente',
+    'trainedModelState.emptyDataset': 'Después de filtrar valores inválidos como NaN o inf, no quedaron moléculas ni muestras para entrenar el modelo. Quizás las moléculas solicitadas no existen en el dataset, o todos los pacientes contienen datos NaN o inf',
+    // 37.BiomarkerTypeSelection
+    'biomarkerType.createNew': 'Crear un nuevo Biomarker',
+    'biomarkerType.chooseType': 'Elegir tipo de Biomarker',
+    'biomarkerType.empty.title': 'Vacío',
+    'biomarkerType.empty.description': 'Crear un Biomarker vacío. Luego puedes añadir moléculas o features (genes, microRNAs, metilación de ADN, CNAs) que compondrán el biomarker',
+    'biomarkerType.featureSelection.title': 'Selección de features/ML',
+    'biomarkerType.featureSelection.description': 'Como punto de partida, puedes seleccionar un Biomarker previamente descubierto, un Biomarker reconocido, o un conjunto de genes que quieras probar. Este método seleccionará el subconjunto molecular que mejor se ajuste a la predicción',
+    // 38.BBHAAdvanced
+    'bbha.numberOfStars': 'Número de estrellas',
+    'bbha.numberOfStars.info': 'Número de estrellas en el Binary Black Hole Algorithm. Cada una de estas estrellas evalúa un subconjunto diferente de features. Aumentar este número incrementa las chances de evaluar el subconjunto más óptimo pero retrasa más el resultado del experimento',
+    'bbha.numberOfIterations.info': 'Número de iteraciones en el Binary Black Hole Algorithm. En cada iteración se calcula la función de fitness para cada estrella con su correspondiente subconjunto de features. Aumentar este número permite evaluar más combinaciones de features pero retrasa más el resultado del experimento',
+    'bbha.version': 'Versión de BBHA',
+    'bbha.version.original': 'El enfoque Original ejecuta el Binary Black Hole Algorithm tal como se definió en',
+    'bbha.version.v2': 'La Versión 2 es una versión mejorada definida en este',
+    'bbha.coefficientExplanation': 'Coeficiente especificado en el',
+    'bbha.useSpark': 'Intentar optimizar usando Apache Spark',
+    'bbha.useSpark.info': 'Si esta opción está habilitada, el experimento se ejecutará (si es posible) usando Apache Spark para optimizar los tiempos de ejecución',
+    // 39.CoxRegressionAdvanced
+    'coxRegression.keepTopN': 'Mantener los N principales',
+    'coxRegression.keepTopN.info': 'Número máximo de features que se conservarán después del procesamiento. Las features se ordenan en orden descendente según sus coeficientes, manteniendo primero las más significativas. Si este valor se deja vacío, se conservarán todas aquellas cuyos coeficientes sean distintos de 0',
+    // 40.GAAdvanced
+    'ga.populationSize': 'Tamaño de la población',
+    'ga.populationSize.info': 'Número de soluciones candidatas (individuos o posibles soluciones) que coexisten en cada generación del Genetic Algorithm. Aumentar este número permite evaluar más combinaciones de features pero retrasa más el resultado del experimento',
+    'ga.mutationRate': 'Tasa de mutación',
+    'ga.floatPlaceholder': 'Un número decimal',
+    'ga.mutationRate.info': 'Determina la probabilidad de que un bit (dígito binario) en una solución candidata sea alterado o cambiado aleatoriamente durante el proceso de evolución. Esta opción introduce pequeños cambios aleatorios para explorar nuevas posibilidades.',
+    'ga.numberOfIterations.info': 'Número de iteraciones en el Genetic Algorithm. En cada iteración se calcula la función de fitness para cada solución candidata con su correspondiente subconjunto de features. Aumentar este número permite evaluar más combinaciones de features pero retrasa más el resultado del experimento',
+    'ga.useSpark': 'Intentar optimizar usando Apache Spark',
+    'ga.useSpark.info': 'Si esta opción está habilitada, el experimento se ejecutará (si es posible) usando',
+    // 41.ClusteringPanel
+    'clustering.algorithm.placeholder': 'Algoritmo de Clustering',
+    // 42.RFPanel
+    'rf.numberOfEstimators': 'Número de estimadores',
+    'rf.maxDepth': 'Profundidad máxima',
+    // 43.SVMPanel
+    'svm.kernel.placeholder': 'Seleccionar un Kernel',
+    // 44.FeatureSelectionForm
+    'featureSelection.fitnessFunction': 'Función de fitness',
+    'featureSelection.searchOptimalClusters': 'Buscar el número óptimo de clusters (próximamente)',
+    'featureSelection.maxIterations': 'Máximo de iteraciones',
+    // 45.FeatureSelectionStep1
+    'featureSelectionStep1.headerTitle': 'Biomarcadores',
+    'featureSelectionStep1.searchPlaceholder': 'Buscar por nombre',
+    // 46.FeatureSelectionStep3
+    'featureSelectionStep3.blindSearch': 'Búsqueda exhaustiva',
+    'featureSelectionStep3.expertMode': 'Modo experto',
+    'featureSelectionStep3.geneticAlgorithms': 'Algoritmos genéticos',
+    // 47.CrossValidationInput
+    'crossValidation.integerPlaceholder': 'Un número entero',
+    // 48.FeatureSelectionPanel
+    'featureSelectionPanel.tag': 'Etiqueta',
+    'featureSelectionPanel.step1': 'Paso 1',
+    'featureSelectionPanel.step2': 'Paso 2: Conjuntos de datos',
+    'featureSelectionPanel.step3': 'Paso 3: Selección de características',
+    'featureSelectionPanel.selectBiomarker': 'Seleccionar biomarcador',
+    'featureSelectionPanel.selectedBiomarker': 'Seleccionado {biomarker}',
+    // 50.NewBiomarkerForm
+    'newBiomarkerForm.newBiomarker': 'Nuevo biomarcador',
+    'newBiomarkerForm.cannotEditMolecules': 'No se pueden editar las moléculas',
+    'newBiomarkerForm.cannotEditMoleculesDescription': 'Este biomarcador contiene modelos y validaciones asociadas, por lo que sus moléculas no pueden modificarse. Para cambiar sus moléculas, considere clonar este biomarcador y trabajar con su copia.',
+    'newBiomarkerForm.selectMolecule': 'Seleccionar molécula',
+    'newBiomarkerForm.invalidMoleculesWarning': 'Algunas moléculas (en naranja) de los paneles no fueron encontradas en nuestra base de datos.',
+    'newBiomarkerForm.ambiguousMoleculesWarning': 'Hay moléculas ambiguas (en amarillo). Por favor seleccione las apropiadas en los paneles.',
+    'newBiomarkerForm.ignoreMoleculesWarnings': 'Ignorar moléculas con advertencias',
+    'newBiomarkerForm.ignoreMoleculesInfo': 'Este mensaje no indica un error en sus datos, sino que estas moléculas no fueron encontradas durante la validación. Esto puede deberse a datos desactualizados o diferentes nomenclaturas. Si está seguro de que no hay correcciones por realizar y desea continuar guardando el biomarcador, marque la casilla para habilitar el envío.',
+    'newBiomarkerForm.sendForm': 'Enviar formulario',
+    'newBiomarkerForm.resetForm': 'Reiniciar formulario',
+    'newBiomarkerForm.resetFormDescription': 'Va a reiniciar el formulario y limpiar todos los datos ingresados.',
+
+    // 51.SelectDropDownSingleMolecule
+    'selectDropDownSingleMolecule.selectMolecules': 'Seleccionar moléculas',
+    'selectDropDownSingleMolecule.noResults': 'Molécula no encontrada',
+    'selectDropDownSingleMolecule.ignoreAlias': 'No usar alias propuesto',
+    'selectDropDownSingleMolecule.ignoreAliasInfo': 'Si está marcado, la molécula será agregada al biomarcador con el nombre encontrado en la consulta.',
+    'selectDropDownSingleMolecule.searchInfo': 'Este motor de búsqueda mostrará moléculas que comiencen con el criterio de búsqueda y, si es necesario, el alias validado encontrado en nuestra base de datos. Este último será agregado al biomarcador. Si desea ingresar la molécula tal como fue encontrada, marque la casilla inferior.',
+
+    // 52.TextAreaMolecules
+    'textAreaMolecules.insertMolecules': 'Insertar moléculas',
+
+    // 53.BiomarkerDetailsMenu
+    'biomarkerDetailsMenu.moleculesDetails': 'Detalles de moléculas',
+    'biomarkerDetailsMenu.moleculesDetailsInfo': 'Detalles de las moléculas que componen el biomarcador',
+    'biomarkerDetailsMenu.trainedModels': 'Modelos entrenados',
+    'biomarkerDetailsMenu.trainedModelsInfo': 'Panel para listar y entrenar modelos de Machine Learning a partir de información genómica y epigenómica. Estos modelos permiten validación estadística del poder pronóstico/predictivo del biomarcador o inferencia sobre nuevos datos.',
+    'biomarkerDetailsMenu.statisticalValidations': 'Validaciones estadísticas',
+    'biomarkerDetailsMenu.statisticalValidationsInfo': 'Realizar validaciones estadísticas a partir de modelos de Machine Learning previamente entrenados.',
+    'biomarkerDetailsMenu.inference': 'Inferencia',
+    'biomarkerDetailsMenu.inferenceInfo': 'Realizar inferencia sobre nuevos datos genómicos y epigenómicos a partir de modelos de Machine Learning previamente entrenados.',
+    'biomarkerDetailsMenu.featureSelectionSummary': 'Resumen de selección de características',
+    'biomarkerDetailsMenu.featureSelectionSummaryInfo': 'Detalles del proceso de selección de características.',
+
+    // 54.BiomarkerOriginLabel
+    'biomarkerOriginLabel.manual': 'Manual',
+    'biomarkerOriginLabel.featureSelection': 'Selección de características',
+
+    // 55.SharedInstitutionsBiomarker.tsx
+    'sharedInstitutionsBiomarker.header': 'Instituciones compartidas',
+    'sharedInstitutionsBiomarker.selectPlaceholder': 'Seleccione una institución para compartir',
+    'sharedInstitutionsBiomarker.addInstitution': 'Agregar institución',
+    'sharedInstitutionsBiomarker.removeInstitution': 'Eliminar institución',
+    'sharedInstitutionsBiomarker.confirm.share.header': 'Compartir biomarcador',
+    'sharedInstitutionsBiomarker.confirm.share.content': '¿Está seguro de que desea compartir este biomarcador con la institución seleccionada?',
+    'sharedInstitutionsBiomarker.confirm.stopShare.header': 'Dejar de compartir con institución',
+    'sharedInstitutionsBiomarker.confirm.stopShare.content': '¿Está seguro de que desea dejar de compartir este biomarcador con esta institución?',
+    'sharedInstitutionsBiomarker.users.title': 'Usuarios de {institutionName}',
+    'sharedInstitutionsBiomarker.users.column': 'Nombre de usuario',
+    'sharedInstitutionsBiomarker.users.searchPlaceholder': 'Buscar por nombre de usuario',
+
+    // 56.SharedUsersBiomarker.tsx
+    'sharedUsersBiomarker.header': 'Usuarios compartidos',
+    'sharedUsersBiomarker.selectPlaceholder': 'Seleccione un usuario para compartir',
+    'sharedUsersBiomarker.addUser': 'Agregar usuario',
+    'sharedUsersBiomarker.removeUser': 'Eliminar usuario',
+    'sharedUsersBiomarker.confirm.share.header': 'Compartir biomarcador',
+    'sharedUsersBiomarker.confirm.share.content': '¿Está seguro de que desea compartir este biomarcador con el usuario seleccionado?',
+    'sharedUsersBiomarker.confirm.stopShare.header': 'Dejar de compartir con usuario',
+    'sharedUsersBiomarker.confirm.stopShare.content': '¿Está seguro de que desea dejar de compartir este biomarcador con este usuario?',
+
+    // 58.NewCGDSDatasetForm
+    'cgdsDatasetForm.filePath.placeholder': 'Ruta del archivo',
+    'cgdsDatasetForm.separator.placeholder': 'Seleccionar separador',
+    'cgdsDatasetForm.separator.label': 'Separador',
+    'cgdsDatasetForm.separator.comma': 'Coma',
+    'cgdsDatasetForm.separator.semicolon': 'Punto y coma',
+    'cgdsDatasetForm.separator.tab': 'Tabulación',
+    'cgdsDatasetForm.separator.colon': 'Dos puntos',
+    'cgdsDatasetForm.separator.whitespace': 'Espacio en blanco',
+    'cgdsDatasetForm.observation.placeholder': 'Observación',
+    'cgdsDatasetForm.headerIndex.placeholder': 'Índice de fila del encabezado (indexado desde 0)',
+    'cgdsDatasetForm.headerIndex.help': 'Los índices de fila comienzan desde 0',
+    'cgdsDatasetForm.mongoName.placeholder': 'Nombre de la colección de Mongo',
+    'cgdsDatasetForm.icon.add': 'Agregar dataset',
+    'cgdsDatasetForm.icon.remove': 'Eliminar dataset',
+
+    // 59.NewCGDSStudyForm
+    'cgdsStudyForm.header': 'Agregar especificación del estudio CGDS',
+    'cgdsStudyForm.url.placeholder': 'URL (tar.gz/zip)',
+    'cgdsStudyForm.urlInfo.placeholder': 'URL de información extra',
+    'cgdsStudyForm.datasets.header': 'Datasets CGDS',
+    'cgdsStudyForm.dataset.methylation': 'Metilación',
+    'cgdsStudyForm.dataset.clinicalPatients': 'Pacientes clínicos',
+    'cgdsStudyForm.dataset.clinicalSamples': 'Muestras clínicas',
+    'cgdsStudyForm.requiredField': 'Campo requerido',
+    'cgdsStudyForm.syncWarning': 'Para tener los datos disponibles, debe realizar la sincronización al menos una vez',
+    'cgdsStudyForm.addStudy': 'Agregar estudio',
+    'cgdsStudyForm.editStudy': 'Editar estudio',
+
+    // 60.BoxplotsCommons
+    'boxPlotTooltip.min': 'Mínimo',
+    'boxPlotTooltip.firstQuartile': 'Primer cuartil',
+    'boxPlotTooltip.median': 'Mediana',
+    'boxPlotTooltip.thirdQuartile': 'Tercer cuartil',
+    'boxPlotTooltip.max': 'Máximo',
+    'boxPlotTooltip.mean': 'Media',
+    'boxPlotTooltip.outliers': 'Valores atípicos (usando MAD)',
+
+    // 61.ClusterLabelsSetsModal
+    'clusterLabelsSetsModal.header': 'Conjuntos de etiquetas de clúster',
+    'clusterLabelsSetsModal.newClusterModel': 'Nuevo modelo de clúster',
+    'clusterLabelsSetsModal.searchPlaceholder': 'Buscar por nombre o descripción',
+
+    // 62.NewClusterLabelsSetModal
+    'newClusterLabelsSetModal.header': 'Nuevo conjunto de etiquetas de clúster',
+    'newClusterLabelsSetModal.labelsHeader': 'Etiquetas',
+    'newClusterLabelsSetModal.clusterId': 'ID del clúster',
+    'newClusterLabelsSetModal.label': 'Etiqueta',
+    'newClusterLabelsSetModal.addLabel': 'Agregar etiqueta',
+    'newClusterLabelsSetModal.deleteLabel': 'Eliminar etiqueta',
+    'newClusterLabelsSetModal.color': 'Color',
+
+    // 63.NewPredictionRangeLabelsSetModal
+    'newPredictionRangeLabelsSetModal.header': 'Nuevos conjuntos de etiquetas de rango de predicción',
+    'newPredictionRangeLabelsSetModal.subHeader': 'Nuevo PredictionRangeLabelsSet',
+    'newPredictionRangeLabelsSetModal.labelsHeader': 'Etiquetas',
+    'newPredictionRangeLabelsSetModal.minValue': 'Valor mínimo',
+    'newPredictionRangeLabelsSetModal.maxValue': 'Valor máximo',
+    'newPredictionRangeLabelsSetModal.label': 'Etiqueta',
+    'newPredictionRangeLabelsSetModal.deleteLabel': 'Eliminar etiqueta',
+    'newPredictionRangeLabelsSetModal.addLabel': 'Agregar etiqueta',
+    'newPredictionRangeLabelsSetModal.color': 'Color',
+    'newPredictionRangeLabelsSetModal.error.maxValue': 'El valor máximo debe ser mayor que el valor mínimo',
+    'newPredictionRangeLabelsSetModal.error.overlap': 'Los rangos se superponen con la etiqueta "{label}" (posición {position})',
+
+    // 64.PredictionRangeLabelsSetModal
+    'predictionRangeLabelsSetModal.header': 'Conjuntos de etiquetas de rango de predicción',
+    'predictionRangeLabelsSetModal.newModel': 'Nuevo conjunto de etiquetas de rango de predicción',
+    'predictionRangeLabelsSetModal.searchPlaceholder': 'Buscar por nombre o descripción',
+
+    // 65.PredictionRangeLabelsSetSelect
+    'predictionRangeLabelsSetSelect.label': 'Usar una etiqueta de rango',
+    'predictionRangeLabelsSetSelect.placeholder': 'Usar etiquetas de rango',
+
+    // 66.EditIcon.tsx
+    'common.edit': 'Editar',
+
+    // 67.PaginatedTable.tsx
+    'paginatedTable.loading': 'Cargando...',
+    'paginatedTable.searchLabel': 'Nombre/Descripción',
+    'paginatedTable.entries': 'Entradas',
+
+    // 68.SourceSelectors.tsx
+    'sourceSelectors.clinicalProfile': 'Perfil clínico',
+    'sourceSelectors.mRNAProfile': 'Perfil mRNA',
+    'sourceSelectors.mirnaProfile': 'Perfil miRNA',
+    'sourceSelectors.cnaProfile': 'Perfil CNA',
+    'sourceSelectors.methylationProfile': 'Perfil de metilación',
+
+    // 69.SwitchPublicButton.tsx
+    'switchPublicButton.makePrivate': 'Hacer privado {nameEntity}',
+    'switchPublicButton.makePublic': 'Hacer público {nameEntity}',
+    'switchPublicButton.confirmMakePrivate': '¿Está seguro de hacer privado {nameEntity}?',
+    'switchPublicButton.confirmMakePublic': '¿Está seguro de hacer público {nameEntity}?',
+
+    // 70.TableCellSources.tsx
+    'tableCellSources.downloadClinical': 'Descargar archivo clínico fuente',
+    'tableCellSources.downloadMrna': 'Descargar archivo fuente mRNA',
+    'tableCellSources.downloadMirna': 'Descargar archivo fuente miRNA',
+    'tableCellSources.downloadCna': 'Descargar archivo fuente CNA',
+    'tableCellSources.downloadMethylation': 'Descargar archivo fuente de metilación',
+
+    // 71.TagForm.tsx
+    'tagForm.newTag': 'Nueva etiqueta',
+
+    // 72.TagLabel.tsx
+    'tagLabel.noTagAssigned': 'Sin etiqueta asignada',
+
+    // 73.TryAgainSegment.tsx
+    'tryAgainSegment.message': 'Algo salió mal, por favor inténtelo nuevamente',
+    'tryAgainSegment.button': 'Intentar nuevamente',
+
+    // 74.DifferentialExpressionForm.tsx
+    'differentialExpressionForm.header': 'Nueva Expresión Diferencial',
+    'differentialExpressionForm.samplesMRNA': 'Muestras mRNA: {count}',
+    'differentialExpressionForm.samplesClinical': 'Muestras clínicas: {count}',
+    'differentialExpressionForm.samplesInCommon': 'Muestras en común: {count}',
+    'differentialExpressionForm.thresholdPercentile': 'Percentil umbral: {value}',
+    'differentialExpressionForm.thresholdPercentile.info': 'Umbral percentil para filtrar genes de baja expresión (por defecto 0.15)',
+    'differentialExpressionForm.thresholdStd': 'Desviación estándar umbral: {value}',
+    'differentialExpressionForm.thresholdStd.info': 'Umbral de varianza para filtrado de genes (por defecto 1e-4)',
+    'differentialExpressionForm.top': 'Top: {value}',
+    'differentialExpressionForm.top.info': 'Cantidad más significativa de genes a conservar como resultado',
+    'differentialExpressionForm.editExperiment': 'Editar experimento',
+    'differentialExpressionForm.createExperiment': 'Crear experimento',
+    'differentialExpressionForm.cancelEdit': 'Cancelar edición',
+    'differentialExpressionForm.resetForm': 'Reiniciar formulario',
+    'differentialExpressionForm.successCreated': '¡Experimento de Expresión Diferencial creado exitosamente!',
+    'differentialExpressionForm.successUpdated': '¡Experimento de Expresión Diferencial actualizado exitosamente!',
+    'differentialExpressionForm.errorCreating': '¡Error al crear el experimento de Expresión Diferencial!',
+    'differentialExpressionForm.errorUpdating': '¡Error al actualizar el experimento de Expresión Diferencial!',
+
+    // 75.DifferentialExpressionInputClinicalAttribute.tsx
+    'differentialExpressionInputClinicalAttribute.label': 'Agrupar por atributo clínico',
+    'differentialExpressionInputClinicalAttribute.placeholder': 'Atributo clínico para agrupar',
+
+    // 76.DifferentialExpressionModalResults.tsx
+    'differentialExpressionModalResults.header': 'Resultados del Análisis de Expresión Diferencial - {name}',
+    'differentialExpressionModalResults.tab.volcanoPlot': 'Gráfico volcán',
+
+    // 77.DifferentialExpressionModalResultsTableView.tsx
+    'diffExpResultsTable.logFoldThreshold': 'Umbral de Log Fold',
+    'diffExpResultsTable.headerTitle': 'Resultados de Expresión Diferencial',
+    'diffExpResultsTable.noLogFold': 'Sin filtro de Log Fold',
+    'diffExpResultsTable.pValueThreshold': 'Umbral de p-value',
+    'diffExpResultsTable.noPValue': 'Sin filtro de p-value',
+    'diffExpResultsTable.gene': 'Gen',
+    'diffExpResultsTable.adjPValue': 'p-value ajustado',
+    'diffExpResultsTable.avgExpression': 'Expresión promedio',
+    'diffExpResultsTable.bStatistic': 'Estadístico B',
+    'diffExpResultsTable.logFoldChange': 'Cambio Log Fold',
+    'diffExpResultsTable.pValue': 'p-value',
+    'diffExpResultsTable.tStatistic': 'Estadístico t',
+    'diffExpResultsTable.downloadCSV': 'Descargar resultados en un archivo CSV',
+    'diffExpResultsTable.searchPlaceholder': 'Buscar por gen',
+
+    // 78.DifferentialExpressionModalResultsVolcanoPlot
+    'differentialExpression.volcanoPlot.title': 'Gráfico volcán',
+    'differentialExpression.volcanoPlot.fcThreshold': 'Umbral |log2FC|',
+    'differentialExpression.volcanoPlot.pValueThreshold': 'Umbral de p-value',
+    'differentialExpression.volcanoPlot.showThresholds': 'Mostrar umbrales',
+
+    // 79.DifferentialExpressionPanel
+    'differentialExpression.panel.noMethod': 'Sin método',
+    'differentialExpression.panel.selectMethod': 'Seleccionar un método existente',
+    'differentialExpression.panel.method': 'Método',
+    'differentialExpression.panel.headerTitle': 'Análisis de Expresión Diferencial',
+    'differentialExpression.panel.nameDescription': 'Nombre/Descripción',
+    'differentialExpression.panel.searchByNameDescription': 'Buscar por nombre/descripción',
+    'differentialExpression.panel.stopSuccess': '¡Experimento de Expresión Diferencial detenido exitosamente!',
+    'differentialExpression.panel.stopError': '¡Error al detener el experimento de Expresión Diferencial!',
+    'differentialExpression.panel.deleteSuccess': '¡Experimento de Expresión Diferencial eliminado exitosamente!',
+    'differentialExpression.panel.deleteError': '¡Error al eliminar el experimento de Expresión Diferencial!',
+    'differentialExpression.panel.downloadMrnaSource': 'Descargar archivo fuente mRNA',
+    'differentialExpression.panel.downloadClinicalSource': 'Descargar archivo clínico fuente',
+    'differentialExpression.panel.publicVisible': 'Todos los usuarios de la plataforma pueden ver este experimento',
+    'differentialExpression.panel.publicHidden': 'Si esto está marcado, todos los usuarios de la plataforma pueden ver (pero no editar ni eliminar) este elemento',
+    'differentialExpression.panel.seeResults': 'Ver resultados',
+    'differentialExpression.panel.stopExperiment': 'Detener experimento',
+    'differentialExpression.panel.stopExperimentTitle': 'Detener experimento',
+    'differentialExpression.panel.stopExperimentConfirm': '¿Está seguro de detener el experimento?',
+    'differentialExpression.panel.deleteExperiment': 'Eliminar experimento',
+    // 80.Volcano Plot
+    'differentialExpression.volcanoPlot.significant': 'Significativo',
+    'differentialExpression.volcanoPlot.notSignificant': 'No significativo',
+    'differentialExpression.volcanoPlot.logFoldChange': 'log2(Cambio de expresión)',
+    'differentialExpression.volcanoPlot.logPValue': '-log10(p-value)',
+
+    // 81.FAQ
+    'faq.pageTitle': 'Preguntas Frecuentes',
+    'faq.whatIs.question': '¿Qué es Multiomix?',
+    'faq.whatIs.answer': 'Multiomix es una plataforma open-source basada en la nube para investigar eventos genómicos y epigenómicos asociados con la modulación de la expresión génica, con enfoque en el descubrimiento de biomarcadores y el análisis multi-ómico en cáncer. Integra funciones de obtención, agregación, análisis y visualización de datos tanto públicos como cargados por el usuario.',
+    'faq.whatIs.link': 'Artículo',
+    'faq.analysisTypes.question': '¿Qué tipo de análisis puedo realizar en Multiomix?',
+    'faq.analysisTypes.answer': 'Multiomix permite ejecutar análisis de correlación entre mRNA y otras capas ómicas no relacionadas con mRNA, particularmente miRNA, metilación de ADN y CNA. También incluye análisis de supervivencia, validaciones estadísticas, entrenamiento de modelos e inferencia sobre nuevos datasets. En cuanto a biomarcadores, la plataforma permite identificar, gestionar y evaluar firmas compuestas por diferentes variables ómicas, explorar su valor pronóstico o predictivo, entrenar modelos sobre esos biomarcadores y reutilizarlos para validación e inferencia en nuevas cohortes.',
+    'faq.pipelines.question': '¿Qué pipelines principales y métodos estadísticos ofrece la plataforma?',
+    'faq.pipelines.p1': 'La plataforma proporciona tres pipelines principales: miRNA-mRNA, metilación de ADN-mRNA y CNA-mRNA. En estos flujos de trabajo, los usuarios seleccionan datasets, filtros, método de correlación y ajuste de p-value, luego exploran resultados junto con información clínica y de seguimiento.',
+    'faq.pipelines.p2': 'Para correlación, Multiomix soporta Pearson, Spearman y Kendall. Para corrección de pruebas múltiples, soporta Benjamini-Hochberg, Benjamini-Yekutieli y Bonferroni, entre otros. También se incluyen análisis de supervivencia como Kaplan-Meier y Log-rank para estimar el impacto biológico de los eventos detectados.',
+    'faq.pipelines.p3': 'Un panel dedicado para gestión, optimización y evaluación de biomarcadores soporta biomarcadores compuestos por mRNA, miRNA, CNA y sitios de metilación. Permite entrenar modelos de clustering, Survival SVM y Random Survival Forest para evaluar el poder pronóstico o predictivo, y reutilizar modelos ya entrenados para nuevas validaciones e inferencias sin necesidad de reentrenarlos desde cero. Para biomarcadores existentes, la plataforma también ofrece optimización mediante múltiples métodos de selección de características.',
+
+    'faq.uploadData.question': '¿Puedo cargar mis propios datos?',
+    'faq.uploadData.answer': 'Sí. Multiomix permite cargar datasets propios de manera validada, con verificaciones de formato y consistencia. También ofrece cargas masivas para datasets grandes y una tabla interactiva con filtros, búsqueda, paginación, ordenamiento y etiquetas para gestionar sus datos.',
+
+    'faq.datasetsPublic.question': '¿Multiomix incluye datos públicos listos para usar?',
+    'faq.datasetsPublic.answer': 'Sí. La plataforma incluye datasets precargados obtenidos programáticamente desde cBioPortal. Esto permite trabajar con datos públicos y privados en el mismo entorno.',
+
+    'faq.datasetsPreprocessing.question': '¿Cómo se incorporan y preprocesan los datasets de cBioPortal?',
+    'faq.datasetsPreprocessing.p1': 'Los datasets de cBioPortal se sincronizan regularmente para garantizar consistencia de datos. Si existe una actualización que no detectamos, los usuarios pueden contactarnos directamente. Las moléculas duplicadas se eliminan para mantener limpio el dataset. Las muestras sin información para una molécula dada en un biomarcador son excluidas de modelos entrenados, validaciones estadísticas, experimentos de selección de características y pasos de inferencia.',
+    'faq.datasetsPreprocessing.p2': 'Los datos clínicos también pasan por un preprocesamiento: los casos con valores NaN, vacíos o Null son filtrados. Adicionalmente, los casos con un evento pero con tiempo de supervivencia igual a cero son excluidos (pendiente de aclaración por parte de cBioPortal).',
+
+    'faq.expertise.question': '¿Multiomix es solo para bioinformáticos expertos?',
+    'faq.expertise.answer': 'No necesariamente. Multiomix fue diseñado para reducir barreras técnicas y proporcionar una experiencia accesible también para usuarios no expertos, sin sacrificar el rigor analítico. Su objetivo es acercar el descubrimiento de biomarcadores a una gama más amplia de perfiles de investigación mediante una interfaz amigable, documentación clara y guías de uso, dentro de un enfoque abierto y orientado a la democratización tecnológica.',
+
+    'faq.performance.question': '¿Qué hace diferente a Multiomix en términos de rendimiento para análisis de correlación?',
+    'faq.performance.answer': 'Para análisis de correlación a gran escala, Multiomix desarrolló su propia herramienta llamada GGCA, implementada en Rust para mejorar el rendimiento y el uso de memoria.',
+
+    'faq.metaheuristics.question': '¿Cómo acelera Multiomix la ejecución de metaheurísticas para selección de características?',
+    'faq.metaheuristics.answer': 'Multiomix incorpora optimizaciones de computación distribuida sobre Apache Spark para acelerar la evaluación de agentes metaheurísticos en procesos de selección de características. También incluye estrategias de distribución desarrolladas internamente diseñadas para maximizar el uso de recursos disponibles y lograr el mejor rendimiento posible.',
+    'faq.metaheuristics.link': 'Fuente',
+
+    'faq.integrations.question': '¿Qué herramientas del ecosistema integra Multiomix?',
+    'faq.integrations.answer': 'Multiomix utiliza BioAPI y Modulector para parte de su funcionalidad. Ambas plataformas actúan como capas de abstracción para acceso estandarizado a datos biológicos. BioAPI expone nomenclatura génica, expresión e información de pathways mediante una API REST, mientras que Modulector centraliza datos de miRNA, genes y sitios de metilación, y ofrece servicios relacionados con evidencia y noticias de PubMed.',
+
+    'faq.technologies.question': '¿Qué tecnologías utiliza internamente Multiomix?',
+    'faq.technologies.answer': 'Multiomix está construido como una aplicación web en Python/Rust. Utiliza Django en el backend, React con TypeScript en el frontend, PostgreSQL para anotaciones, MongoDB para datasets precargados y Redis/WebSocket para ejecución asíncrona y notificaciones. Celery es utilizado para colas de tareas, con dependencias de Modulector y BioAPI.',
+
+    'faq.privacy.question': '¿Cómo se maneja la privacidad de los datos cargados por el usuario?',
+    'faq.privacy.answer': 'Los datos cargados se almacenan de forma segura y solo son accesibles para el usuario que los cargó. Una vez eliminados, los datos se borran permanentemente de nuestros servidores y no pueden recuperarse. Ningún tercero tiene acceso a datos privados de usuarios.',
+
+    'faq.installation.question': '¿Puedo instalar Multiomix localmente?',
+    'faq.installation.answer': 'Sí. Multiomix puede desplegarse localmente y su repositorio oficial incluye instrucciones de instalación y desarrollo, así como soporte para despliegues rápidos con Docker e instalación complementaria de BioAPI y Modulector. El proyecto se distribuye bajo la licencia GPL-3.0, la cual promueve transparencia, acceso al código fuente, adaptabilidad a necesidades específicas y colaboración abierta de la comunidad.',
+
+    'faq.licenses.question': 'Librerías y herramientas con licencias',
+    'faq.licenses.answer': 'Por razones legales y de transparencia, proporcionamos una lista de librerías y herramientas de terceros utilizadas en esta plataforma, junto con sus respectivas licencias. Esto garantiza cumplimiento y reconocimiento a las contribuciones de la comunidad open-source que impulsa nuestro ecosistema.',
+
+    'faq.footer.links.siteMap': 'Mapa del sitio',
+    'faq.footer.links.contact': 'Contáctenos',
+    'faq.footer.links.terms': 'Términos y Condiciones',
+    'faq.footer.links.privacy': 'Política de Privacidad',
+
+    // 82.FilesManager
+    'files.manager.title': 'Administrador de archivos',
+    'files.manager.input.label': 'Agregar un nuevo archivo',
+    'files.manager.table.name': 'Nombre',
+    'files.manager.table.description': 'Descripción',
+    'files.manager.table.type': 'Tipo',
+    'files.manager.table.date': 'Fecha',
+    'files.manager.table.institutions': 'Instituciones',
+    'files.manager.table.tag': 'Etiqueta',
+    'files.manager.table.public': 'Público',
+    'files.manager.table.actions': 'Acciones',
+
+    'files.manager.filter.tag.placeholder': 'Seleccionar etiqueta existente',
+    'files.manager.filter.visibility.all': 'Todos',
+    'files.manager.filter.visibility.private': 'Privado',
+    'files.manager.search.placeholder': 'Buscar por nombre',
+
+    'files.manager.delete.tag.title': 'Eliminar etiqueta',
+    'files.manager.delete.tag.confirm': '¿Está seguro de que desea eliminar la etiqueta "{tagName}"?',
+
+    'files.manager.delete.file.title': 'Eliminar archivo',
+    'files.manager.delete.file.confirm': '¿Está seguro de que desea eliminar el archivo {fileName}?',
+    'files.manager.delete.file.warning.clinical': 'Este archivo será DESVINCULADO de todos los experimentos asociados',
+    'files.manager.delete.file.warning.default': 'Todos los experimentos asociados a este archivo serán ELIMINADOS',
+
+    'files.manager.upload.unloadWarning': 'Se está cargando un archivo. Si cierra la pestaña, la carga será cancelada.',
+
+    'files.manager.error.invalidFormat': 'El archivo tiene un formato incorrecto: todas las columnas excepto el índice deben contener datos numéricos',
+
+    'files.manager.tooltip.sharedWith': 'Este dataset está compartido con {list}',
+    'files.manager.tooltip.publicVisible': 'Todos los usuarios de la plataforma pueden ver este archivo',
+    'files.manager.tooltip.privateVisibility': 'Si esto está marcado, todos los usuarios de la plataforma pueden ver (pero no editar ni eliminar) este elemento',
+    'files.manager.tooltip.indexColumn': 'La columna "{columnName}" será utilizada como índice',
+    'files.manager.tooltip.edit': 'Editar',
+    'files.manager.tooltip.download': 'Descargar archivo',
+    'files.manager.tooltip.nanWarning': 'El dataset contiene valores NaN',
+    // 83.InstitutionsDropdown
+    'institutionsDropdown.label': 'Instituciones',
+    'institutionsDropdown.placeholder': 'Instituciones (opcional)',
+    // 84.NewFileForm
+    'newFileForm.uploadingFile': 'Subiendo archivo',
+    'newFileForm.uploadingFile.description': 'El archivo se está subiendo en fragmentos',
+    'newFileForm.checkingFile': 'Verificando archivo',
+    'newFileForm.checkingFile.description': 'Realizamos una serie de verificaciones para garantizar que los datos recibidos en nuestro servidor sean correctos',
+    'newFileForm.processing.warning': 'Ten en cuenta que este proceso puede tardar algunos minutos dependiendo del tamaño del archivo. Puedes seguir utilizando Multiomix desde otra pestaña del navegador. Gracias por tu paciencia.',
+    'newFileForm.editing': 'Editando...',
+    'newFileForm.datasets.title': 'Conjuntos de datos',
+    'newFileForm.datasets.description': 'En este formulario puedes enviar tus propios conjuntos de datos. Serán preprocesados y estarán disponibles para lanzar nuevos experimentos o compartir con colegas de las instituciones a las que perteneces',
+    'newFileForm.importantConsiderations': 'Consideraciones importantes',
+    'newFileForm.dataset.header': 'La primera fila debe ser un encabezado',
+    'newFileForm.dataset.index': 'La primera columna debe ser el índice, el resto los datos de expresión de las muestras',
+    'newFileForm.dataset.acceptedFiles': 'Se aceptan archivos CSV, TSV o TXT. Los archivos de Excel serán compatibles próximamente',
+    'newFileForm.dataset.delimiters': 'Los delimitadores de columnas y decimales se inferirán a partir de los datos',
+    'newFileForm.datasetFormat': 'Formato del conjunto de datos',
+    'newFileForm.filename.placeholder': 'Nombre del archivo',
+    'newFileForm.fileType.placeholder': 'Tipo de archivo',
+    'newFileForm.geneId': 'ID de gen',
+    'newFileForm.cpgSiteId': 'ID de sitio CpG',
+    'newFileForm.platform450': 'Plataforma 450',
+    'newFileForm.platform27': 'Plataforma 27',
+    'newFileForm.tag.placeholder': 'Etiqueta (opcional)',
+    'newFileForm.uploadWarning': 'Nota: el tiempo de carga depende del tamaño del archivo',
+    'newFileForm.upload': 'Subir',
+    'newFileForm.clearForm': 'Limpiar formulario',
+    // 85.TagsPanel
+    'tagsPanel.editTag': 'Editar etiqueta',
+    'tagsPanel.deleteTag': 'Eliminar etiqueta',
+    'tagsPanel.filteredByTag': 'Los resultados están filtrados por esta etiqueta',
+    'tagsPanel.myTags': 'Mis etiquetas',
+    // 86.Homepage
+    'homepage.headerTitle': 'Plataforma basada en la nube para inferir eventos genómicos y epigenómicos del cáncer asociados con la modulación de la expresión génica',
+    'homepage.getStarted': 'Comenzar',
+    'homepage.tutorials': 'Tutoriales',
+    'homepage.logoAlt': 'Logo de Multiomix',
+    'homepage.empoweringBioinformatics': 'Potenciando la bioinformática',
+    'homepage.description1': 'Multiomix es una plataforma interactiva en la nube que permite a los biólogos identificar eventos genéticos y epigenéticos asociados con la modulación transcripcional de genes relacionados con el cáncer mediante el análisis de datos multiómicos disponibles en bases de datos genómicas funcionales públicas o privadas.',
+    'homepage.description2': 'En resumen, Multiomix combina una interfaz gráfica amigable, un conjunto integrado de funciones para la recuperación, agregación y almacenamiento de datos multiómicos con tres pipelines predefinidos que permiten identificar:',
+    'homepage.pipeline.mirna': 'Genes modulados postranscripcionalmente por microARNs (pipeline de miRNA)',
+    'homepage.pipeline.methylation': 'Genes silenciados transcripcionalmente por hipermetilación del promotor (pipeline de Metilación)',
+    'homepage.pipeline.cna': 'Genes/regiones cromosómicas con potencial amplificación focal y sobreexpresión (pipeline de CNA)',
+    'homepage.analysisAlt': 'análisis',
+    'homepage.getInvolved': '¡Participa!',
+    'homepage.openSourceDescription': 'Multiomix es una plataforma gratuita y de código abierto alojada en Github. Si eres desarrollador y deseas contribuir, cualquier tipo de ayuda es bienvenida y apreciada. ¡No dudes en enviar un issue o realizar un Pull Request!',
+    'homepage.source': 'Código fuente',
+    // 87.InstitutionForm
+    'institutionForm.updated': '¡Institución {name} actualizada!',
+    'institutionForm.created': '¡Institución {name} creada!',
+    'institutionForm.error': '¡Error al crear la institución!',
+    'institutionForm.namePlaceholder': 'Nombre de la institución',
+    'institutionForm.locationPlaceholder': 'Ubicación de la institución',
+    'institutionForm.emailPlaceholder': 'Correo electrónico de la institución',
+    'institutionForm.phonePlaceholder': 'Número de teléfono de la institución',
+    'institutionForm.editInstitution': 'Editar institución',
+    'institutionForm.createInstitution': 'Crear institución',
+    'institutionForm.cancelEdit': 'Cancelar edición',
+    'institutionForm.resetForm': 'Restablecer formulario',
+    // 88.InstitutionModal
+    'institutionModal.userIsAdmin': '¡El usuario es administrador!',
+    'institutionModal.userIsNotAdmin': '¡El usuario ya no es administrador!',
+    'institutionModal.switchRoleError': '¡Error al cambiar el rol!',
+    'institutionModal.selectUser': 'Seleccione un usuario para agregar',
+    'institutionModal.addUserInstitution.title': 'Agregar usuario a la institución',
+    'institutionModal.addUserInstitution.confirm': '¿Está seguro de agregar el usuario a la institución?',
+    'institutionModal.addUser': 'Agregar usuario',
+    'institutionModal.usersTitle': 'Usuarios de {institutionName}',
+    'institutionModal.userName': 'Nombre de usuario',
+    'institutionModal.admin': 'Administrador',
+    'institutionModal.institutionAdmin': 'Administrador de la institución',
+    'institutionModal.nonInstitutionAdmin': 'No es administrador de la institución',
+    'institutionModal.switchToNonAdmin': 'Cambiar a usuario no administrador',
+    'institutionModal.switchToAdmin': 'Convertir en administrador de la institución',
+    'institutionModal.manageAdmin': 'Administrar administrador',
+    'institutionModal.removeAdminConfirm': '¿Está seguro de quitar los permisos de administrador al usuario?',
+    'institutionModal.makeAdminConfirm': '¿Está seguro de convertir al usuario en administrador?',
+    'institutionModal.removeUser': 'Eliminar usuario',
+    'institutionModal.removeUserConfirm': '¿Está seguro de eliminar al usuario?',
+    'institutionModal.removeUserFromInstitution': 'Eliminar usuario de la institución',
+    'institutionModal.searchPlaceholder': 'Buscar por nombre de usuario',
+    // 89.InstitutionsPanel
+    'institutionsPanel.header': 'Mis instituciones',
+    'institutionsPanel.header.info': 'En este formulario puede agregar instituciones y colegas para colaborar compartiendo conjuntos de datos (y resultados de experimentos en un futuro cercano)',
+    'institutionsPanel.table.headerTitle': 'Instituciones',
+    'institutionsPanel.table.location': 'Ubicación',
+    'institutionsPanel.table.email': 'Correo electrónico',
+    'institutionsPanel.table.phoneNumber': 'Número de teléfono',
+    'institutionsPanel.search.placeholder': 'Buscar por nombre',
+    'institutionsPanel.icon.edit': 'Editar ({name})',
+    'institutionsPanel.icon.delete': 'Eliminar institución',
+    'institutionsPanel.confirm.delete.header': 'Eliminar institución',
+    'institutionsPanel.confirm.delete.content': '¿Está seguro de que desea eliminar la institución {name}?',
+    'institutionsPanel.alert.successDelete': '¡Institución eliminada!',
+    'institutionsPanel.alert.errorDelete': '¡Error al eliminar la institución!',
+    // 90.LoginSignUpForm
+    'loginSignUpForm.loginTitle': 'Iniciar sesión',
+    'loginSignUpForm.signUpTitle': 'Registrarse',
+    'loginSignUpForm.usernamePlaceholder': 'Nombre de usuario',
+    'loginSignUpForm.passwordPlaceholder': 'Contraseña',
+    'loginSignUpForm.emailPlaceholder': 'Correo electrónico',
+    'loginSignUpForm.repeatPasswordPlaceholder': 'Repita su contraseña',
+    'loginSignUpForm.signUpButton': 'Registrarse',
+    'loginSignUpForm.loginButton': 'Ingresar',
+    'loginSignUpForm.validEmailMessage': 'Por favor ingrese una dirección de correo válida',
+    'loginSignUpForm.passwordMismatchMessage': 'Este valor es diferente al campo Contraseña',
+    // 91.OpenSource
+    'openSource.intro.title': 'En Omicsdatascience creemos en la ciencia abierta. Explora nuestros proyectos de código abierto, disponibles libremente para la comunidad con el fin de fomentar la colaboración, la transparencia y la innovación en la investigación biomédica. Disponibles en nuestra organización de GitHub.',
+    'openSource.intro.description': 'Estos repositorios representan algunas de nuestras iniciativas de código abierto más destacadas, desarrolladas para brindar a la comunidad científica herramientas bioinformáticas accesibles y de vanguardia.',
+
+    'openSource.multiomix.description': 'Plataforma basada en la nube para inferir eventos genómicos y epigenómicos del cáncer asociados con la modulación de la expresión génica.',
+    'openSource.modulector.description': 'Modulector es una plataforma abierta que proporciona información sobre miRNAs, genes y sitios de metilación basada en la recopilación de información de diferentes recursos.',
+    'openSource.bioapi.description': 'Una potente abstracción de bases de datos genómicas. BioApi es una API REST que proporciona datos relacionados con nomenclatura génica, expresión génica y rutas metabólicas.',
+
+    'openSource.publications.title': 'Descubre nuestras contribuciones científicas',
+    'openSource.publications.description': 'Además de nuestro software de código abierto, publicamos regularmente artículos científicos revisados por pares que documentan las metodologías, innovaciones y hallazgos detrás de nuestras herramientas. Te invitamos a explorar nuestras publicaciones para comprender mejor el impacto científico de nuestro trabajo.',
+
+    'openSource.publication.multiomix.description': 'Una plataforma basada en la nube para inferir eventos genómicos y epigenómicos del cáncer asociados con la modulación de la expresión génica',
+    'openSource.publication.modulector.description': 'Una plataforma como servicio para el acceso a bases de datos de microARNs',
+    // 92.AllExperimentsView
+    'allExperimentsView.filters.noTag': 'Sin etiqueta',
+    'allExperimentsView.filters.tag': 'Etiqueta',
+    'allExperimentsView.filters.selectTag': 'Seleccionar una etiqueta existente',
+    'allExperimentsView.filters.experimentType': 'Tipo de experimento',
+    'allExperimentsView.filters.correlationMethod': 'Método de correlación',
+
+    'allExperimentsView.table.name': 'Nombre',
+    'allExperimentsView.table.description': 'Descripción',
+    'allExperimentsView.table.date': 'Fecha',
+    'allExperimentsView.table.state': 'Estado',
+    'allExperimentsView.table.type': 'Tipo',
+    'allExperimentsView.table.correlationMethodShort': 'Mét. Cor.',
+    'allExperimentsView.table.combinations': 'N° Combinaciones',
+    'allExperimentsView.table.clinical': 'Clínico',
+    'allExperimentsView.table.tag': 'Etiqueta',
+    'allExperimentsView.table.sources': 'Fuentes',
+    'allExperimentsView.table.public': 'Público',
+    'allExperimentsView.table.shared': 'Compartido',
+    'allExperimentsView.table.actions': 'Acciones',
+
+    'allExperimentsView.tooltip.combinations': 'El resultado consta de {finalRowCount} combinaciones obtenidas de un total de {evaluatedRowCount} combinaciones evaluadas',
+
+    'allExperimentsView.download.mrna': 'Descargar archivo fuente mRNA',
+    'allExperimentsView.download.sourceFile': 'Descargar archivo fuente de {experimentType}',
+
+    'allExperimentsView.public.visible': 'Todos los usuarios de la plataforma pueden ver este experimento',
+    'allExperimentsView.public.hidden': 'Si esto está marcado, todos los usuarios de la plataforma podrán ver (pero no editar ni eliminar) este elemento',
+
+    'allExperimentsView.shared.institutions': 'Instituciones compartidas',
+    'allExperimentsView.shared.users': 'Usuarios compartidos',
+
+    'allExperimentsView.download.result': 'Descargar resultado',
+    'allExperimentsView.stopExperiment': 'Detener experimento',
+    'allExperimentsView.deleteExperiment': 'Eliminar experimento',
+    // 93. ClinicalSourcePopup
+    'clinicalSourcePopup.alert.noSamplesInCommon': 'No hay muestras en común',
+
+    'clinicalSourcePopup.iconTitle.withClinicalData': 'El análisis tiene datos clínicos',
+    'clinicalSourcePopup.iconTitle.withoutClinicalData': 'El análisis no tiene datos clínicos',
+
+    'clinicalSourcePopup.headerTitle': 'Datos clínicos',
+
+    'clinicalSourcePopup.submit': 'Enviar',
+    'clinicalSourcePopup.close': 'Cerrar',
+    'clinicalSourcePopup.cancel': 'Cancelar',
+
+    'clinicalSourcePopup.unlinkTitle': 'Desvincular conjunto de datos clínicos de este experimento',
+    'clinicalSourcePopup.unlink': 'Desvincular',
+    // 94. SeeResultButton
+    'seeResultButton.seeResult': 'Ver resultado',
+    'seeResultButton.noResults': 'No hay resultados para mostrar. Intenta hacer los filtros menos restrictivos',
+    // 95. SharedInstitutions
+    'sharedInstitutions.title': 'Instituciones compartidas',
+    'sharedInstitutions.selectInstitution': 'Seleccione una institución para compartir',
+    'sharedInstitutions.shareExperiment': 'Compartir experimento',
+    'sharedInstitutions.confirmShare': '¿Está seguro de compartir el experimento con la institución?',
+    'sharedInstitutions.addInstitution': 'Agregar institución',
+    'sharedInstitutions.removeInstitution': 'Eliminar institución',
+    'sharedInstitutions.stopSharing': 'Dejar de compartir experimento',
+    'sharedInstitutions.confirmStopSharing': '¿Está seguro de dejar de compartir el experimento con esta institución?',
+    'sharedInstitutions.users': 'usuarios',
+    'sharedInstitutions.userName': 'Nombre de usuario',
+    'sharedInstitutions.searchUserName': 'Buscar por nombre de usuario',
+    // 96. SharedUsers
+    'sharedUsers.title': 'Usuarios compartidos',
+    'sharedUsers.selectUser': 'Seleccione un usuario para compartir',
+    'sharedUsers.shareExperiment': 'Compartir experimento',
+    'sharedUsers.confirmShare': '¿Está seguro de compartir el experimento con el usuario?',
+    'sharedUsers.addUser': 'Agregar usuario',
+    'sharedUsers.removeUser': 'Eliminar usuario',
+    'sharedUsers.stopSharing': 'Dejar de compartir con el usuario',
+    'sharedUsers.confirmStopSharing': '¿Está seguro de dejar de compartir el experimento con el usuario?',
+    // 97. SourcePopup
+    'sourcePopup.cgdsDataset': 'Dataset de cBioPortal (versión {version})',
+    'sourcePopup.syncDate': 'Fecha de sincronización: {date}',
+    'sourcePopup.sourceProperties': 'Propiedades de la fuente',
+    'sourcePopup.samples': 'Muestras: {count}',
+    // 98 - CGDSDatasetsModal
+
+    'cgdsDatasetsModal.syncDate': 'Fecha de sincronización',
+    'cgdsDatasetsModal.studyInfo': 'Información del estudio',
+    'cgdsDatasetsModal.title': 'Seleccionar dataset de cBioPortal',
+    'cgdsDatasetsModal.onlyLastVersion': 'Solo última versión',
+    'cgdsDatasetsModal.seeMoreInfo': 'Ver más información',
+    // 99 - AssumptionStep
+    'assumptionStep.neitherSatisfies': 'Ni {gene} ni {gem} cumplen este supuesto',
+    'assumptionStep.oneSatisfies': '{good} cumple este supuesto, pero {bad} no',
+    'assumptionStep.notSatisfied': 'Este supuesto no se cumple',
+    // 100 - KendallAssumptions
+    'kendallAssumptions.title': 'Supuestos estadísticos de Kendall',
+    'kendallAssumptions.monotonicity.title': 'Monotonicidad',
+    'kendallAssumptions.monotonicity.description':
+    'La correlación debe ser monótona (valor absoluto del coeficiente de correlación de rangos de Spearman ≥ 0.8 con un valor p < 0.05)',
+    // 101 - PearsonAssumptions
+    'pearsonAssumptions.title': 'Supuestos estadísticos de Pearson',
+    'pearsonAssumptions.normality.title': 'Normalidad',
+    'pearsonAssumptions.normality.description':
+        'Los valores de expresión del gen ({gene}) y los valores de expresión del GEM ({gem}) deben distribuirse normalmente para aplicar Pearson',
+    'pearsonAssumptions.outliers.title': 'Valores atípicos',
+    'pearsonAssumptions.outliers.description':
+        'No debería haber valores atípicos',
+    'pearsonAssumptions.linearity.title': 'Linealidad',
+    'pearsonAssumptions.linearity.description':
+        'La correlación debe ser lineal',
+    'pearsonAssumptions.homoscedasticity.title': 'Homocedasticidad',
+    'pearsonAssumptions.homoscedasticity.description':
+    'La correlación debe ser homocedástica',
+    // 102 - ReferenceCardsGroup
+    'common.references': 'Referencias',
+    // 103 - SpearmanAssumptions
+    'spearmanAssumptions.title': 'Supuestos estadísticos de Spearman',
+    'spearmanAssumptions.monotonicity.title': 'Monotonicidad',
+    'spearmanAssumptions.monotonicity.description':
+    'La correlación debe ser monótona (valor absoluto del coeficiente de correlación de rangos de Spearman ≥ 0.8 con un valor p < 0.05)',
+    // 104 - CorrelationGraph
+    'correlationGraph.noDataSelected': 'No hay datos seleccionados',
+    'correlationGraph.groupByFactor': 'Agrupar por factor',
+    'correlationGraph.groupBy': 'Agrupar por',
+    // 105 - BoxPlotChart
+    'boxPlotChart.min': 'Mínimo',
+    'boxPlotChart.firstQuartile': 'Primer cuartil',
+    'boxPlotChart.median': 'Mediana',
+    'boxPlotChart.thirdQuartile': 'Tercer cuartil',
+    'boxPlotChart.max': 'Máximo',
+    'boxPlotChart.outliers': 'Valores atípicos',
+    // 106 - ChartSection
+    'chartSection.average': 'Promedio',
+    'chartSection.averageLog2': 'Promedio (Log2)',
+    'chartSection.standardDeviation': 'Desviación estándar',
+    'chartSection.normalityInfo':
+        'Evalúa si el vector {geneOrGem} sigue una distribución normal',
+    'chartSection.shapiroTest': 'Prueba de Shapiro',
+    'chartSection.pValue': 'Valor p',
+    // 107 - DensityChart
+    'densityChart.expression': 'Expresión',
+    'densityChart.to': 'a',
+    'densityChart.count': 'Cantidad',
+    'densityChart.density': 'Densidad',
+    'densityChart.cumulative': 'Acumulado',
+    'densityChart.cumulativeDensity': 'Densidad acumulada',
+    // 108 - GeneAndGEMSection
+    'geneAndGEMSection.evaluatedSamples': 'Evaluated samples',
+    'geneAndGEMSection.evaluatedSamplesInfo': 'Number of samples in common between {gene} and {gem}',
+
+    'geneAndGEMSection.breuschPaganTest': 'Breusch-Pagan test',
+    'geneAndGEMSection.breuschPaganInfo': 'It evaluates if the random disturbance is different across points in the correlation graph. Thus heteroscedasticity is the absence of homoscedasticity',
+    'geneAndGEMSection.lagrangeMultiplier': 'Lagrange Mult.',
+    'geneAndGEMSection.pValue': 'P-Value',
+    'geneAndGEMSection.fValue': 'F Value',
+    'geneAndGEMSection.fPValue': 'F P-Value',
+
+    'geneAndGEMSection.goldfeldQuandtTest': 'Goldfeld-Quandt test',
+    'geneAndGEMSection.goldfeldQuandtInfo': 'It tests the homoscedasticity of the correlation. Homoscedasticity essentially means that the relationship between the two variables we are correlating stays the same at all points, with the scores evenly spread along and around the regression line',
+
+    'geneAndGEMSection.linearityTest': 'Linearity test',
+    'geneAndGEMSection.linearityInfo': 'A relationship (correlation in this case) is linear if one variable ({gene}) increases by approximately the same rate as the other variable ({gem}) changes by one unit',
+
+    'geneAndGEMSection.monotonicityTest': 'Monotonicity (Spearman Rank)',
+    'geneAndGEMSection.monotonicityInfo': 'It evaluates if {gene} expression presents a monotonic relationship with {gem} values. They are monotonic if when {gene} increases {gem} increases or when {gene} decreases {gem} decreases',
+
+    'geneAndGEMSection.statistic': 'Statistic',
+    // 109 - StatisticalPropertiesPanel
+    'statisticalPropertiesPanel.showSeparated': 'Mostrar por separado',
+    'statisticalPropertiesPanel.showTogether': 'Mostrar juntos',
+    // 111 KaplanMeierChart
+    'kaplanMeierChart.lowExpressionGroup': 'Grupo de baja expresión',
+    'kaplanMeierChart.highExpressionGroup': 'Grupo de alta expresión',
+    'kaplanMeierChart.none': 'Ninguno',
+    'kaplanMeierChart.survivalColumnsTuples':
+        'Tuplas de columnas de supervivencia',
+    'kaplanMeierChart.timeEvent': 'Tiempo: {time} | Evento: {event}',
+    'kaplanMeierChart.fieldOfInterest': 'Campo del evento de interés',
+    'kaplanMeierChart.selectFields': 'Seleccione algunos campos',
+    'kaplanMeierChart.inferredFields':
+        'Los campos de interés fueron inferidos a partir de valores comunes',
+    'kaplanMeierChart.emptyValuesWarning':
+        'Las muestras con valores vacíos (es decir, valores en blanco) serán ignoradas en el análisis de supervivencia',
+    'kaplanMeierChart.unlinkDataset': 'Desvincular conjunto de datos',
+    'kaplanMeierChart.unlinkDatasetTitle':
+        'Desvincular el conjunto de datos clínicos de este experimento',
+
+    'kaplanMeierChart.time': 'Tiempo',
+    'kaplanMeierChart.probability': 'Probabilidad',
+    // 111 LongRankTestStats
+    'logRankTestStats.header': 'Test de Logrank',
+    'logRankTestStats.statistic': 'Estadístico',
+    'logRankTestStats.pValue': 'Valor P',
+    // 112.NoClinicalData.tsx
+    'noClinicalData.header': 'No se encontraron datos clínicos',
+    'noClinicalData.subheader': 'Haga clic en el ícono de abajo para cargar datos clínicos',
+    // 113.GeneGEMDataErrorMessage.tsx
+    'geneGEMDataErrorMessage.header': 'Hubo un error al calcular la información para esta combinación. Quizás hay pocas muestras para calcular los datos. Pruebe con otra combinación',
+    'geneGEMDataErrorMessage.subheader': 'Si el problema persiste para otras combinaciones, por favor contáctenos',
+    // 114.GeneGemDetailsModal
+    'geneGemDetailsModal.header': 'Detalles de {gem} x {gene}',
+    'geneGemDetailsModal.alert.experimentNotFound': 'Parece que el experimento no existe. Si cree que es un error, por favor contacte con el administrador',
+    'geneGemDetailsModal.correlationGraph.lineSerie': 'Correlación esperada',
+    // 115.GeneGemModalMenu
+    'geneGemModalMenu.stats': 'Estadísticas',
+    'geneGemModalMenu.stats.info': 'Estadísticas de la correlación y también de cada vector de valores por separado ({gene} y {gem})',
+
+    'geneGemModalMenu.correlationGraph': 'Gráfico de correlación',
+    'geneGemModalMenu.correlationBoxplots': 'Diagramas de caja de correlación',
+    'geneGemModalMenu.correlation.info': 'Gráfico de correlación entre {gene} y {gem}, así como estadísticas para medir la correlación',
+
+    'geneGemModalMenu.interaction': 'Interacción {gem}-{gene}',
+    'geneGemModalMenu.interaction.info': 'Puntuaciones proporcionadas por bases de datos externas que miden la asociación entre {gene} y {gem}',
+
+    'geneGemModalMenu.mirnaInteraction': 'Interacción de {gem}',
+    'geneGemModalMenu.mirnaInteraction.info': 'Encuentra interacciones objetivo con {gem} en bases de datos externas de miRNA',
+
+    'geneGemModalMenu.diseaseAssociation': 'Asociación de {gem} con enfermedades',
+    'geneGemModalMenu.diseaseAssociation.info': 'Enfermedades asociadas con {gem} en bases de datos externas de miRNA',
+
+    'geneGemModalMenu.drugAssociation': 'Asociación de {gem} con fármacos',
+    'geneGemModalMenu.drugAssociation.info': 'Fármacos asociados con {gem} en bases de datos externas de miRNA',
+
+    'geneGemModalMenu.assumptions': 'Supuestos',
+    'geneGemModalMenu.assumptions.info': 'Evalúa los supuestos estadísticos que los datos deben cumplir para el método de correlación ({correlationMethod}) y el método de corrección ({correctionMethod}) utilizados en este análisis',
+
+    'geneGemModalMenu.survivalAnalysis': 'Análisis de supervivencia',
+    'geneGemModalMenu.survivalAnalysis.info': 'Análisis de supervivencia entre el grupo de pacientes con baja expresión de {gene} y el grupo de pacientes con alta expresión de {gene}',
+
+    // 116.BiomarkerFromCorrelationModal.tsx
+    'biomarkerFromCorrelation.button.label': 'Crear Biomarcador',
+    'biomarkerFromCorrelation.button.title': 'Crear Biomarcador desde el resultado',
+    'biomarkerFromCorrelation.modal.header': 'Crear Biomarcador',
+    'biomarkerFromCorrelation.modal.selectHow': 'Seleccione cómo desea construir el biomarcador:',
+    'biomarkerFromCorrelation.modal.selectAll': 'Seleccionar todo',
+    'biomarkerFromCorrelation.modal.selectWithFilters': 'Seleccionar con filtros',
+    'biomarkerFromCorrelation.alert.successCreating': 'Biomarcador creado exitosamente',
+    'biomarkerFromCorrelation.alert.successEditing': 'Biomarcador editado exitosamente',
+    'biomarkerFromCorrelation.alert.errorCreating': '¡Error al crear el biomarcador!',
+    'biomarkerFromCorrelation.alert.errorEditing': '¡Error al editar el biomarcador!',
+    'biomarkerFromCorrelation.tags.noTag': 'Sin etiqueta',
+    'biomarkerFromCorrelation.tags.label': 'Etiqueta',
+    'biomarkerFromCorrelation.tags.placeholder': 'Seleccionar una etiqueta existente',
+    // 117.LoadingPanel
+    'loadingPanel.loading': 'Cargando',
+    // 118.MiRNADiseasesPanel
+    'miRNADiseasesPanel.conditionAssociated': 'Condición asociada',
+    'miRNADiseasesPanel.pubmed': 'PubMed',
+    'miRNADiseasesPanel.headerTitle': 'Asociaciones de enfermedades con miRNA',
+    'miRNADiseasesPanel.searchLabel': 'Enfermedad',
+    'miRNADiseasesPanel.searchPlaceholder': 'Buscar por enfermedad',
+    // 119.MiRNADrugsPanel
+    'miRNADrugsPanel.drugAssociated': 'Fármaco asociado',
+    'miRNADrugsPanel.detectionMethod': 'Método de detección',
+    'miRNADrugsPanel.smallMolecule': 'Molécula pequeña',
+    'miRNADrugsPanel.expressionPattern': 'Patrón de expresión',
+    'miRNADrugsPanel.reference': 'Referencia',
+    'miRNADrugsPanel.support': 'Soporte',
+    'miRNADrugsPanel.fdaApproved': 'Aprobado por la FDA',
+    'miRNADrugsPanel.pubmed': 'PubMed',
+    'miRNADrugsPanel.seeInNCBI': 'Ver en NCBI',
+
+    'miRNADrugsPanel.filter.fdaApproved': 'Aprobado por la FDA',
+    'miRNADrugsPanel.filter.yes': 'Sí',
+    'miRNADrugsPanel.filter.no': 'No',
+
+    'miRNADrugsPanel.headerTitle': 'Asociaciones de miRNA con fármacos',
+    'miRNADrugsPanel.searchLabel': 'Condición/Molécula/Patrón',
+    'miRNADrugsPanel.searchPlaceholder': 'Buscar por fármaco, M.P. o P.E.',
+    // 120.MiRNAExtraData
+    'miRNAExtraData.noDetails': 'No se encontraron detalles para este miRNA',
+    'miRNAExtraData.aliases': 'Alias del miRNA',
+    'miRNAExtraData.sequence': 'Secuencia',
+    // 121.MiRNAInteractionPanel
+    'miRNAInteractionPanel.scoreClass.veryHigh': 'Muy alta: top 1% de puntuaciones',
+    'miRNAInteractionPanel.scoreClass.high': 'Alta: top 5% (excluyendo el top 1%)',
+    'miRNAInteractionPanel.scoreClass.medium': 'Media: tercio superior (excluyendo el top 5%)',
+    'miRNAInteractionPanel.scoreClass.low': 'Baja: predicciones restantes',
+
+    'miRNAInteractionPanel.gene': 'Gen',
+    'miRNAInteractionPanel.sources': 'Fuentes',
+    'miRNAInteractionPanel.mirDIPScore': 'Puntuación mirDIP',
+    'miRNAInteractionPanel.mirDIPScoreInfo': 'Las puntuaciones mirDIP de las predicciones de objetivos de microARN humanos se clasifican en cuatro niveles de confianza (Muy alta, Alta, Media y Baja)',
+    'miRNAInteractionPanel.mirDIPScoreClass': 'Clase de puntuación mirDIP',
+    'miRNAInteractionPanel.pubmed': 'PubMed',
+
+    'miRNAInteractionPanel.headerTitle': 'Interacciones',
+    'miRNAInteractionPanel.searchLabel': 'Gen',
+    'miRNAInteractionPanel.searchPlaceholder': 'Buscar por gen',
+
+    'miRNAInteractionPanel.includePubmeds': 'Incluir PubMed',
+    'miRNAInteractionPanel.seeMorePapers': 'Ver más artículos',
+    // 122.MiRNATargetInteractionPanel
+    'miRNATargetInteractionPanel.noData': 'No se encontraron datos para este miRNA y gen',
+
+    'miRNATargetInteractionPanel.score': 'Puntuación ({scoreClass})',
+    'miRNATargetInteractionPanel.scoreSource': 'Fuente de la puntuación: {source}',
+
+    'miRNATargetInteractionPanel.sources': 'Fuentes',
+    'miRNATargetInteractionPanel.pubmeds': 'PubMed',
+    // 123.NoDataRow
+    'noDataRow.noDataFound': 'No se encontraron datos',
+    // 124.PubmedButton
+    'pubmedButton.seeInNCBI': 'Ver en NCBI',
+
+    // 125.CreateBiomarkerButton
+    'createBiomarkerButton.label': 'Crear Biomarcador',
+    'createBiomarkerButton.title': 'Crear biomarcador a partir del resultado',
+    'createBiomarkerButton.modal.header': 'Crear Biomarcador',
+    'createBiomarkerButton.modal.description': 'Seleccione cómo desea construir el biomarcador:',
+    'createBiomarkerButton.option.selectAll': 'Seleccionar todos',
+    'createBiomarkerButton.option.selectWithFilters': 'Seleccionar con filtros',
+    // 126.ExperimentResultView
+    'experimentResultView.mrna': 'ARNm',
+    'experimentResultView.chromosome': 'Cromosoma',
+    'experimentResultView.geneStart': 'Inicio del gen (pb)',
+    'experimentResultView.geneEnd': 'Fin del gen (pb)',
+    'experimentResultView.geneType': 'Tipo de gen',
+    'experimentResultView.geneDescription': 'Desc. del gen',
+    'experimentResultView.correlation': 'Correlación',
+    'experimentResultView.pValue': 'Valor p',
+    'experimentResultView.adjustedPValue': 'Valor p ajustado ({method})',
+    'experimentResultView.sortingOrderBy': 'Ordenando (en orden) por',
+    'experimentResultView.cleanSortingOnly': 'Limpiar solo el ordenamiento',
+    'experimentResultView.sortingInfo': 'Se respetará el orden de clasificación. Si desea eliminar alguno de los elementos que están siendo ordenados, puede hacer clic en el encabezado de la columna hasta que desaparezca la marca de ordenamiento. Para limpiar completamente el ordenamiento, haga clic en el botón rojo de la izquierda.',
+    'experimentResultView.actions': 'Acciones',
+    // 127.ResultTableControlForm
+    'resultTableControlForm.showingTotal': 'MOSTRANDO/TOTAL',
+    'resultTableControlForm.showingTotalInfo': 'Número de características significativamente correlacionadas según los filtros aplicados sobre el total de correlaciones significativas',
+    'resultTableControlForm.searchPlaceholder': 'Buscar por {gemDescription} o ARNm',
+    'resultTableControlForm.correlationCoefficient': 'Coeficiente de correlación {value}',
+    'resultTableControlForm.correlationType': 'Tipo de correlación',
+    'resultTableControlForm.numberOfEntries': 'Número de registros',
+    'resultTableControlForm.correlationType.both': 'Ambos',
+    'resultTableControlForm.correlationType.positive': 'Positiva',
+    'resultTableControlForm.correlationType.negative': 'Negativa',
+    'resultTableControlForm.lessPrecisePValue': 'Valor p menos preciso',
+    'resultTableControlForm.morePrecisePValue': 'Valor p más preciso',
+    'resultTableControlForm.clean': 'Limpiar',
+    'resultTableControlForm.cleanTitle': 'Restablecer filtros y ordenamiento',
+    'resultTableControlForm.download': 'Descargar',
+    'resultTableControlForm.downloadTitle': 'Descargar resultados con filtros aplicados',
+    'resultTableControlForm.infoPopup': 'Esta tabla muestra todas las combinaciones cuyo coeficiente de correlación es mayor o igual al umbral seleccionado ({threshold}). Elija alguna de las opciones listadas en la columna Acciones',
+
+    // 128.LastExperimentCard
+    'lastExperimentCard.truncated': 'Truncado',
+    'lastExperimentCard.truncatedTitle': 'El resultado ha sido truncado debido a su tamaño. Tiene {totalRows}, truncado a {finalRows}',
+    'lastExperimentCard.state': 'Estado',
+    // 129.LastExperimentTagInfo
+    'lastExperimentTagInfo.selectExistingTag': 'Seleccionar una etiqueta existente',
+    'lastExperimentTagInfo.removeTag': 'Eliminar etiqueta',
+    'lastExperimentTagInfo.edit': 'Editar',
+    // 130.UserLastExperiments
+    'userLastExperiments.lastAnalysis': 'Últimos análisis',
+    'userDatasetsModal.selectDataset': 'Seleccionar conjunto de datos de {fileType}',
+    // 131.UserDatasetsModal
+    'userDatasetsModal.numberOfSurvivalTuples': 'Número de tuplas de supervivencia',
+    'userDatasetsModal.uploadDate': 'Fecha de carga',
+    'userDatasetsModal.visibility': 'Visibilidad',
+    'userDatasetsModal.uploadedBy': 'Subido por',
+    'userDatasetsModal.selectExistingTag': 'Seleccionar una etiqueta existente',
+    'userDatasetsModal.you': 'Tú',
+    'userDatasetsModal.tag': 'Etiqueta',
+    // 132.userfileLabel
+    'userFileTypeLabel.sharedWithInstitutions': 'Compartido con {count} instituciones',
+    'userFileTypeLabel.public': 'Público',
+    'userFileTypeLabel.private': 'Privado',
+    // 133.ExperimentTagInfo
+    'experimentTagInfo.selectExistingTag': 'Seleccionar una etiqueta existente',
+    'experimentTagInfo.removeTag': 'Eliminar etiqueta',
+    'experimentTagInfo.noTagAssigned': 'Sin etiqueta asignada',
+    'experimentTagInfo.edit': 'Editar',
+    // 134.HugeFileAdvice
+    'hugeFileAdvice.uploadDelayWarning':
+    'El archivo supera los {size}MB. Ten en cuenta que la carga puede tardar algún tiempo',
+    'hugeFileAdvice.uploadFromDatasets':
+        'El archivo supera los {size}MB. Por favor, carga tu conjunto de datos desde el panel {link}',
+    'hugeFileAdvice.myDatasets':
+    'Mis conjuntos de datos',
+    // 135.MiRNAPipeline.tsx
+    'miRNAPipeline.deleteModal.header': 'Eliminar experimento',
+    'miRNAPipeline.deleteModal.content': '¿Estás seguro de que quieres eliminar el experimento {name}?',
+    'miRNAPipeline.stopModal.header': 'Detener experimento',
+    'miRNAPipeline.stopModal.content': '¿Estás seguro de que quieres detener el experimento {name}?',
+    'miRNAPipeline.tabs.allAnalysis': 'Todos los análisis',
+    'miRNAPipeline.tabs.showLastAnalysis': 'Mostrar últimos análisis',
+    'miRNAPipeline.tabs.hideLastAnalysis': 'Ocultar últimos análisis',
+    'miRNAPipeline.tags.noTag': 'Sin etiqueta',
+    'miRNAPipeline.alert.maxTabs': 'Ha alcanzado el número máximo de pestañas abiertas. Por favor cierre una e intente nuevamente.',
+
+    // 136.pipeline
+    'pipeline.componentDidMount': 'Cargando datos iniciales y tablas de experimentos',
+    'pipeline.updateAllExperimentsTables': 'Actualizando tablas de experimentos del usuario',
+    'pipeline.initializeWebsocketClient': 'Estableciendo conexión en tiempo real para experimentos',
+    'pipeline.getAllUserExperiments': 'Cargando el listado completo de experimentos',
+    'pipeline.getLastUserExperiments': 'Cargando los últimos experimentos realizados',
+    'pipeline.getUserExperimentsTags': 'Buscando las etiquetas de experimentos del usuario',
+    'pipeline.handleFormInputsChange': 'Actualizando los campos del formulario de experimento',
+    'pipeline.handleChangeSourceType': 'Cambiando el tipo de origen del dataset y limpiando referencias',
+    'pipeline.selectNewFile': 'Procesando nuevo archivo cargado en el formulario',
+    'pipeline.selectUploadedFile': 'Asignando dataset del servidor como fuente de datos',
+    'pipeline.selectStudy': 'Asignando estudio de CGDS como fuente de datos',
+    'pipeline.selectGEMFileType': 'Cambiando el tipo de archivo GEM y restableciendo su configuración',
+    'pipeline.handleSortAllExperiments': 'Modificando el criterio de ordenamiento de la tabla',
+    'pipeline.handleTableControlChangesAllExperiments': 'Aplicando filtros de búsqueda en la tabla de experimentos',
+    'pipeline.checkCommonSamples': 'Evaluando disponibilidad de fuentes para calcular muestras comunes',
+    'pipeline.checkCommonSamplesInBackend': 'Calculando muestras comunes entre datasets del servidor',
+    'pipeline.checkCommonSamplesOneFrontOneBack': 'Analizando columnas del archivo local frente al servidor',
+    'pipeline.checkCommonSamplesInFrontend': 'Cruzando las columnas de los dos archivos locales',
+    'pipeline.resetAllNumberOfSamples': 'Restableciendo contadores de muestras a cero',
+    'pipeline.noDataEntered': 'Comprobando si el formulario mantiene sus valores por defecto',
+    'pipeline.resetExperimentForm': 'Limpiando el formulario de experimento y restableciendo muestras',
+    'pipeline.resetGEMSource': 'Restableciendo parámetros específicos de la fuente GEM',
+    'pipeline.setDefaultGEMStd': 'Ajustando desviación estándar GEM según el tipo de archivo seleccionado',
+    'pipeline.updateSourceFilenames': 'Actualizando los nombres de archivo legibles en el formulario',
+    'pipeline.updateSourceFilenamesAndCommonSamples': 'Actualizando nombres de archivos y recalculando cruce de muestras',
+    'pipeline.runPipeline': 'Enviando archivos y parámetros para iniciar el experimento',
+    'pipeline.editExperiment': 'Cargando datos del experimento seleccionado para su edición',
+    'pipeline.makeEditExperimentRequest': 'Enviando actualización de nombre, descripción y etiqueta al servidor',
+    'pipeline.toggleDisplayTagForm': 'Alternando la vista para añadir o seleccionar etiquetas',
+    'pipeline.selectTagForNewExperiment': 'Asociando etiqueta seleccionada al nuevo experimento',
+    'pipeline.addTagAndSelect': 'Registrando nueva etiqueta en el servidor y seleccionándola',
+    'pipeline.handleKeyDownForNewExperiment': 'Procesando confirmación o cancelación por teclado de la nueva etiqueta',
+    'pipeline.handleAddTagInputsChangeForNewExperiment': 'Actualizando el campo de texto de la nueva etiqueta',
+    'pipeline.handleChangeConfirmModalState': 'Configurando y mostrando el cuadro de confirmación',
+    'pipeline.handleCancelConfirmModalState': 'Cancelando y cerrando el cuadro de confirmación',
+    'pipeline.getDefaultConfirmModal': 'Generando el estado inicial del modal de confirmación',
+    'pipeline.errorReadingFileInInput': 'Error al intentar leer el archivo cargado por el usuario',
+
+    // 137 PipelineAdvancedForm
+    'pipelineAdvancedForm.advancedSettings': 'Configuración avanzada',
+    'pipelineAdvancedForm.correlationMethod': 'Método de correlación',
+    'pipelineAdvancedForm.correlationMethodInfo': 'Método de correlación a utilizar: Pearson, Spearman o Kendall (Tau-b). Puedes verificar si el método seleccionado es apropiado para tus datos en el panel de Supuestos en la vista de resultados una vez finalizado el experimento',
+    'pipelineAdvancedForm.correlate': 'Correlacionar...',
+    'pipelineAdvancedForm.correlateOwnGenes': '... {gemDescription}s con la expresión únicamente de sus genes',
+    'pipelineAdvancedForm.correlateAllGenes': '... todos los {gemDescription}s con todos los genes',
+    'pipelineAdvancedForm.correlateInfo': 'Puedes elegir si conservar únicamente las combinaciones cuyos genes coincidan o mantener todas las combinaciones resultantes del experimento',
+    'pipelineAdvancedForm.minCorrelationThreshold': 'Umbral mínimo de correlación {value}',
+    'pipelineAdvancedForm.minCorrelationThresholdInfo': 'Solo se conservarán aquellas combinaciones que tengan un coeficiente de correlación superior a este umbral',
+    'pipelineAdvancedForm.genesMinStandardDeviation': 'Desviación estándar mínima de genes {value}',
+    'pipelineAdvancedForm.genesMinStandardDeviationInfo': 'Solo se conservarán aquellos genes con una desviación estándar superior a este valor',
+    'pipelineAdvancedForm.gemMinStandardDeviation': 'Desviación estándar mínima de {gemDescription} {value}',
+    'pipelineAdvancedForm.gemMinStandardDeviationInfo': 'Solo se conservarán aquellos {gemDescription}s con una desviación estándar superior a este valor',
+    'pipelineAdvancedForm.pValueAdjustment': 'Ajuste de valor p',
+    'pipelineAdvancedForm.pValueAdjustmentInfo': 'Método de ajuste de valor p para la Tasa de Error Familiar (FWER) o la Tasa de Falsos Descubrimientos (FDR)',
+    // 138 PipelineForm
+    'pipelineForm.preparingAnalysis': 'Preparando análisis',
+    'pipelineForm.saveChanges': 'Guardar cambios',
+    'pipelineForm.runAnalysis': 'Ejecutar análisis',
+    'pipelineForm.selectDataset': 'Seleccionar conjunto de datos...',
+    'pipelineForm.mrnaProfile': 'Perfil de mRNA',
+    'pipelineForm.profile': 'Perfil de {profile}',
+    'pipelineForm.samplesMrna': 'Muestras mRNA: {count}',
+    'pipelineForm.samplesGem': 'Muestras {gem}: {count}',
+    'pipelineForm.samplesInCommon': 'Muestras en común: {count}',
+    'pipelineForm.analysisInfo': 'Información del análisis',
+    'pipelineForm.requiredField': 'Campo obligatorio',
+    'pipelineForm.uploadTimeWarning': 'El tiempo de carga depende del tamaño del archivo',
+    'pipelineForm.clearForm': 'Limpiar formulario',
+    'pipelineAdvancedForm.familyWiseErrorRate': 'Tasa de Error Familiar o Tasa de Falsos Descubrimientos',
+    // 139 PipelineSourcePopupContent
+    'pipelineSourcePopupContent.newExperiment': 'Nuevo experimento',
+    'pipelineSourcePopupContent.description': 'En este panel puedes seleccionar los datos de origen que se utilizarán para calcular un análisis de correlación. Existen tres formas diferentes de seleccionar una fuente:',
+    'pipelineSourcePopupContent.fromMultiomix': 'Desde Multiomix',
+    'pipelineSourcePopupContent.fromMultiomixDescription': 'Conjuntos de datos cargados desde el menú Conjuntos de datos/Multiomix',
+    'pipelineSourcePopupContent.fromCBioPortal': 'Desde cBioPortal',
+    'pipelineSourcePopupContent.fromCBioPortalDescription': '¡Conjuntos de datos sincronizados desde cBioPortal listos para usar!',
+    'pipelineSourcePopupContent.uploadDataset': 'Subir conjunto de datos',
+    'pipelineSourcePopupContent.uploadDatasetDescription': 'Puedes subir un conjunto de datos desde tu computadora. Se almacenará y aparecerá en el menú Conjuntos de datos/Multiomix.',
+    'pipelineSourcePopupContent.uploadDatasetPrivacy': 'Será privado y solo será accesible para ti (puedes compartirlo desde el menú Conjuntos de datos/Multiomix)',
+    'pipelineSourcePopupContent.samplesWarning': 'Ten en cuenta que solo se evaluarán las muestras en común y los Genes/GEMs que contengan valores NaN serán eliminados',
+    // 140 SourceForm
+    'sourceForm.fileAddedToDatasets': 'El archivo se agregará a "Conjuntos de datos/Multiomix"',
+    'sourceForm.selectDataset': 'Selecciona tu conjunto de datos',
+    'sourceForm.errorParsingJson': 'Error al procesar el JSON ->',
+    'sourceForm.errorGettingTags': 'Error obteniendo las etiquetas del usuario ->',
+    'sourceForm.all': 'Todos',
+    'sourceForm.private': 'Privado',
+    'sourceForm.public': 'Público',
+    'sourceForm.selectDatasetPlaceholder': 'Seleccionar conjunto de datos...',
+    'sourceForm.fromYourDatasets': 'Desde tus conjuntos de datos',
+    'sourceForm.fromCBioPortal': 'Desde cBioPortal',
+    'sourceForm.uploadDataset': 'Subir conjunto de datos',
+    // 141 SitePolicy
+    'sitePolicy.header': 'Multiomix implementa un conjunto de medidas de seguridad para proteger el acceso a los conjuntos de datos cargados. Estas medidas se complementan con algunas recomendaciones para proteger la privacidad de los datos:',
+    'sitePolicy.authentication': 'Multiomix implementa autenticación —verificando la identidad del usuario— y autorización —determinando a qué datos o recursos puede acceder un usuario autenticado respetando el nivel de acceso definido.',
+    'sitePolicy.dataTransfer': 'La transferencia de datos está cifrada.',
+    'sitePolicy.firewall': '{multiomixLink} está protegido con un firewall para prevenir ataques de fuerza bruta.',
+    'sitePolicy.containerized': 'La plataforma está contenerizada utilizando Docker para que los servicios de base de datos y los archivos no puedan ser accedidos externamente.',
+    'sitePolicy.securityMeasures': 'Los operadores del servicio utilizan medidas de seguridad razonables para proteger contra la pérdida, el uso indebido y la alteración de la información y los datos bajo nuestro control.',
+    'sitePolicy.piiRestriction': 'Está prohibido utilizar el servicio {multiomixLink} para almacenar cualquier dato que pueda clasificarse como Información de Identificación Personal (PII). Solo deben cargarse datos preprocesados y desidentificados en {multiomixLink}.',
+    'sitePolicy.localInstance': 'Los usuarios pueden optar por configurar su propia instancia local de Multiomix en lugar de utilizar el servicio {multiomixLink}.',
+    'sitePolicy.localInstanceInstructions': 'Las instrucciones para instalar la instancia local están disponibles en',
+    // 142 SurvivalAnalysisPanel
+    'survivalAnalysisPanel.noSelected': 'No seleccionado',
+    'survivalAnalysisPanel.errorReadingHeader': 'Ocurrió un error al leer el encabezado de la fuente de supervivencia. Por favor, intenta cargarla nuevamente',
+    'survivalAnalysisPanel.errorReadingCsvColumns': 'Error al leer los nombres de las columnas del CSV',
+    'survivalAnalysisPanel.invalidSourceType': 'Tipo de fuente inválido',
+    'survivalAnalysisPanel.errorParsingJson': 'Error al procesar JSON ->',
+    'survivalAnalysisPanel.errorGettingColumnNames': 'Error obteniendo los nombres de las columnas ->',
+    // 143 SurvivalForm
+    'survivalForm.expressionFileType': 'Tipo de archivo de expresión',
+    'survivalForm.expressionProfile': 'Perfil de expresión',
+    'survivalForm.survivalProfile': 'Perfil de supervivencia',
+    'survivalForm.eventTimeColumn': 'Columna de tiempo del evento',
+    'survivalForm.eventStatusColumn': 'Columna de estado del evento',
+    // 144 SurvivalGeneSelectionPanel
+    'survivalGeneSelectionPanel.selectGenes': 'Seleccionar genes',
+    // 145 SurvivalTuplesForm
+    'survivalTuplesForm.survivalTuple': 'Tupla de supervivencia #{number}',
+    'survivalTuplesForm.removeTuple': 'Eliminar esta tupla de supervivencia',
+    'survivalTuplesForm.eventColumn': 'Columna del evento',
+    'survivalTuplesForm.timeColumn': 'Columna del tiempo',
+    'survivalTuplesForm.addTuple': 'Agregar tupla de supervivencia',
+    // 146 Footer
+    'footer.termsAndPrivacyPolicy': 'Términos y política de privacidad',
+    // 147 MainNavbar
+    'mainNavbar.login': 'Iniciar sesión',
+    'mainNavbar.greeting': 'Hola, {username}',
+    'mainNavbar.editProfile': 'Editar perfil',
+    'mainNavbar.exit': 'Salir',
+
+    'mainNavbar.analysis': 'Análisis',
+    'mainNavbar.gem': 'GEM',
+    'mainNavbar.gemDescription': 'Modulación de Expresión Génica',
+    'mainNavbar.biomarkers': 'Biomarcadores',
+    'mainNavbar.differentialExpression': 'Expresión diferencial',
+
+    'mainNavbar.myDatasets': 'Mis conjuntos de datos',
+    'mainNavbar.cbioportal': 'cBioPortal',
+
+    'mainNavbar.institutions': 'Instituciones',
+
+    'mainNavbar.admin': 'Administrador',
+    'mainNavbar.databaseGenes': 'Base de datos: Genes',
+
+    'mainNavbar.aboutUs': 'Sobre nosotros',
+    'mainNavbar.faq': 'Preguntas frecuentes',
+    'mainNavbar.openSource': 'Código abierto',
+
+    'mainNavbar.homepage': 'Página principal de Multiomix',
+    // 148.UpdateUserModal
+    'updateUserModal.title': 'Editar información de {username}',
+    'updateUserModal.email': 'Correo electrónico:',
+    'updateUserModal.firstName': 'Nombre:',
+    'updateUserModal.firstName.placeholder': 'Ingrese el nombre',
+    'updateUserModal.lastName': 'Apellido:',
+    'updateUserModal.lastName.placeholder': 'Ingrese el apellido',
+    'updateUserModal.resetPassword': 'Restablecer contraseña:',
+    'updateUserModal.repeatPassword': 'Repetir contraseña:',
+
+    'updateUserModal.passwordMismatch.title': 'Ambas contraseñas deben ser iguales',
+    'updateUserModal.passwordMismatch.body': 'Asegúrese de que ambas contraseñas sean iguales.',
+
+    'updateUserModal.passwordLength.title': 'Longitud de la contraseña',
+    'updateUserModal.passwordLength.body': 'La contraseña debe tener al menos 8 caracteres.',
+
+    'updateUserModal.success': '¡Credenciales actualizadas!',
+    'updateUserModal.error': '¡Error al actualizar las credenciales!',
+
+    'updateUserModal.changePassword.title': 'Cambiar contraseña',
+    'updateUserModal.changePassword.confirm': '¿Está seguro de que desea cambiar su contraseña?',
+    // Agregados
+    // BiomarkersPanel
+    'biomarkersPanel.stopExperiment.header': 'Detener experimento',
+    'biomarkersPanel.stopExperiment.content': '¿Está seguro de que desea detener el experimento {name}?',
+    'biomarkersPanel.deleteModal.header': 'Eliminar biomarcador',
+    'biomarkersPanel.deleteModal.content': '¿Está seguro de que desea eliminar el biomarcador {name}?',
+    'biomarkersPanel.cloneModal.content': '¿Está seguro de que desea clonar el biomarcador "{name}"?',
+    'biomarkersPanel.cloneModal.button': 'Clonar',
+
+    'biomarkersPanel.table.headerTitle': 'Biomarcadores',
+    'biomarkersPanel.table.searchPlaceholder': 'Buscar por nombre',
+    'biomarkersPanel.table.column.tag': 'Etiqueta',
+    'biomarkersPanel.table.column.origin': 'Origen',
+    'biomarkersPanel.table.column.public': 'Público',
+    'biomarkersPanel.table.column.shared': 'Compartido',
+
+    'biomarkersPanel.table.addButton.title': 'Agregar nuevo biomarcador',
+
+    'biomarkersPanel.icon.sharedInstitutions': 'Instituciones compartidas',
+    'biomarkersPanel.icon.sharedUsers': 'Usuarios compartidos',
+    'biomarkersPanel.icon.clone': 'Clonar biomarcador',
+    'biomarkersPanel.icon.stop': 'Detener biomarcador',
+    'biomarkersPanel.icon.public': 'Todos los usuarios de la plataforma pueden ver este experimento',
+    'biomarkersPanel.icon.notPublic': 'Si esto está marcado, todos los usuarios de la plataforma pueden ver (pero no editar ni eliminar) este elemento',
+
+    'biomarkersPanel.confirmModal.loseData.header': 'Va a perder todos los datos ingresados',
+    'biomarkersPanel.confirmModal.loseData.content': '¿Está seguro?',
+
+    'biomarkersPanel.alert.errorCreating': '¡Error al crear biomarcador!',
+    'biomarkersPanel.alert.errorEditing': '¡Error al editar biomarcador!',
+    'biomarkersPanel.alert.successCreating': 'Biomarcador creado exitosamente',
+    'biomarkersPanel.alert.successEditing': 'Biomarcador editado exitosamente',
+    'biomarkersPanel.alert.successSubmitting': '¡Experimento enviado!',
+
+    'biomarkersPanel.tags.noTag': 'Sin etiqueta',
+    'biomarkersPanel.tags.label': 'Etiqueta',
+    'biomarkersPanel.tags.placeholder': 'Seleccionar una etiqueta existente',
+}
diff --git a/src/frontend/static/frontend/src/login.tsx b/src/frontend/static/frontend/src/login.tsx
index 84c8c3d7..7068f26b 100644
--- a/src/frontend/static/frontend/src/login.tsx
+++ b/src/frontend/static/frontend/src/login.tsx
@@ -2,7 +2,7 @@ import React from 'react'
 import { createRoot } from 'react-dom/client'
 import './css/login.css'
 
-import { LoginSignUpForm } from './components/login/LoginSignUpForm'
+import LoginSignUpForm from './components/login/LoginSignUpForm'
 
 const container = document.getElementById('login-form')
 const root = createRoot(container!)
diff --git a/src/frontend/templates/frontend/base.html b/src/frontend/templates/frontend/base.html
index 8d01e326..7c8b6205 100644
--- a/src/frontend/templates/frontend/base.html
+++ b/src/frontend/templates/frontend/base.html
@@ -63,6 +63,7 @@
         const currentUserId = "{{ user.id }}"
         const urlAssistantChat = "{% url 'assistant_chat' %}" {# URL for AI assistant chat endpoint #}
         const urlAssistantConversations = "{% url 'assistant_conversations' %}" {# URL for AI assistant conversations #}
+        const urlFAQ = "{% url 'faq' %}" {# URL to FAQ page #}
     </script>
 
     {% render_bundle 'base' 'js' %}
diff --git a/src/frontend/templates/frontend/faq.html b/src/frontend/templates/frontend/faq.html
new file mode 100644
index 00000000..29c94675
--- /dev/null
+++ b/src/frontend/templates/frontend/faq.html
@@ -0,0 +1,16 @@
+{% extends 'frontend/base.html' %}
+{% load static %}
+{% load render_bundle from webpack_loader %}
+
+{% block title %} | FAQ{% endblock %}
+{% block meta_description %}
+Frequently Asked Questions about Multiomix and our platform.
+{% endblock %}
+
+{% block content %}
+        <main id="faq-app"></main>
+{% endblock %}
+
+{% block js %}
+        {% render_bundle 'faq' 'js' %}
+{% endblock %}
\ No newline at end of file
diff --git a/src/frontend/urls.py b/src/frontend/urls.py
index eefe99a1..c90eb8ca 100644
--- a/src/frontend/urls.py
+++ b/src/frontend/urls.py
@@ -10,6 +10,7 @@
     path('open-source', views.open_source, name='open_source'),
     path('site-policy', views.terms_and_privacy_policy_action, name='site_policy'),
     path('biomarker', views.biomarker, name='biomarker'),
-    path('differential-expression', views.differential_expression, name='differential_expression')
+    path('differential-expression', views.differential_expression, name='differential_expression'),
+    path('faq', views.faq_action, name='faq')
 ]
 
diff --git a/src/frontend/views.py b/src/frontend/views.py
index c441efb9..bfe209f1 100644
--- a/src/frontend/views.py
+++ b/src/frontend/views.py
@@ -63,3 +63,7 @@ def differential_expression(request):
 def open_source(request):
     """Open source view"""
     return render(request, "frontend/open-source.html")
+
+def faq_action(request):
+    """FAQ view"""
+    return render(request, "frontend/faq.html")