diff --git a/prophecies/apps/frontend/src/components/UserProfileDropdownMenu.vue b/prophecies/apps/frontend/src/components/UserProfileDropdownMenu.vue
index 6300649d..d6d90484 100644
--- a/prophecies/apps/frontend/src/components/UserProfileDropdownMenu.vue
+++ b/prophecies/apps/frontend/src/components/UserProfileDropdownMenu.vue
@@ -4,7 +4,7 @@ import AppVersion from './AppVersion.vue'
 export default {
   name: 'UserProfileDropdownMenu',
   components: {
-    AppVersion
+    AppVersion,
   },
   computed: {
     user () {
@@ -30,6 +30,10 @@ export default {
       const params = { username: this.user.username }
       return { name: 'user-retrieve-bookmarks', params }
     },
+    languageRoute () {
+      const params = { username: this.user.username }
+      return { name: 'user-retrieve-language', params }
+    },
     historyRoute () {
       const params = { username: this.user.username }
       return { name: 'user-retrieve-history', params }
@@ -78,6 +82,14 @@ export default {
       <truck-icon class="user-profile-dropdown-menu__item__icon" />
       {{ $t('userProfileDropdownMenu.help') }}
     </b-dropdown-item>
+    <b-dropdown-item
+      id="user-profile-dropdown-menu__item--language"
+      :to="languageRoute"
+      class="user-profile-dropdown-menu__item user-profile-dropdown-menu__item--language"
+    >
+      <globe-icon class="user-profile-dropdown-menu__item__icon" />
+      {{ $t('userRetrieveLanguage.title.yours') + ' (' + $i18n.locale.toUpperCase() + ')' }}
+    </b-dropdown-item>
     <b-dropdown-item :href="$config.get('logoutUrl')" class="user-profile-dropdown-menu__item user-profile-dropdown-menu__item--logout">
       <log-out-icon class="user-profile-dropdown-menu__item__icon" />
       {{ $t('userProfileDropdownMenu.logOut') }}
@@ -101,6 +113,7 @@ export default {
       &__icon {
         margin-right: $spacer;
       }
+
     }
   }
 </style>
diff --git a/prophecies/apps/frontend/src/core/Core.js b/prophecies/apps/frontend/src/core/Core.js
index 3c4f1ef4..96035433 100644
--- a/prophecies/apps/frontend/src/core/Core.js
+++ b/prophecies/apps/frontend/src/core/Core.js
@@ -1,6 +1,7 @@
 // BootstrapVue recommends using this
 import 'mutationobserver-shim'
 
+import compose from 'lodash/fp/compose'
 import Murmur from '@icij/murmur'
 import BootstrapVue from 'bootstrap-vue'
 import Vue from 'vue'
@@ -9,6 +10,8 @@ import VueRouter from 'vue-router'
 import VueScrollTo from 'vue-scrollto'
 import VueWait from 'vue-wait'
 
+import LocaleMixin from './LocaleMixin'
+
 import Setting from '@/models/Setting'
 import User from '@/models/User'
 import router from '@/router'
@@ -21,16 +24,22 @@ import App from '@/views/App'
 import vShortkey from '@/directives/shortkey'
 import Shortkey from '@/plugins/Shortkey'
 
+class Base {}
+const Behaviors = compose(LocaleMixin)(Base)
+
 /**
   @class
   @classdesc Class representing the core application.
+  @mixes LocaleMixin
+  @typicalname prophecies
 */
-class Core {
+class Core extends Behaviors {
   /**
    * Create an application
    * @param {Object} LocalVue - The Vue class to instantiate the application with.
    */
   constructor (LocalVue = Vue) {
+    super(LocalVue)
     this.LocalVue = LocalVue
     // Disable production tip when not in production
     this.LocalVue.config.productionTip = process.env.NODE_ENV === 'development'
@@ -171,6 +180,8 @@ class Core {
       this.config.merge(await this.getSettings())
       // Finally, load the user into a specific attribute.
       this.config.set('user', await this.getUser())
+      // Load the locale
+      this.loadLocale(this.store.state.app.locale ?? 'en')
       // Old a promise that is resolved when the core is configured
       return this.ready && this._readyResolve(this)
     } catch (error) {
diff --git a/prophecies/apps/frontend/src/core/LocaleMixin.js b/prophecies/apps/frontend/src/core/LocaleMixin.js
new file mode 100644
index 00000000..2714279b
--- /dev/null
+++ b/prophecies/apps/frontend/src/core/LocaleMixin.js
@@ -0,0 +1,41 @@
+
+/**
+  Mixin class extending the core to add helpers to manage the internationalization.
+  @mixin LocaleMixin
+  @typicalname prophecies
+*/
+
+const LocaleMixin = superclass => class extends superclass {
+  /**
+   * Set the i18n language from the locale
+   * @param {String} locale - Locale code to load
+   * @memberof LocaleMixin.prototype
+   */
+  setI18nLanguage (locale) {
+    this.i18n.locale = locale
+    return locale
+  }
+  /**
+   * Load the application language from the locale
+   * @param {String} locale - Locale code to load
+   * @memberof LocaleMixin.prototype
+   */
+  loadLocale (locale) {
+    if (this.loadedLocales === undefined) {
+      this.loadedLocales = []
+    }
+    if (this.i18n.locale !== locale) {
+      if (!this.loadedLocales.includes(locale)) {
+        return import(/* webpackChunkName: "[request]" */ '@/messages/' + locale + '.json').then(messages => {
+          this.i18n.setLocaleMessage(locale, messages.default)
+          this.loadedLocales.push(locale)
+          return this.setI18nLanguage(locale)
+        })
+      }
+      return Promise.resolve(this.setI18nLanguage(locale))
+    }
+    return Promise.resolve(locale)
+  }
+}
+
+export default LocaleMixin
diff --git a/prophecies/apps/frontend/src/messages/en.json b/prophecies/apps/frontend/src/messages/en.json
index 0520672a..92739a60 100644
--- a/prophecies/apps/frontend/src/messages/en.json
+++ b/prophecies/apps/frontend/src/messages/en.json
@@ -327,10 +327,16 @@
     },
     "noHistory": "Empty history"
   },
+  "userRetrieveLanguage": {
+    "title": {
+      "yours": "Language",
+      "others": "Language"
+    }
+  },
   "userTaskStatsCard": {
     "allOpenTasks": "All open tasks",
     "allRecords": "All records",
     "noActivity": "No activity recorded over this period",
     "noTask": "No tasks assigned yet"
   }
-}
\ No newline at end of file
+}
diff --git a/prophecies/apps/frontend/src/router/index.js b/prophecies/apps/frontend/src/router/index.js
index 640b12d0..a04815b8 100644
--- a/prophecies/apps/frontend/src/router/index.js
+++ b/prophecies/apps/frontend/src/router/index.js
@@ -10,6 +10,7 @@ import TipRetrieve from '@/views/TipRetrieve.vue'
 import StatsList from '@/views/StatsList.vue'
 import UserRetrieve from '@/views/UserRetrieve.vue'
 import UserRetrieveProfile from '@/views/UserRetrieveProfile.vue'
+import UserRetrieveLanguage from '@/views/UserRetrieveLanguage.vue'
 import UserRetrieveActivity from '@/views/UserRetrieveActivity.vue'
 import UserRetrieveTeam from '@/views/UserRetrieveTeam.vue'
 import UserRetrieveBookmarks from '@/views/UserRetrieveBookmarks.vue'
@@ -74,6 +75,12 @@ export const router = {
           path: 'history',
           component: UserRetrieveHistory,
           props: true
+        },
+        {
+          name: 'user-retrieve-language',
+          path: 'language',
+          component: UserRetrieveLanguage,
+          props: true
         }
       ]
     },
diff --git a/prophecies/apps/frontend/src/settings/index.js b/prophecies/apps/frontend/src/settings/index.js
index c515ea6e..e178edf5 100644
--- a/prophecies/apps/frontend/src/settings/index.js
+++ b/prophecies/apps/frontend/src/settings/index.js
@@ -8,6 +8,14 @@ export default {
     {
       key: 'en',
       label: 'English'
+    },
+    {
+      key: 'es',
+      label: 'Español'
+    },
+    {
+      key: 'fr',
+      label: 'Français'
     }
   ],
   loginUrl: '/login/provider/?next=/',
diff --git a/prophecies/apps/frontend/src/store/index.js b/prophecies/apps/frontend/src/store/index.js
index c004954f..d2e2e540 100644
--- a/prophecies/apps/frontend/src/store/index.js
+++ b/prophecies/apps/frontend/src/store/index.js
@@ -29,7 +29,8 @@ export function createStore () {
       createPersistedState({
         paths: [
           'app.redirectAfterLogin',
-          'app.showTutorial'
+          'app.showTutorial',
+          'app.locale'
         ],
         filter (mutation) {
           // Only for some mutations
@@ -40,4 +41,4 @@ export function createStore () {
   })
 }
 
-export default createStore()
\ No newline at end of file
+export default createStore()
diff --git a/prophecies/apps/frontend/src/store/modules/app.js b/prophecies/apps/frontend/src/store/modules/app.js
index 6ad2796f..e0d92f96 100644
--- a/prophecies/apps/frontend/src/store/modules/app.js
+++ b/prophecies/apps/frontend/src/store/modules/app.js
@@ -1,6 +1,7 @@
 export const state = () => ({
   redirectAfterLogin: null,
-  showTutorial: true
+  showTutorial: true,
+  locale: 'en'
 })
 
 export const mutations = {
@@ -11,6 +12,9 @@ export const mutations = {
   },
   setShowTutorial (state, showTutorial) {
     state.showTutorial = showTutorial
+  },
+  setLocale (state, locale) {
+    state.locale = locale
   }
 }
 
@@ -22,6 +26,9 @@ export const actions = {
   showTutorial ({ state: { showTutorial }, commit }, isShown) {
     commit('setShowTutorial', isShown)
     return showTutorial
+  },
+  locale ({ commit }, locale) {
+    commit('setLocale', locale)
   }
 }
 
diff --git a/prophecies/apps/frontend/src/utils/icons.js b/prophecies/apps/frontend/src/utils/icons.js
index 7a4a0e25..dc807738 100644
--- a/prophecies/apps/frontend/src/utils/icons.js
+++ b/prophecies/apps/frontend/src/utils/icons.js
@@ -22,6 +22,7 @@ export {
   FilmIcon,
   FilterIcon,
   FrownIcon,
+  GlobeIcon,
   GridIcon,
   HomeIcon,
   HelpCircleIcon,
diff --git a/prophecies/apps/frontend/src/views/UserRetrieve.vue b/prophecies/apps/frontend/src/views/UserRetrieve.vue
index 2631eb21..38e1e7dd 100644
--- a/prophecies/apps/frontend/src/views/UserRetrieve.vue
+++ b/prophecies/apps/frontend/src/views/UserRetrieve.vue
@@ -54,6 +54,10 @@ export default {
       const params = { username: this.username }
       return { name: 'user-retrieve-history', params }
     },
+    languageRoute () {
+      const params = { username: this.username }
+      return { name: 'user-retrieve-language', params }
+    },
     fetchUserLoader () {
       return uniqueId('load-user-')
     },
@@ -78,6 +82,9 @@ export default {
     historyTitle () {
       return this.routeTitle(this.historyRoute.name)
     },
+    languageTitle () {
+      return this.routeTitle(this.languageRoute.name)
+    },
     user () {
       return User.find(this.username)
     },
@@ -96,6 +103,8 @@ export default {
           return 'BellIcon'
         case this.historyTitle:
           return 'ClockIcon'
+        case this.languageTitle:
+          return 'GlobeIcon'
         default:
           return 'UserIcon'
       }
@@ -142,27 +151,51 @@ export default {
   <div class="user-retrieve d-flex align-items-start">
     <app-sidebar class="w-100 sticky-top">
       <template #items>
-        <b-nav-item :to="profileRoute" exact>
+        <b-nav-item
+          :to="profileRoute"
+          exact
+          :class="{'font-weight-bold': title === profileTitle}"
+        >
           <user-icon class="mr-3" />
           {{ profileTitle }}
         </b-nav-item>
-        <b-nav-item :to="activityRoute" exact>
+        <b-nav-item
+          :to="activityRoute"
+          exact
+          :class="{'font-weight-bold': title === activityTitle}"
+        >
           <activity-icon class="mr-3" />
           {{ activityTitle }}
         </b-nav-item>
-        <b-nav-item :to="notificationsRoute" exact v-if="isMe">
+        <b-nav-item
+          :to="notificationsRoute"
+          exact v-if="isMe"
+          :class="{'font-weight-bold': title === notificationsTitle}"
+        >
           <bell-icon class="mr-3" />
           {{ notificationsTitle }}
         </b-nav-item>
-        <b-nav-item :to="bookmarksRoute" exact>
+        <b-nav-item
+          :to="bookmarksRoute"
+          exact
+          :class="{'font-weight-bold': title === bookmarksTitle}"
+        >
           <bookmark-icon class="mr-3" />
           {{ bookmarksTitle }}
         </b-nav-item>
-        <b-nav-item :to="historyRoute" exact>
+        <b-nav-item
+          :to="historyRoute"
+          exact
+          :class="{'font-weight-bold': title === historyTitle}"
+        >
           <clock-icon class="mr-3" />
           {{ historyTitle }}
         </b-nav-item>
-        <b-nav-item :to="teamRoute" exact>
+        <b-nav-item
+          :to="teamRoute"
+          exact
+          :class="{'font-weight-bold': title === teamTitle}"
+        >
           <users-icon class="mr-3" />
           {{ teamTitle }}
         </b-nav-item>
@@ -170,6 +203,14 @@ export default {
           <truck-icon class="mr-3" />
           {{ $t('userProfileDropdownMenu.help') }}
         </b-nav-item>
+        <b-nav-item
+          :to="languageRoute"
+          exact
+          :class="{'font-weight-bold': title === languageTitle}"
+        >
+          <globe-icon class="mr-3" />
+          {{ languageTitle + ' (' + $i18n.locale.toUpperCase() + ')'}}
+        </b-nav-item>
         <b-nav-item :href="$config.get('logoutUrl')">
           <log-out-icon class="mr-3" />
           {{ $t('userProfileDropdownMenu.logOut') }}
@@ -181,7 +222,7 @@ export default {
       <div class="container-fluid">
         <page-header :title="title" :icon="icon" class="mb-5" />
         <app-waiter :loader="fetchUserLoader" waiter-class="my-5 mx-auto d-block">
-          <router-view />
+          <router-view :class="{'px-5': title === languageTitle}"/>
         </app-waiter>
       </div>
     </div>
diff --git a/prophecies/apps/frontend/src/views/UserRetrieveLanguage.vue b/prophecies/apps/frontend/src/views/UserRetrieveLanguage.vue
new file mode 100644
index 00000000..bb50d321
--- /dev/null
+++ b/prophecies/apps/frontend/src/views/UserRetrieveLanguage.vue
@@ -0,0 +1,55 @@
+<script>
+import settings from '@/settings'
+import store from '@/store'
+
+export default {
+  name: 'UserRetrieveLanguage',
+  components: {},
+  filters: {},
+  computed: {
+    locale: {
+      get () {
+        return store.state.app.locale ?? 'en'
+      },
+      set (value) {
+        store.dispatch('app/locale', value)
+        this.$core.loadLocale(value)
+      }
+    },
+    locales () {
+      return settings.locales
+    },
+    loadedLocales () {
+      return this.$core.loadedLocales
+    }
+  },
+  methods: {
+    selectLocale(event) {
+      this.locale=event.currentTarget.id
+    }
+  }
+}
+</script>
+
+<template>
+  <div class="user-retrieve-language">
+    <ul
+      class="user-retrieve-language__list p-0"
+    >
+      <li
+        class="user-retrieve-language__list__language list-unstyled py-2"
+        v-for="availableLocale in locales"
+        :id="availableLocale.key"
+        @click="selectLocale"
+        :style="{cursor: 'pointer'}"
+      >
+        <span :class="{invisible: locale !== availableLocale.key}">
+          <check-icon size="1.4x" />
+        </span>
+        <span class="px-2" :class="{'font-weight-bold': locale === availableLocale.key}">
+          {{ availableLocale.label }} ({{ availableLocale.key.toUpperCase() }})
+        </span>
+      </li>
+    </ul>
+  </div>
+</template>
diff --git a/prophecies/apps/frontend/tests/unit/specs/components/UserProfileDropdownMenu.spec.js b/prophecies/apps/frontend/tests/unit/specs/components/UserProfileDropdownMenu.spec.js
index 13e305b1..9d2e36c3 100644
--- a/prophecies/apps/frontend/tests/unit/specs/components/UserProfileDropdownMenu.spec.js
+++ b/prophecies/apps/frontend/tests/unit/specs/components/UserProfileDropdownMenu.spec.js
@@ -40,8 +40,8 @@ describe('UserProfileDropdownMenu', () => {
       await core.configure()
       wrapper = shallowMount(UserProfileDropdownMenu, { localVue, i18n })
     })
-    it('should have 9 entries', async () => {
-      expect(wrapper.findAll('b-dropdown-item-stub')).toHaveLength(9)
+    it('should have 10 entries', async () => {
+      expect(wrapper.findAll('b-dropdown-item-stub')).toHaveLength(10)
     })
   })
   describe('User is a staff member', () => {
@@ -76,9 +76,9 @@ describe('UserProfileDropdownMenu', () => {
       expect(wrapper.vm.user.username).toBe('olivia')
       expect(wrapper.vm.user.isStaff).toBe(true)
     })
-    it('should have 10 entries', () => {
+    it('should have 11 entries', () => {
       expect(wrapper.vm.user.isStaff).toBe(true)
-      expect(wrapper.findAll('b-dropdown-item-stub')).toHaveLength(10)
+      expect(wrapper.findAll('b-dropdown-item-stub')).toHaveLength(11)
     })
   })
 })
diff --git a/prophecies/apps/frontend/tests/unit/specs/views/UserRetrieveLanguage.spec.js b/prophecies/apps/frontend/tests/unit/specs/views/UserRetrieveLanguage.spec.js
new file mode 100644
index 00000000..7f4f4871
--- /dev/null
+++ b/prophecies/apps/frontend/tests/unit/specs/views/UserRetrieveLanguage.spec.js
@@ -0,0 +1,86 @@
+import { createLocalVue, mount } from '@vue/test-utils'
+
+import '@/store'
+import Core from '@/core'
+import { server, rest } from '../../mocks/server'
+import User from '@/models/User'
+
+import UserRetrieveLanguage from '@/views/UserRetrieveLanguage'
+
+describe('UserRetrieveLanguage', () => {
+  let i18n
+  let wrapper
+
+  beforeAll(async () => {
+    server.use(rest.get('/api/v1/users/me/', (req, res, ctx) => {
+      return res.once(ctx.json({
+        data: {
+          id: 20,
+          attributes: {
+            username: 'olivia',
+            firstName: 'Olivia',
+            lastName: 'Reinhardt',
+            email: 'engineering@icij.org',
+            emailMd5: '628e9a99d87799e9d434b63d2c3744ca',
+            lastLogin: '2022-02-04T17:41:43.040505Z',
+            isStaff: true,
+            isSuperuser: true
+          }
+        }
+      }))
+    }))
+  })
+
+  beforeEach(async () => {
+    const localVue = createLocalVue()
+    const core = Core.init(localVue).useAll()
+    const { wait, store, router } = core
+    const stubs = ['router-link', 'app-waiter']
+    const options = {
+      i18n,
+      localVue,
+      store,
+      stubs,
+      router,
+      wait
+    }
+    await core.configure()
+    wrapper = mount(UserRetrieveLanguage, options)
+    i18n = core['i18n']
+  })
+
+  afterEach(async () => {
+    await wrapper.destroy()
+  })
+
+  it('should display language list', async () => {
+    expect(wrapper.find('.user-retrieve-language__list').exists()).toBe(true)
+  })
+
+  it('should display the supported languages', async () => {
+    const expected = ['English (EN)', 'Français (FR)', 'Español (ES)'];
+
+    const languages = wrapper.findAll('.user-retrieve-language__list__language').wrappers
+
+    expect(languages.length).toBe(expected.length)
+    for (const language of languages) {
+      expect(expected).toContain(language.text())
+    }
+  })
+
+  it('should select English by default', async () => {
+    expect(wrapper.vm.$i18n.locale).toBe('en')
+    expect(wrapper.vm.$store.state.app.locale).toBe('en')
+  })
+
+  it('should change language when selecting French', async () => {
+    expect(wrapper.vm.$i18n.locale).toBe('en')
+    expect(wrapper.vm.$store.state.app.locale).toBe('en')
+
+    wrapper.find('li[id="fr"]').trigger('click')
+    await wrapper.vm.$nextTick()
+
+    expect(wrapper.vm.locale).toBe('fr')
+    expect(wrapper.vm.$store.state.app.locale).toBe('fr')
+  })
+})