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 b70f80e2..84425088 100644
--- a/src/frontend/static/frontend/src/components/Base.tsx
+++ b/src/frontend/static/frontend/src/components/Base.tsx
@@ -4,6 +4,26 @@ import ky from 'ky'
 import { DjangoUser } from '../utils/django_interfaces'
 import { Nullable } from '../utils/interfaces'
 import { Footer } from './Footer'
+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
 
@@ -29,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
@@ -75,17 +97,21 @@ const Base = (props: BaseProps) => {
 
     return (
         <CurrentUserContext.Provider value={currentUser}>
-            {/* Navbar */}
-            <MainNavbar activeItem={props.activeItem} isLoadingUser={isLoadingCurrentUser} />
+            <LocaleContext.Provider value={{ locale, setLocale }}>
+                <IntlProvider locale={locale} messages={messages[locale]}>
+                    {/* Navbar */}
+                    <MainNavbar activeItem={props.activeItem} isLoadingUser={isLoadingCurrentUser} />
 
-            {/* Composition part */}
-            <div className={props.wrapperClass}>
-                {props.children}
-            </div>
+                    {/* Composition part */}
+                    <div className={props.wrapperClass}>
+                        {props.children}
+                    </div>
 
-            {/* Footer */}
-            {/* TODO: add license */}
-            <Footer />
+                    {/* Footer */}
+                    {/* TODO: add license */}
+                    <Footer />
+                </IntlProvider>
+            </LocaleContext.Provider>
         </CurrentUserContext.Provider>
     )
 }
