diff --git a/gui/admin.html b/gui/admin.html
index 3c95f31..308ef65 100644
--- a/gui/admin.html
+++ b/gui/admin.html
@@ -56,6 +56,9 @@
             <div id="main-app">
             </div>
 
+            <!-- Language Selector -->
+            <div id="language-selector">
+            </div>
 
             <!-- Footer -->
             <div class="foot-bar">
@@ -77,15 +80,16 @@
         <script src="source/utils/backend_interannotator.js"></script>
         <script src="source/utils/event_buses.js"></script>
         <script src="source/utils/data.js"></script>
+        <script src="source/utils/languages.js"></script>
 
         <!-- COMPONENTS -->
         <script src="source/components/helper_components.js"></script>
         <script src="source/components/modal_components.js"></script>
         <script src="source/components/main_admin_components.js"></script>
         <script src="source/components/annotation_type_components.js"></script>
-        <script src="source/components/annotation_type_components.js"></script>
         <script src="source/components/resolution_app_helper_components.js"></script>
         <script src="source/components/resolution_app_components.js"></script>
+        <script src="source/components/language_components.js"></script>
 
         <!-- MAIN COMPONENT -->
         <script src="source/admin_view.js"></script>
diff --git a/gui/assets/css/main.css b/gui/assets/css/main.css
index cd9cdab..56e058d 100644
--- a/gui/assets/css/main.css
+++ b/gui/assets/css/main.css
@@ -198,4 +198,19 @@ input:focus {
     background-color: #0e181e;
 }
 
+.language-list-title-container {
+    text-align:center;
+    background: rgba(0,0,0,0.02);
+    border-top: 1px solid #e6e6e6;
+    padding: 10px 24px;
+    vertical-align:bottom;
+}
+
+.droplist_language_selector {
+    font-family:CoreSansNR35Light;
+    font-size:14px;
+    border:0;
+    outline:none;
+}
+
 /* EOF */
diff --git a/gui/index.html b/gui/index.html
index d2316be..b948db1 100644
--- a/gui/index.html
+++ b/gui/index.html
@@ -60,6 +60,10 @@
 
             </div>
 
+            <!-- Language Selector -->
+            <div id="language-selector">
+
+            </div>
 
             <!-- Footer -->
             <div class="foot-bar">
@@ -81,6 +85,7 @@
         <script src="source/utils/backend.js"></script>
         <script src="source/utils/event_buses.js"></script>
         <script src="source/utils/data.js"></script>
+        <script src="source/utils/languages.js"></script>
 
         <!-- COMPONENTS -->
         <script src="source/components/helper_components.js"></script>
@@ -89,6 +94,7 @@
         <script src="source/components/annotation_type_components.js"></script>
         <script src="source/components/annotation_app_components.js"></script>
         <script src="source/components/text_splitter_components.js"></script>
+        <script src="source/components/language_components.js"></script>
 
         <!-- MAIN COMPONENT -->
         <script src="source/lida_view.js"></script>
diff --git a/gui/source/admin_view.js b/gui/source/admin_view.js
index 25db3c7..27184e4 100644
--- a/gui/source/admin_view.js
+++ b/gui/source/admin_view.js
@@ -18,6 +18,8 @@ var mainApp = new Vue({
             displayingDialogue: '',
             status : 'listview',
             alreadyVisited: [],
+            //reference to the language file
+            guiMessages,
       }
   },
 
diff --git a/gui/source/components/all_dialogues_components.js b/gui/source/components/all_dialogues_components.js
index d462695..d118e83 100644
--- a/gui/source/components/all_dialogues_components.js
+++ b/gui/source/components/all_dialogues_components.js
@@ -15,7 +15,9 @@ Vue.component("all-dialogues", {
           allDialogueMetadata: [],
           dragging: false,
           showModal: false,
-          userName : ''
+          userName : '',
+          // Reference to the language item
+          guiMessages
       }
   },
   // computed : {
@@ -237,7 +239,7 @@ Vue.component("all-dialogues", {
 
           <div class="all-dialogues-list-title">
               <h2 v-if="!(dragging)" >
-                  {{ allDialogueMetadata.length }} Data Items, {{ alreadyVisited.length }} Visited
+                  {{ allDialogueMetadata.length }} {{ guiMessages.selected.admin.dataItems }}, {{ alreadyVisited.length }} {{ guiMessages.selected.admin.visited }}
               </h2>
 
               <h2 v-else>
@@ -258,8 +260,8 @@ Vue.component("all-dialogues", {
           </div>
 
           <div class="help-button-container">
-              <button class="help-button btn btn-sm" @click="showModal = true">File Format Info</button>
-              <button class="help-button btn btn-sm btn-primary" @click="download_all_dialogues_from_server()">Download All Data</button>
+              <button class="help-button btn btn-sm" @click="showModal = true">{{ guiMessages.selected.lida.button_fileFormatInfo }}</button>
+              <button class="help-button btn btn-sm btn-primary" @click="download_all_dialogues_from_server()">{{ guiMessages.selected.admin.button_downloadAll }}</button>
               
           </div>
       </div>
@@ -279,7 +281,7 @@ Vue.component("all-dialogues", {
             <div class="dialogue-list-single-item-container">
 
               <div class="del-dialogue-button" v-on:click="delete_dialogue($event)">
-                Delete
+                {{ guiMessages.selected.lida.button_delete }}
               </div>
 
 
@@ -290,10 +292,10 @@ Vue.component("all-dialogues", {
 
                   <div v-if="dialogue_already_visited(dat.id)"
                        class="visited-indicator">
-                       Visited
+                       {{ guiMessages.selected.admin.visited }}
                   </div>
 
-                  <div class="dialogue-num-turns" >{{dat.num_turns}} Turns</div>
+                  <div class="dialogue-num-turns" >{{dat.num_turns}} {{ guiMessages.selected.lida.turns }}</div>
               </div>
 
             </div>
@@ -303,7 +305,7 @@ Vue.component("all-dialogues", {
       </ul>
       
       <ul class="btn-set">
-        <li><button class="add-dialogue-button btn btn-sm" v-on:click="create_new_dialogue()">Add a New Dialogue</button></li>
+        <li><button class="add-dialogue-button btn btn-sm" v-on:click="create_new_dialogue()">{{ guiMessages.selected.lida.button_newDialogue }}</button></li>
         <li>
           
               <input type="file"
@@ -315,7 +317,7 @@ Vue.component("all-dialogues", {
               <label for="fileInput"
                      id="fileInputLabel"
                      class="btn btn-sm">
-                     Upload File or Drag and Drop
+                     {{ guiMessages.selected.admin.button_upload}}
               </label>
         </li>
       </ul>
diff --git a/gui/source/components/annotation_app_components.js b/gui/source/components/annotation_app_components.js
index dfabd83..e229b59 100644
--- a/gui/source/components/annotation_app_components.js
+++ b/gui/source/components/annotation_app_components.js
@@ -260,6 +260,7 @@ Vue.component('dialogue-menu',{
     data () {
       return {
           editingTitle: false,
+          guiMessages,
       }
     },
 
@@ -297,7 +298,7 @@ Vue.component('dialogue-menu',{
     template:
     `
     <div id="dialogue-menu">
-        <button v-on:click="go_back_to_all_dialogues($event)" class="back-button btn btn-sm">Back to All Dialgoues</button>
+        <button v-on:click="go_back_to_all_dialogues($event)" class="back-button btn btn-sm">{{guiMessages.selected.annotation_app.backToAll}}</button>
 
         <div class="dialogue-name">
 
@@ -316,8 +317,8 @@ Vue.component('dialogue-menu',{
         </div>
 
         <div class="saved-status">
-            <span v-if="changesSaved" class="is-saved">All Changes Saved</span>
-            <span v-else class="is-not-saved">Unsaved Changes</span>
+            <span v-if="changesSaved" class="is-saved">{{guiMessages.selected.annotation_app.allSaved}}</span>
+            <span v-else class="is-not-saved">{{guiMessages.selected.annotation_app.unsaved}}</span>
         </div>
     </div>
     `
@@ -360,7 +361,11 @@ Vue.component('dialogue-turn',{
     // primaryElementClass is the class used to select the correct input field
     // to correctly set the focus when turns are changed with arrow keys or enter
     props : ["turn","currentId","myId", "primaryElementClass"],
-
+    data: function (){
+        return {
+            guiMessages
+        }
+    },
     methods :{
         turn_updated_string : function(event){
             annotationAppEventBus.$emit("turn_updated_string", event )
@@ -404,10 +409,10 @@ Vue.component('dialogue-turn',{
 
         <div class="turn-header">
             <div class="active-turn-id">
-                Turn Id: {{myId}}
+                {{guiMessages.selected.annotation_app.turnId}}: {{myId}}
             </div>
 
-            <button class="turn-deleter" v-on:click="delete_this_turn($event)">Delete</button>
+            <button class="turn-deleter" v-on:click="delete_this_turn($event)">{{guiMessages.selected.lida.button_delete}}</button>
         </div>
 
         <div v-for="stringType in turn" class="user-string-type">
@@ -424,7 +429,7 @@ Vue.component('dialogue-turn',{
 
     <div v-else v-on:click="update_id()" class="dialogue-turn">
         <div class="sticky">
-            Turn Id: {{myId}}
+            {{guiMessages.selected.annotation_app.turnId}}: {{myId}}
         </div>
 
         <div v-for="stringType in turn" class="user-string-type">
@@ -497,7 +502,8 @@ Vue.component('input-box',{
     props : ["message"],
     data: function (){
         return {
-            input : this.message
+            input : this.message,
+            guiMessages
         }
     },
     methods:{
@@ -518,10 +524,10 @@ Vue.component('input-box',{
     `
     <div id="input-box">
         <ul>
-            <li><input id="new-query-entry-box" v-on:keyup.enter="new_turn($event)" v-model="input" class="new-input" placeholder="Enter New Query">
+            <li><input id="new-query-entry-box" v-on:keyup.enter="new_turn($event)" v-model="input" class="new-input" :placeholder="guiMessages.selected.annotation_app.enterQuery">
         </input></li>
-            <li><button v-on:click="new_turn({target:{value:input}})" class="input-button">Enter</button></li>
-            <li><button class="input-button" v-on:click="save()">Save</button></li>
+            <li><button v-on:click="new_turn({target:{value:input}})" class="input-button">{{guiMessages.selected.annotation_app.enter}}</button></li>
+            <li><button class="input-button" v-on:click="save()">{{guiMessages.selected.annotation_app.save}}</button></li>
         </ul>
 
 
diff --git a/gui/source/components/language_components.js b/gui/source/components/language_components.js
new file mode 100644
index 0000000..ebcbe48
--- /dev/null
+++ b/gui/source/components/language_components.js
@@ -0,0 +1,51 @@
+/************************************
+* Language Options
+*************************************/
+
+guiMessages.selected = guiMessages.en;
+
+var languageSection = new Vue({
+  el:"#language-selector",
+  
+  data:{
+    gui_languages: [
+      { name:"English", code:"en" }, 
+      { name:"Italian", code:"it"}
+    ],
+    currentLanguage: "en",
+    guiMessages,
+  },
+
+  mounted() {
+    this.detectLanguage();
+  },
+  
+  methods: {
+
+    detectLanguage() {
+      var browserLanguage = navigator.language.substr(0,2);
+      if (guiMessages[browserLanguage] == undefined)
+        guiMessages.selected = guiMessages.en;
+      else 
+        guiMessages.selected = guiMessages[browserLanguage];
+      this.currentLanguage = browserLanguage;
+    },
+
+    updateGui(event) {
+      console.log('---- CHANGING GUI LANGUAGE ----');
+      guiMessages.selected = guiMessages[this.currentLanguage];
+    }
+  },
+
+  template: 
+
+  `
+  	<div class="language-list-title-container">
+  		<label for="droplist_language_selector">{{ guiMessages.selected.lida.interfaceLanguage }}</label>
+  		<select id="language_selector" class="droplist_language_selector" v-model="currentLanguage" @change="updateGui()">
+  			<option v-for="options in gui_languages" v-bind:value="options.code">{{ options.name }}</option>
+      </select>
+  	</div>
+
+  `
+})
\ No newline at end of file
diff --git a/gui/source/components/main_admin_components.js b/gui/source/components/main_admin_components.js
index 5c64624..90e7578 100644
--- a/gui/source/components/main_admin_components.js
+++ b/gui/source/components/main_admin_components.js
@@ -2,12 +2,10 @@
 * All Dialgoues View "aka MAIN LIDA VIEW"
 *************************************/
 
-
-
 Vue.component("main-admin", {
 
   props: [
-      "alreadyVisited"
+      "alreadyVisited",
   ],
 
   data () {
@@ -26,7 +24,10 @@ Vue.component("main-admin", {
           showAgreement: false,
 
           // A list of dialogue IDs for which annotator names should be displayed
-          showAnnotatorNamesForIds: []
+          showAnnotatorNamesForIds: [],
+
+          //Reference to the language data
+          guiMessages,
       }
   },
 
@@ -157,10 +158,9 @@ Vue.component("main-admin", {
                 document.body.appendChild(link)
                 link.click();
             });
-    }
+    },
 
   },
-
   template:
   `
   <div class="all-dialogues-container"
@@ -173,7 +173,7 @@ Vue.component("main-admin", {
 
     <div class="dialogue-list-title-container">
         <h2 v-if="!(dragging)" class="all-dialogues-list-title">
-            {{ allDialogueMetadata.length }} Data Items, {{ alreadyVisited.length }} Visited:
+            {{ allDialogueMetadata.length }} {{ guiMessages.selected.admin.dataItems }}, {{ alreadyVisited.length }} {{ guiMessages.selected.admin.visited }}
         </h2>
 
         <h2 v-else class="all-dialogues-list-title">
@@ -181,8 +181,8 @@ Vue.component("main-admin", {
         </h2>
 
         <div class="help-button-container">
-            <button class="help-button btn btn-sm" @click="download_all_dialogues_from_server()">Download All Data</button>
-            <button class="help-button btn btn-sm btn-primary" @click="showAgreement = true">Inter-annotator Agreement</button>
+            <button class="help-button btn btn-sm" @click="download_all_dialogues_from_server()">{{ guiMessages.selected.admin.button_downloadAll }}</button>
+            <button class="help-button btn btn-sm btn-primary" @click="showAgreement = true">{{ guiMessages.selected.admin.button_interAgreement }}</button>
 
         </div>
     </div>
@@ -208,19 +208,19 @@ Vue.component("main-admin", {
                 <div v-if="dialogue_already_visited(dat[0])"
                      class="visited-indicator"
                      v-on:click="clicked_dialogue(dat[0])">
-                     Visited
+                     {{ guiMessages.selected.admin.visited }}
                 </div>
 
                 <div v-if="show_annotators(dat[0])"
                      class="dialogue-num-turns"
                      v-on:click="toggle_show_annotators(dat[0])">
-                    Annotators: {{ dat[1] }}
+                    {{ guiMessages.selected.admin.annotators }}: {{ dat[1] }}
                 </div>
 
                 <div v-else
                      class="dialogue-num-turns"
                      v-on:click="toggle_show_annotators(dat[0])">
-                    Annotators: {{ dat[1].length }}
+                    {{ guiMessages.selected.admin.annotators }}: {{ dat[1].length }}
                 </div>
 
             </div>
@@ -240,7 +240,7 @@ Vue.component("main-admin", {
             <label for="fileInput"
                    id="fileInputLabel"
                    class="btn btn-sm">
-                   Upload File or Drag and Drop
+                   {{ guiMessages.selected.admin.button_upload }}
             </label></li>
     </ul>
     </div>
diff --git a/gui/source/components/modal_components.js b/gui/source/components/modal_components.js
index d6213c0..ea2ff7b 100644
--- a/gui/source/components/modal_components.js
+++ b/gui/source/components/modal_components.js
@@ -2,6 +2,11 @@
 * MODAL COMPONENT
 *************************************/
 Vue.component('modal', {
+  data() { 
+    return {
+      guiMessages
+    }
+  },
   template:
   `
   <transition name="modal">
@@ -11,7 +16,7 @@ Vue.component('modal', {
 
           <div class="modal-header">
             <slot name="header">
-              Dialogue File Format
+              {{guiMessages.selected.modal_formatInfo[0]}}
             </slot>
           </div>
 
@@ -19,39 +24,15 @@ Vue.component('modal', {
 
           <div class="modal-body">
             <slot name="body">
-              Files can be uploaded to the annotation system in one of two
-              formats: either as a raw .txt file or as a JSON file in the
-              correct format.
-              <br><br>
-              If you upload a .txt file, there are no format restrictions and
-              you will be taken to a screen to process it into a dialogue.
-              <br><br>
-              If you upload a JSON file, it must be in the correct format. This
-              format is as follows:
-
+            {{guiMessages.selected.modal_formatInfo[1]}}
+            <br><br>
+            {{guiMessages.selected.modal_formatInfo[2]}}
+            <br><br>
+            {{guiMessages.selected.modal_formatInfo[3]}}
               <ul>
-                  <li>
-                      File is a dict with keys as the names of each dialogue
-                      and values as lists.
-                  </li>
-                  <li>
-                      Each value is a list of dictionaries, where each
-                      dictionary contains a number of key-value pairs which
-                      are used to display the dialogue data for annotation.
-                  </li>
-                  <li>
-                      Some key-value pairs are compulsory in order to correctly
-                      display the dialogue.
-                  </li>
-                  <li>
-                      The key-value pairs which are compulsory are defined in
-                      the annotator_config.py file in the "server" folder.
-                  </li>
-                  <li>
-                      By default, the only required key-value pair in each turn
-                      is called "usr" and should be the user's query as
-                      a string.
-                  </li>
+                <li v-for="segment in guiMessages.selected.modal_formatInfo_list" :key="segment">
+                  {{ segment }}
+                </li>
               </ul>
 
             </slot>
@@ -84,7 +65,8 @@ Vue.component('modal', {
 Vue.component('agreement-modal', {
     data () {
         return {
-            scores : {}
+            scores : {},
+            guiMessages,
         }
     },
     mounted () {
@@ -114,7 +96,7 @@ Vue.component('agreement-modal', {
 
           <div class="modal-header">
             <slot name="header">
-              Inter-annotator Agreement Scores
+              {{guiMessages.selected.modal_agreementScores[0]}}
             </slot>
           </div>
 
@@ -122,12 +104,12 @@ Vue.component('agreement-modal', {
 
           <div class="modal-body">
               <slot name="body">
-                  This represents a report for your data:
+                  {{guiMessages.selected.modal_agreementScores[1]}}
                   <br><br>
-                        Available Annotations: [query_type, policy_funcs, hotel_belief_state ]
+                        {{guiMessages.selected.modal_agreementScores[2]}} [query_type, policy_funcs, hotel_belief_state ]
                   <br><br>
                   <strong>
-                    Overall
+                    {{guiMessages.selected.modal_agreementScores[3]}}
                   </strong>
                   <ul>
                       <li v-for="(item, key, index) in scores">
diff --git a/gui/source/components/resolution_app_helper_components.js b/gui/source/components/resolution_app_helper_components.js
index 7dbe03a..28bd10f 100644
--- a/gui/source/components/resolution_app_helper_components.js
+++ b/gui/source/components/resolution_app_helper_components.js
@@ -19,7 +19,7 @@ Vue.component("resolution-menu", {
     template:
     `
     <div id="resolution-menu">
-        <button v-on:click="go_back_to_all_dialogues($event)" class="back-button btn btn-sm">Back to All Dialgoues</button>
+        <button v-on:click="go_back_to_all_dialogues($event)" class="back-button btn btn-sm">{{guiMessages.selected.annotation_app.backToAll}}</button>
     </div>
     `
 })
@@ -150,6 +150,12 @@ Vue.component("error-element", {
 
 Vue.component("error-element-body", {
 
+    data() { 
+        return {
+            guiMessages
+        }
+    },
+
     props: [
       "accepted",
       "turn",
@@ -163,23 +169,23 @@ Vue.component("error-element-body", {
     <div class="error-element-body">
 
         <div class="error-element-id">
-            Error Id: {{id}}
+            {{guiMessages.selected.annotation_app.errorId}} {{id}}
         </div>
 
         <div class="error-element-turn">
-            Turn {{turn}}
+            {{guiMessages.selected.annotation_app.turnId}} {{turn}}
         </div>
 
         <div class="error-element-annotation">
-            Name:  {{name}}
+             {{guiMessages.selected.resolution_app.name}}  {{name}}
         </div>
 
         <div v-if="accepted" class="accepted-indicator">
-            Accepted
+            {{guiMessages.selected.resolution_app.accepted}}
         </div>
 
         <div v-if="!(accepted)" class="not-accepted-indicator">
-            Review
+            {{guiMessages.selected.resolution_app.review}}
         </div>
 
     </div>
@@ -317,7 +323,7 @@ Vue.component("annotation-component", {
         </classification-string-annotation>
 
         <div v-else >
-            FAIL!
+            {{guiMessages.selected.resolution_app.fail}}
         </div>
     </div>
     `
@@ -381,6 +387,13 @@ Vue.component("accept", {
     props :[
         "metaData"
     ],
+
+    data() { 
+        return {
+            guiMessages
+        }
+    },
+
     // METHODS
     methods:{
 
@@ -393,7 +406,7 @@ Vue.component("accept", {
     template:
     `
     <div id="accept">
-        <button v-on:click="accept()" class="accept-button btn btn-sm- btn-primary"> Accept </button>
+        <button v-on:click="accept()" class="accept-button btn btn-sm- btn-primary"> {{guiMessages.selected.resolution_app.accept}}</button>
     </div>
     `
 });
diff --git a/gui/source/utils/backend.js b/gui/source/utils/backend.js
index d5b55f6..ad66db2 100644
--- a/gui/source/utils/backend.js
+++ b/gui/source/utils/backend.js
@@ -5,15 +5,10 @@
 API_LINK_BASE = `http://127.0.0.1:5000`
 
 
-
 /********************************
 * FILE NAME FUNCTIONS
 ********************************/
 
-
-
-
-
 async function get_name(){
 
     var dialogues = {}
diff --git a/gui/source/utils/backend_interannotator.js b/gui/source/utils/backend_interannotator.js
index 1b3fde4..0f24166 100644
--- a/gui/source/utils/backend_interannotator.js
+++ b/gui/source/utils/backend_interannotator.js
@@ -2,11 +2,14 @@
 * AGREEMENT SCORES
 ********************************/
 
+API_LINK_BASE = "127.0.0.1:5001"
+
+
 async function get_scores_async(){
 
     var dialogues = {}
 
-    const apiLink = `http://127.0.0.1:5000/agreements`
+    const apiLink = API_LINK_BASE+"/agreements"
     try {
         var response = await axios.get( apiLink );
 
@@ -32,7 +35,7 @@ async function get_errors_async(dialogueId){
 
     var dialogues = {}
 
-    const apiLink = `http://127.0.0.1:5000/errors/${dialogueId}`
+    const apiLink = API_LINK_BASE+"/errors/${dialogueId}"
     try {
         var response = await axios.get( apiLink );
 
@@ -58,7 +61,7 @@ async function put_error_async(error, meta, errorId, dialogueId){
         errorId : errorId,
         dialogueId : dialogueId
     }
-    const apiLink = `http://127.0.0.1:5000/errors`
+    const apiLink = API_LINK_BASE+"/errors"
     try {
         var response = await axios.put( apiLink, params );
 
@@ -84,7 +87,7 @@ async function annotate_query(query){
 
     var dialogues = {}
 
-    const apiLink = 'http://127.0.0.1:5000/turns'
+    const apiLink = API_LINK_BASE+"/turns"
     try {
         var response = await axios.post( apiLink, { query: query}  );
         console.log(response.data)
@@ -112,7 +115,7 @@ async function get_annotation_style_async(){
 
     var dialogues = {}
 
-    const apiLink = 'http://127.0.0.1:5000/dialogue_annotationstyle'
+    const apiLink = API_LINK_BASE+"/dialogue_annotationstyle"
 
     try {
         var response = await axios.get(apiLink)
@@ -140,7 +143,7 @@ async function get_all_dialogue_ids_async() {
 
   var dialogues = {}
 
-  const apiLink = 'http://127.0.0.1:5000/dialogues_metadata'
+  const apiLink = API_LINK_BASE+"/dialogues_metadata"
 
   try {
 
@@ -165,7 +168,7 @@ async function get_all_dialogue_ids_async() {
 
 async function change_dialogue_name_async(oldName, newName) {
 
-    const apiLink = `http://127.0.0.1:5000/dialogues_metadata/${oldName}`
+    const apiLink = API_LINK_BASE+"/dialogues_metadata/${oldName}"
 
     try {
 
@@ -307,8 +310,8 @@ async function RESTdialogues(method, id, params){
     console.log("PARAMS "+params)
 
     //
-    if (id==null) {var apiLink = `http://127.0.0.1:5000/dialogues`;}
-    else {var apiLink = `http://127.0.0.1:5000/dialogues/${id}`;}
+    if (id==null) {var apiLink = API_LINK_BASE+"/dialogues";}
+    else {var apiLink = API_LINK_BASE+"/dialogues/${id}";}
 
     //
     if (method=="DELETE") {
diff --git a/gui/source/utils/languages.js b/gui/source/utils/languages.js
new file mode 100644
index 0000000..9e41419
--- /dev/null
+++ b/gui/source/utils/languages.js
@@ -0,0 +1,176 @@
+/************************************
+* Language Config file
+*************************************/
+
+guiMessages = {
+  en: {
+    admin: {
+      dataItems: "Data Items",
+      visited: "Visited",
+      button_downloadAll:"Download All Data",
+      button_interAgreement:"Inter-annotator Agreement", 
+      annotators:"Annotators", 
+      button_upload:"Upload File or Drag and Drop"
+    },
+    lida: {
+      button_fileFormatInfo: "File Format Info",
+      button_delete: "Delete",
+      turns: "Turns",
+      button_newDialogue: "Add a New Dialogue",
+      interfaceLanguage: "Interface Language:"
+    },
+    annotation_app: {
+      turnId: "Turn Id",
+      enter: "Enter",
+      save: "Save",
+      enterQuery:"Enter New Query",
+      allSaved: "All Changes Saved",
+      unsaved: "Unsaved Changes",
+      backToAll: "Back to All Dialogues",
+    },
+    resolution_app: {
+      errorId: "Error Id:",
+      name: "Name:",
+      accepted: "Accepted",
+      review: "Review",
+      fail: "FAIL!",
+      accept:"Accept"
+    },
+    modal_formatInfo:
+    [ 
+      `
+        Dialoque File Format
+      `,
+      `
+        Files can be uploaded to the annotation system in one of two
+        formats: either as a raw .txt file or as a JSON file in the
+        correct format.
+      `,
+      `
+        If you upload a .txt file, there are no format restrictions and
+        you will be taken to a screen to process it into a dialogue.
+      `,
+      `
+        If you upload a JSON file, it must be in the correct format. This
+        format is as follows:
+      `
+    ],
+      modal_formatInfo_list:
+    [
+      `
+        File is a dict with keys as the names of each dialogue
+        and values as lists.
+      `,
+      `
+        Each value is a list of dictionaries, where each
+        dictionary contains a number of key-value pairs which
+        are used to display the dialogue data for annotation.
+      `,
+      `
+        Some key-value pairs are compulsory in order to correctly
+        display the dialogue.
+      `,
+      `
+        The key-value pairs which are compulsory are defined in
+        the annotator_config.py file in the "server" folder.
+      `,
+      `
+        By default, the only required key-value pair in each turn
+        is called "usr" and should be the user's query as
+        a string.
+      `
+    ],
+      modal_agreementScores:
+    [ 
+      "Inter-annotator Agreement Scores",
+      "This represents a report for your data.",
+      "Available Annotations:",
+      "Overall"
+    ]
+  },
+  it: {
+    admin: {
+      dataItems: "Dialoghi",
+      visited: "Visitati",
+      button_downloadAll:"Scarica tutti i dati",
+      button_interAgreement:"Indice di concordanza", 
+      annotators:"Annotatori", 
+      button_upload:"Carica o trascina un file"
+  },
+    lida: {
+      button_fileFormatInfo: "Info sui formati",
+      button_delete: "Elimina",
+      turns: "Turni",
+      button_newDialogue: "Aggiungi un nuovo Dialogo",
+      interfaceLanguage: "Lingua Interfaccia:"  
+
+    },
+      annotation_app: {
+        turnId: "Id Turno",
+        enter: "Invia",
+        save: "Salva",
+        enterQuery: "Nuova richiesta",
+        allSaved: "Modifiche salvate",
+        unsaved: "Cambiamenti non salvati",
+        backToAll: "Indietro"
+    },
+      resolution_app: {
+        errorId: "Id Conflitto:",
+        name: "Nome:",
+        accepted: "Accettato",
+        review: "Revisiona",
+        fail: "ERRORE!",
+        accept:"Accetta"
+    },
+    modal_formatInfo:
+    [ 
+      `
+        Formato dei File Dialogo 
+      `,
+      `
+        I file possono essere caricati nel sistema in uno dei due formati:
+        un file grezzo .txt oppure un file JSON nel formato richiesto.
+      `,
+      `
+        Se viene caricato un file .txt, non ci sono restrizioni di formato
+        e si aprirà una schermata per processarlo in un dialogo.
+      `,
+      `
+        Se carichi un file JSON, deve essere nel formato corretto. 
+        Il formato richiesto è il seguente:
+      `
+    ],
+      modal_formatInfo_list:
+    [
+      `
+        Un file dizionario con chiavi come nomi dei dialoghi 
+        e valori come liste. 
+      `,
+      `
+        Ogni valore è una lista di dizionari, dove ogni 
+        dizionario contiene un numero di coppie chiave-valore
+        usate per mostrare i dati del dialogo da annotare.
+      `,
+      `
+        Alcune coppie chiave-valore sono obbligatorie per 
+        mostrare correttamente il dialogo.
+      `,
+      `
+        Le coppie obbligatorie sono definite nel file 
+        annotator_config.py nella cartella "server".
+      `,
+      `
+        Di default, l'unica coppia chiave-valore obbligatoria è
+        chiamata "usr" e dovrebbe essere la stringa contenente
+        la richiesta dell'utente.
+      `
+    ],
+      modal_agreementScores:
+    [ 
+      "Indice di Concordanza tra gli annotatori",
+      "Questo è un rapporto suoi tuoi dati.",
+      "Annotazioni disponibili:",
+      "Riepilogo"
+    ]
+  },
+}
\ No newline at end of file
diff --git a/server/interannotator_app.py b/server/interannotator_app.py
index 4f071c3..ebb8f11 100644
--- a/server/interannotator_app.py
+++ b/server/interannotator_app.py
@@ -71,7 +71,7 @@ def set_main_path(self, path=None):
             os.mkdir(self.path)
 
 
-    def run(self, port=5000):
+    def run(self, port=5001):
         """
         runs the app
         """