diff --git a/src/frontend/static/frontend/src/components/MainNavbar.tsx b/src/frontend/static/frontend/src/components/MainNavbar.tsx
index 508735f1..84ab549a 100644
--- a/src/frontend/static/frontend/src/components/MainNavbar.tsx
+++ b/src/frontend/static/frontend/src/components/MainNavbar.tsx
@@ -150,7 +150,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,
@@ -298,6 +298,17 @@ const MainNavbar = (props: MainNavbarProps) => {
                 </Menu.Item>
             </Menu.Menu>
 
+            <Menu.Menu>
+                <Menu.Item
+                    as='a'
+                    href='/faq'
+                    style={{ fontSize: '1rem' }}
+                    active={props.activeItem === 'faq'}
+                >
+                    FAQ
+                </Menu.Item>
+            </Menu.Menu>
+
             <Menu.Menu>
                 <Menu.Item as='a' href={urlOpenSource} style={{ fontSize: '1rem' }}>
                     Open source
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/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 7a977f52..7cd57673 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 3c43ab0a..d4c6bf22 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 1ddc75a9..7b5c4baa 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 22ddb004..b975eab1 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 c91dd401..0c60893a 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..32956d34 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
@@ -9,6 +9,7 @@ import { InfoPopup } from '../../../pipeline/experiment-result/gene-gem-details/
 import { SamplesAndTimeInferenceCharts } from './SamplesAndTimeInferenceCharts'
 import { InferenceExperimentClinicalAttributeSelect } from './InferenceExperimentClinicalAttributeSelect'
 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 4f463eeb..50231679 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
@@ -11,6 +11,7 @@ import { GeneAssociationsNetworkPanel } from './genes/GeneAssociationsNetworkPan
 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 { useIntl } from 'react-intl'
 
 // const MENU_DEFAULT: ActiveBiomarkerMoleculeItemMenu = ActiveBiomarkerMoleculeItemMenu.DETAILS // TODO: use this
 const MENU_DEFAULT: ActiveBiomarkerMoleculeItemMenu = ActiveBiomarkerMoleculeItemMenu.DETAILS
@@ -31,6 +32,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(() => {
@@ -98,10 +100,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 5a98008b..d41a8bfe 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',
@@ -72,21 +73,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 9b277bba..30c8764a 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 433a06f1..b851a8e3 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 a7d5db85..335d1a41 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
@@ -7,6 +7,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,18 +26,27 @@ const COLORS_BY_STRING_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_STRING_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_STRING_RELATION).map(([relationKey, [_, color]]) => (
+                        <li key={relationKey}>
+                            <span style={{ backgroundColor: color }} />
+                            {intl.formatMessage({ id: `geneAssociations.relation.${relationKey}` })}
+                        </li>
+                    ))}
+                </ul>
+            </div>
         </div>
-    </div>
-)
+    )
+}
 
 /** GeneAssociationsNetworkPanel props. */
 interface GeneAssociationsNetworkPanelProps {
@@ -45,6 +55,7 @@ interface GeneAssociationsNetworkPanelProps {
 }
 
 export const GeneAssociationsNetworkPanel = (props: GeneAssociationsNetworkPanelProps) => {
+    const intl = useIntl()
     const abortControllerTerm = useRef(new AbortController())
     const [minCombinedScore, setMinCombinedScore] = React.useState(950)
 
@@ -251,7 +262,7 @@ export const GeneAssociationsNetworkPanel = (props: GeneAssociationsNetworkPanel
                 <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 f5b34cb1..9b44dd7f 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 d6e65974..37fed744 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 d537394d..1a4dcf52 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 7a6b81f1..f86008ed 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 7ca63dde..d6acccef 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 737039f3..65bb77c8 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 f8451a88..8cbc556f 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,16 +196,16 @@ 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 && (
+                        {hasClusteringModel && (
                             <Form.Field>
                                 <Button.Group
                                     compact
@@ -213,21 +215,21 @@ 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>
+                            </Form.Field>
                         )}
 
                         {/* Clinical attribute select */}
-                        {(!hasClusteringModel || kaplanMeierStrategy === 'clinical_attribute') && (
+                        {(!hasClusteringModel || kaplanMeierStrategy === 'clinical_attribute') && (
                             <Form.Select
                                 fluid
                                 selectOnBlur={false}
@@ -236,42 +238,42 @@ 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}
-                            />
+                            />
                         )}
                     </Form>
 
                     {/* 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. */}
-                    {(hasClusteringModel && kaplanMeierStrategy === 'clustering' && kaplanMeierData !== null) && (
+                    {(hasClusteringModel && kaplanMeierStrategy === 'clustering' && kaplanMeierData !== null) && (
                         <Modal
                             onClose={() => setShowSamplesAndClusters(false)}
                             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>
+                        </Modal>
                     )}
                 </GridColumn>
             </Grid.Row>
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 a749ca9c..a73067fd 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,21 +74,21 @@ 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} />}
             </Segment>
 
             {/* Result metrics data. */}
-            {!isClustering && (
+            {!isClustering && (
                 <Segment className='align-center margin-top-5'>
-                    {loadingMetrics && (
+                    {loadingMetrics && (
                         <Placeholder className='full-width'>
                             <Placeholder.Header image>
                                 <Placeholder.Line />
@@ -96,28 +98,28 @@ export const StatisticalValidationResultMetrics = (props: StatisticalValidationR
                                 <Placeholder.Line length='medium' />
                                 <Placeholder.Line length='short' />
                             </Placeholder.Paragraph>
-                        </Placeholder>
+                        </Placeholder>
                     )}
 
-                    {(!loadingMetrics && statValidationData !== null) && (
+                    {(!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>
-                        </>
+                        </>
                     )}
-                </Segment>
+                </Segment>
             )}
         </>
     )
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 cdbf9014..e28fc969 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 050f2e2e..02453753 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 41de0e9c..89000c14 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 15ab6c62..f13d5505 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 74283e4c..3497a9f9 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 9f88047b..459aff6a 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 861b0633..ca9b6ef4 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, FitnessFunctionParameters } 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 92dd7bca..3bfabe3c 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 { FitnessFunctionParameters, 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 1cc68364..a09cf990 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 { FitnessFunctionParameters, 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/faq/FAQ.tsx b/src/frontend/static/frontend/src/components/faq/FAQ.tsx
new file mode 100644
index 00000000..83b2eacd
--- /dev/null
+++ b/src/frontend/static/frontend/src/components/faq/FAQ.tsx
@@ -0,0 +1,258 @@
+import React from 'react'
+import { Container, Divider, Grid, Header, List } from 'semantic-ui-react'
+import { Base } from '../Base'
+import { FAQQuestionAndAnswer } from './FAQQuestionAndAnswer'
+
+/**
+ * FAQ Page (Frequently Asked Questions).
+ *
+ * Uses the  `FAQQuestionAndAnswer`  component to display each questions and answers.
+ */
+
+export const FAQ = () => {
+    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'>Frequently Asked Questions</Header>
+                            <Divider />
+
+                            {/* Question 1: What is Multiomix? */}
+                            <FAQQuestionAndAnswer
+                                segmentId='what-is-multiomix'
+                                headerTitle='What is Multiomix?'
+                                answer={(
+                                    <p>
+                                        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. (<a href='#'>Paper</a>)
+                                    </p>
+                                )}
+                            />
+
+                            {/* Question 2: What kind of analysis can I do? */}
+                            <FAQQuestionAndAnswer
+                                segmentId='analysis-types'
+                                headerTitle='What kind of analysis can I do in Multiomix?'
+                                answer={(
+                                    <p>
+                                        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.
+                                    </p>
+                                )}
+                            />
+
+                            {/* Question 3: Pipelines and statistical methods */}
+                            <FAQQuestionAndAnswer
+                                segmentId='pipelines'
+                                headerTitle='What main pipelines and statistical methods does the platform offer?'
+                                answer={(
+                                    <>
+                                        <p>
+                                            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.
+                                        </p>
+                                        <p>
+                                            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.
+                                        </p>
+                                        <p>
+                                            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.
+                                        </p>
+                                    </>
+                                )}
+                            />
+
+                            {/* Question 4: Uploading own data */}
+                            <FAQQuestionAndAnswer
+                                segmentId='upload-data'
+                                headerTitle='Can I upload my own data?'
+                                answer={(
+                                    <p>
+                                        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.
+                                    </p>
+                                )}
+                            />
+                            {/* Question 5: Public datasets */}
+                            <FAQQuestionAndAnswer
+                                segmentId='datasets-public'
+                                headerTitle='Does Multiomix include ready-to-use public data?'
+                                answer={(
+                                    <p>
+                                        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.
+                                    </p>
+                                )}
+                            />
+
+                            {/* Question 6: cBioPortal datasets preprocessing */}
+                            <FAQQuestionAndAnswer
+                                segmentId='datasets'
+                                headerTitle='How are cBioPortal datasets incorporated and preprocessed?'
+                                answer={(
+                                    <>
+                                        <p>
+                                            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.
+                                        </p>
+                                        <p>
+                                            Clinical data also undergo preprocessing: cases with <code>NaN</code>, empty or <code>Null</code> values are filtered out.
+                                            Additionally, cases with an event but survival time equal to zero are excluded (pending clarification from cBioPortal).
+                                        </p>
+                                    </>
+                                )}
+                            />
+                            {/* Question 7: Only for experts? */}
+                            <FAQQuestionAndAnswer
+                                segmentId='expertise'
+                                headerTitle='Is Multiomix only for expert bioinformaticians?'
+                                answer={(
+                                    <p>
+                                        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.
+                                    </p>
+                                )}
+                            />
+
+                            {/* Question 8: Performance for correlation analysis */}
+                            <FAQQuestionAndAnswer
+                                segmentId='performance'
+                                headerTitle='What makes Multiomix different in terms of correlation analysis performance?'
+                                answer={(
+                                    <p>
+                                        For large-scale correlation analysis, Multiomix developed its own tool called{' '}
+                                        <a href='https://github.com/' target='_blank' rel='noreferrer'>GGCA</a>, implemented
+                                        in Rust to improve performance and memory usage.
+                                    </p>
+                                )}
+                            />
+
+                            {/* Question 9: Metaheuristics acceleration */}
+                            <FAQQuestionAndAnswer
+                                segmentId='metaheuristics'
+                                headerTitle='How does Multiomix accelerate metaheuristic execution for feature selection?'
+                                answer={(
+                                    <p>
+                                        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. (<a href='#'>Source</a>)
+                                    </p>
+                                )}
+                            />
+                            {/* Question 10: Ecosystem integrations */}
+                            <FAQQuestionAndAnswer
+                                segmentId='integrations'
+                                headerTitle='What ecosystem tools does Multiomix integrate with?'
+                                answer={(
+                                    <p>
+                                        Multiomix relies on BioAPI and Modulector for part of its functionality. Both platforms act
+                                        as abstraction layers for standardized access to biological data.{' '}
+                                        <a href='https://github.com/' target='_blank' rel='noreferrer'>BioAPI</a> exposes gene
+                                        nomenclature, expression, and pathway information through a REST API, while{' '}
+                                        <a href='https://github.com/' target='_blank' rel='noreferrer'>Modulector</a> centralizes
+                                        miRNA, gene, and methylation site data, and offers services related to PubMed evidence and news.
+                                    </p>
+                                )}
+                            />
+                            {/* Question 11: Internal technologies */}
+                            <FAQQuestionAndAnswer
+                                segmentId='technologies'
+                                headerTitle='What technologies does Multiomix use internally?'
+                                answer={(
+                                    <p>
+                                        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. (
+                                        <a href='https://github.com/' target='_blank' rel='noreferrer'>GitHub</a>)
+                                    </p>
+                                )}
+                            />
+
+                            <Divider />
+                            {/* Question 12: Privacy */}
+                            <FAQQuestionAndAnswer
+                                segmentId='privacy'
+                                headerTitle='How is user-uploaded data privacy handled?'
+                                answer={(
+                                    <p>
+                                        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.
+                                    </p>
+                                )}
+                            />
+                            {/* Question 13: Local installation */}
+                            <FAQQuestionAndAnswer
+                                segmentId='installation'
+                                headerTitle='Can I install Multiomix locally?'
+                                answer={(
+                                    <p>
+                                        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. (
+                                        <a href='https://github.com/' target='_blank' rel='noreferrer'>GitHub</a>)
+                                    </p>
+                                )}
+                            />
+
+                            <Divider />
+                            {/* Question 14: Licenses */}
+                            <FAQQuestionAndAnswer
+                                segmentId='licenses'
+                                headerTitle='Libraries and tools with Licenses'
+                                answer={(
+                                    <p>
+                                        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.
+                                    </p>
+                                )}
+                            />
+                            {/* Question 15: Additional Links */}
+                            <FAQQuestionAndAnswer
+                                segmentId='footer'
+                                headerTitle='Additional Links'
+                                answer={(
+                                    <List horizontal divided link size='small'>
+                                        <List.Item as='a'>Site Map</List.Item>
+                                        <List.Item as='a'>Contact Us</List.Item>
+                                        <List.Item as='a'>Terms and Conditions</List.Item>
+                                        <List.Item as='a'>Privacy Policy</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/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..d464617b
--- /dev/null
+++ b/src/frontend/static/frontend/src/locales/en.ts
@@ -0,0 +1,411 @@
+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 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}',
+
+}
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..7221bbe3
--- /dev/null
+++ b/src/frontend/static/frontend/src/locales/es.ts
@@ -0,0 +1,414 @@
+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}',
+
+}
diff --git a/src/frontend/templates/frontend/base.html b/src/frontend/templates/frontend/base.html
index 0f2a9378..c12137aa 100644
--- a/src/frontend/templates/frontend/base.html
+++ b/src/frontend/templates/frontend/base.html
@@ -61,6 +61,7 @@
         const urlSearchUser = "{% url 'search_user' %}" {# URL to search user view #}
         const urlUpdateUser = "{% url 'update_user' %}" {# URL to update user view #}
         const currentUserId = "{{ user.id }}"
+        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 7243b6c3..a0da3eb5 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")