diff --git a/frontend/src/lang/en.js b/frontend/src/lang/en.js
index e85eaa7..657f833 100644
--- a/frontend/src/lang/en.js
+++ b/frontend/src/lang/en.js
@@ -3,4 +3,68 @@ export default {
     "Blogs": "Blogs",
     "Career": "Career",
     "Contact": "Contact",
+    "Summary": "Summary",
+    "Status": "Status",
+    "Date": "Date",
+    "withdraw": "withdraw",
+    "edit": "edit",
+    "Quote": "Quote",
+    "Payment": "Payment",
+    "Duration": "Duration",
+    "days": "days",
+    "Update": "Update",
+    "From": "From",
+    "reject": "reject",
+    "accept": "accept",
+    "Note": "Note",
+    "Invite": "Invite",
+    "Input E-mail to invite other": "Input E-mail to invite other",
+    "Submit": "Submit",
+    "Progress": "Progress",
+    "milestones": "milestones",
+    "Paid": "Paid",
+    "Milestone": "Milestone",
+    "Description": "Description",
+    "Mark As Paid": "Mark As Paid",
+    "Code Depot": "Code Depot",
+    "Commits": "Commits",
+    "Last committer": "Last committer",
+    "copy git url": "copy git url",
+    "Manage": "Manage",
+    "TO BE IMPLEMENTED.": "TO BE IMPLEMENTED.",
+    "Open issues": "Open issues",
+    "Resolved issues": "Resolved issues",
+    "Closed issues": "Closed issues",
+    "Add Issue": "Add Issue",
+    "New issue description": "New issue description",
+    "Issue title": "Issue title",
+    "Last updated": "Last updated",
+    "Issue description": "Issue description",
+    "Resolve": "Resolve",
+    "Confirm": "Confirm",
+    "Reopen": "Reopen",
+    "fd_1": "A platform where our users can find a trustworthy partner,",
+    "fd_2": "simplify software development, and secure return.",
+    "fd_3": "One stop platform",
+    "fd_4": "for hiring the best",
+    "fd_5": "freelance software development talent",
+    "Email address": "Email address",
+    "GET STARTED": "GET STARTED",
+    "Please type in your email": "Please type in your email",
+    "Your Freeleaps User ID": "Your Freeleaps User ID",
+    "SUBMIT": "SUBMIT",
+    "Please type in your Freeleaps user ID": "Please type in your Freeleaps user ID",
+    "Your password": "Your password",
+    "Repeat password": "Repeat password",
+    "SIGN UP": "SIGN UP",
+    "Please type in your password": "Please type in your password",
+    "The two passwords are not matched": "The two passwords are not matched",
+    "Authenticaion Code Sent To Your Email": "Authenticaion Code Sent To Your Email",
+    "SIGN IN": "SIGN IN",
+    "Please type in the code sent to your email": "Please type in the code sent to your email",
+    "Invalid auth code": "Invalid auth code",
+    "invalid code": "invalid code",
+    "Password": "Password",
+    "Forget password": "Forget password",
+    "Invalid password": "Invalid password",
 }
\ No newline at end of file
diff --git a/frontend/src/pages/guest/FrontDoor.vue b/frontend/src/pages/guest/FrontDoor.vue
index 73c89e5..0f7f687 100644
--- a/frontend/src/pages/guest/FrontDoor.vue
+++ b/frontend/src/pages/guest/FrontDoor.vue
@@ -1,12 +1,8 @@
 <template>
   <div class="flex-colum-container front-container">
-    <div class="slogen">
-      A platform where our users can find a trustworthy partner, <br />simplify software
-      development, and secure return.
-    </div>
+    <div class="slogen">{{$t('fd_1')}}<br />{{$t('fd_2')}}</div>
     <div class="poster">
-      <span class="blue">One stop platform</span> for hiring the best <br />freelance software
-      development talent
+      <span class="blue">{{$t('fd_3')}}</span> {{$t('fd_4')}} <br />{{$t('fd_5')}}
     </div>
     <div class="input-container">
       <div class="form-group">
@@ -19,10 +15,10 @@
               placeholder="name@example.com"
               v-model="email"
             />
-            <label for="inputEmail">Email address</label>
+            <label for="inputEmail">{{$t('Email address')}}</label>
           </div>
           <button class="btn-start" ref="submitButton" @click="trySigninWithEmail()">
-            GET STARTED
+            {{$t('GET STARTED')}}
           </button>
         </div>
       </div>
@@ -53,7 +49,7 @@ export default {
     trySigninWithEmail() {
       this.message = null
       if (this.email === null || this.email.length < 1) {
-        this.message = 'Please type in your email'
+        this.message = this.$t('Please type in your email')
         return
       }
 
diff --git a/frontend/src/pages/guest/NewUserSetFlid.vue b/frontend/src/pages/guest/NewUserSetFlid.vue
index d210b50..bc00f2f 100644
--- a/frontend/src/pages/guest/NewUserSetFlid.vue
+++ b/frontend/src/pages/guest/NewUserSetFlid.vue
@@ -12,9 +12,9 @@
                 :placeholder="'set your Freeleaps user id'"
                 v-model="flid"
               />
-              <label for="inputCode">Your Freeleaps User ID</label>
+              <label for="inputCode">{{$t('Your Freeleaps User ID')}}</label>
             </div>
-            <button type="submit" class="btn-start">SUBMIT</button>
+            <button type="submit" class="btn-start">{{$t('SUBMIT')}}</button>
           </div>
         </div>
         <p class="errorInput" v-if="message != null">{{ message }}</p>
@@ -52,7 +52,7 @@ export default {
     updateFlid() {
       this.message = null
       if (this.flid === null || this.flid.length < 1) {
-        this.message = 'Please type in your Freeleaps user ID'
+        this.message = this.$t('Please type in your Freeleaps user ID')
         return
       }
 
diff --git a/frontend/src/pages/guest/NewUserSetPassword.vue b/frontend/src/pages/guest/NewUserSetPassword.vue
index 2367876..70332aa 100644
--- a/frontend/src/pages/guest/NewUserSetPassword.vue
+++ b/frontend/src/pages/guest/NewUserSetPassword.vue
@@ -12,7 +12,7 @@
                 :placeholder="'Type your password'"
                 v-model="password"
               />
-              <label for="inputCode">Your password</label>
+              <label for="inputCode">{{$t('Your password')}}</label>
             </div>
           </div>
         </div>
@@ -27,9 +27,9 @@
               :placeholder="'Repeat your password'"
               v-model="password2"
             />
-            <label for="inputCode">Repeat password</label>
+            <label for="inputCode">{{$t('Repeat password')}}</label>
           </div>
-          <button type="submit" class="btn-start">SIGN UP</button>
+          <button type="submit" class="btn-start">{{$t('SIGN UP')}}</button>
         </div>
         <p class="error-msg" v-if="message != null">{{ message }}</p>
       </div>
@@ -59,12 +59,12 @@ export default {
     updatePassword() {
       this.message = null
       if (this.password === null || this.password.length < 1) {
-        this.message = 'Please type in your password'
+        this.message = this.$t('Please type in your password')
         return
       }
 
       if (this.password != this.password2) {
-        this.message = 'The two passwords are not matched'
+        this.message = this.$t('The two passwords are not matched')
         return
       }
       this.message = passwordValidator.validate(this.password)
diff --git a/frontend/src/pages/guest/SigninWithEmailAndCode.vue b/frontend/src/pages/guest/SigninWithEmailAndCode.vue
index 3e19924..384bb6a 100644
--- a/frontend/src/pages/guest/SigninWithEmailAndCode.vue
+++ b/frontend/src/pages/guest/SigninWithEmailAndCode.vue
@@ -12,9 +12,9 @@
                 :placeholder="'Code sent to your email'"
                 v-model="code"
               />
-              <label for="inputCode">Authenticaion Code Sent To Your Email</label>
+              <label for="inputCode">{{$t('Authenticaion Code Sent To Your Email')}}</label>
             </div>
-            <button type="submit" class="btn-start">SIGN IN</button>
+            <button type="submit" class="btn-start">{{$t('SIGN IN')}}</button>
           </div>
         </div>
         <p class="error-msg" v-if="message != null">{{ message }}</p>
@@ -55,7 +55,7 @@ export default {
     signinWithCode() {
       this.message = null
       if (this.code === null || this.code.length < 1) {
-        this.message = 'Please type in the code sent to your email'
+        this.message = this.$t('Please type in the code sent to your email')
         return
       }
 
@@ -69,7 +69,7 @@ export default {
           this.preferred_region = response.data.preferred_region
           switch (signinAction) {
             case signinActionEnum.VERIFY_EMAIL_WITH_AUTH_CODE:
-              this.message = 'Invalid auth code'
+              this.message = this.$t('Invalid auth code')
               break
             case signinActionEnum.EXISTING_USER_PASSWORD_REQUIRED:
               this.mnx_navToSignWithEmailAndPassword(this.email)
@@ -85,7 +85,7 @@ export default {
         })
         .catch((error) => {
           if (error.response && error.response.status == 401) {
-            this.message = 'invalid code'
+            this.message = this.$t('invalid code')
           } else {
             console.log(error)
           }
diff --git a/frontend/src/pages/guest/SigninWithEmailAndPassword.vue b/frontend/src/pages/guest/SigninWithEmailAndPassword.vue
index 8f35cd1..873c8f5 100644
--- a/frontend/src/pages/guest/SigninWithEmailAndPassword.vue
+++ b/frontend/src/pages/guest/SigninWithEmailAndPassword.vue
@@ -12,16 +12,16 @@
                 :placeholder="'Type in your password'"
                 v-model="password"
               />
-              <label for="inputCode">Password</label>
+              <label for="inputCode">{{$t('Password')}}</label>
             </div>
-            <button type="submit" class="btn-start">SIGN IN</button>
+            <button type="submit" class="btn-start">{{$t('SIGN IN')}}</button>
           </div>
         </div>
         <div class="error-msg flex-row-container">
           <p class="error-p" v-if="message != null">{{ message }}</p>
           <div class="flex-1" />
           <button type="button" class="btn-forget-password" @click="forgetPassword()">
-            Forget password
+            {{$t('Forget password')}}
           </button>
         </div>
       </div>
@@ -60,7 +60,7 @@ export default {
     signinWithPassword() {
       this.message = null
       if (this.password === null || this.password.length < 1) {
-        this.message = 'Please type in your password'
+        this.message = this.$t('Please type in your password')
         return
       }
 
@@ -73,7 +73,7 @@ export default {
           let signinAction = response.data.signin_result
           switch (signinAction) {
             case signinActionEnum.EXISTING_USER_PASSWORD_REQUIRED:
-              this.message = 'Invalid password'
+              this.message = this.$t('Invalid password')
               break
             case signinActionEnum.REVIEW_AND_REVISE_FLID:
             case signinActionEnum.USER_SIGNED_IN:
@@ -97,7 +97,7 @@ export default {
               this.mnx_navToSignWithEmailAndCode(this.email)
               break
             case signinActionEnum.EMAIL_NOT_ASSOCIATED_WITH_USER:
-              this.message = 'Invalid password'
+              this.message = this.$t('Invalid password')
               break
             default:
               console.log(signinAction)
diff --git a/frontend/src/pages/user/workspace/Home.vue b/frontend/src/pages/user/workspace/Home.vue
index 93569f8..3676ff1 100644
--- a/frontend/src/pages/user/workspace/Home.vue
+++ b/frontend/src/pages/user/workspace/Home.vue
@@ -21,15 +21,15 @@
               <div class="workspace-item-bar dashed-container">
                 <div class="workspace-item-bar-left">
                   <div class="project-item-title-container">
-                    <label class="project-item-label">Summary</label>
+                    <label class="project-item-label">{{$('Summary')}}</label>
                     <p class="project-item-text">{{ project.title }}</p>
                   </div>
                   <div class="project-item-status-container">
-                    <label class="project-item-label">Status</label>
+                    <label class="project-item-label">{{$('Status')}}</label>
                     <p class="project-item-text">{{ fromIntToProjectStatus(project.status) }}</p>
                   </div>
                   <div class="project-item-date-container">
-                    <label class="project-item-label">Date</label>
+                    <label class="project-item-label">{{$('Date')}}</label>
                     <p class="project-item-text">
                       {{ getDateFromFulltimeString(project.update_time) }}
                     </p>
@@ -52,7 +52,7 @@
             <div class="accordion-body" v-if="isOpenRequest(project)">
               <div class="float-action-container">
                 <button class="request-action-withdraw" @click="withdrawAndEditRequest(project)">
-                  withdraw&edit
+                  {{$('withdraw')}}&{{$('edit')}}
                 </button>
               </div>
               <div class="project-request-container">
@@ -82,27 +82,27 @@
                       >
                         <div class="project-request-proposal-bar-container">
                           <div class="project-request-proposal-quote-container">
-                            <label class="project-item-label">Quote</label>
+                            <label class="project-item-label">{{$('Quote')}}</label>
                             <p class="project-item-text">{{ proposal.price_in_usd }} USD</p>
                           </div>
                           <div class="project-request-proposal-payment-type-container">
-                            <label class="project-item-label">Payment</label>
+                            <label class="project-item-label">{{$('Payment')}}</label>
                             <p class="project-item-text">
                               {{ fromIntToPaymentType(proposal.payment_plan.type) }}
                             </p>
                           </div>
                           <div class="project-request-proposal-duration-container">
-                            <label class="project-item-label">Duration</label>
-                            <p class="project-item-text">{{ proposal.duration_in_day }} days</p>
+                            <label class="project-item-label">{{$t('Duration')}}</label>
+                            <p class="project-item-text">{{ proposal.duration_in_day }}&nbsp;{{$t(days)}}</p>
                           </div>
                           <div class="project-request-proposal-date-container">
-                            <label class="project-item-label">Update</label>
+                            <label class="project-item-label">{{$t('Update')}}</label>
                             <p class="project-item-text">
                               {{ getDateFromFulltimeString(proposal.update_time) }}
                             </p>
                           </div>
                           <div class="project-request-proposal-from-container">
-                            <label class="project-item-label">From</label>
+                            <label class="project-item-label">{{$t('From')}}</label>
                             <p class="project-item-text">
                               {{ proposal.proposer.first_name }} {{ proposal.proposer.last_name }}
                             </p>
@@ -121,13 +121,13 @@
                             class="request-proposal-action-reject"
                             @click="rejectProposal(project, proposal_index)"
                           >
-                            reject
+                            {{$t('reject')}}
                           </button>
                           <button
                             class="request-proposal-action-accept"
                             @click="acceptProposal(project, proposal_index)"
                           >
-                            accept
+                            {{$t('accept')}}
                           </button>
                         </div>
                         <div class="request-proposal-content-container">
@@ -141,17 +141,17 @@
                             :id="'payment-stage-' + stage_index"
                           >
                             <div class="project-request-proposal-stage-payment-container">
-                              <label class="project-item-label">Payment</label>
+                              <label class="project-item-label">{{$t('Payment')}}</label>
                               <p class="project-item-text">
                                 {{ stage.amount }} {{ stage.currency }}
                               </p>
                             </div>
                             <div class="project-request-proposal-stage-duration-container">
-                              <label class="project-item-label">Duration</label>
-                              <p class="project-item-text">{{ stage.duration_in_day }} days</p>
+                              <label class="project-item-label">{{$t('Duration')}}</label>
+                              <p class="project-item-text">{{ stage.duration_in_day }}&nbsp;{{$t('days')}}</p>
                             </div>
                             <div class="project-request-proposal-stage-note-container">
-                              <label class="project-item-label">Note</label>
+                              <label class="project-item-label">{{$t('Note')}}</label>
                               <p class="project-item-text">{{ stage.note }}</p>
                             </div>
                           </div>
@@ -165,7 +165,7 @@
             <div class="accordion-body" v-if="isPendingProposal(project)">
               <div class="float-action-container">
                 <button class="proposal-action-withdraw" @click="withdrawAndEditProposal(project)">
-                  withdraw&edit
+                  {{$t('withdraw')}}&{{$t('edit')}}
                 </button>
               </div>
               <div class="request-proposal-content-container">
@@ -179,15 +179,15 @@
                   :id="'payment-stage-' + stage_index"
                 >
                   <div class="project-request-proposal-stage-payment-container">
-                    <label class="project-item-label">Payment</label>
+                    <label class="project-item-label">{{$t('Payment')}}</label>
                     <p class="project-item-text">{{ stage.amount }} {{ stage.currency }}</p>
                   </div>
                   <div class="project-request-proposal-stage-duration-container">
-                    <label class="project-item-label">Duration</label>
-                    <p class="project-item-text">{{ stage.duration_in_day }} days</p>
+                    <label class="project-item-label">{{$t('Duration')}}</label>
+                    <p class="project-item-text">{{ stage.duration_in_day }}&nbsp;{{$t('days')}}</p>
                   </div>
                   <div class="project-request-proposal-stage-note-container">
-                    <label class="project-item-label">Note</label>
+                    <label class="project-item-label">{{$t('Note')}}</label>
                     <p class="project-item-text">{{ stage.note }}</p>
                   </div>
                 </div>
@@ -211,7 +211,7 @@
                   aria-expanded="false"
                   aria-controls="collapse-project-invite-collaborator"
                 >
-                  <div class="project-invite-collaborator">+ Invite</div>
+                  <div class="project-invite-collaborator">+ {{$t('Invite')}}</div>
                 </button>
                 <div
                   id="collapse-project-invite-collaborator"
@@ -220,7 +220,7 @@
                 >
                   <div class="project-invite-collaborator-form-container">
                     <div class="project-invite-collaborator-form">
-                      <label class="project-item-label">Input E-mail to invite other</label>
+                      <label class="project-item-label">{{$t('Input E-mail to invite other')}}</label>
                       <input
                         class="project-invite-collaborator-input"
                         v-model="newInviteCollaborator[project_index]"
@@ -232,7 +232,7 @@
                         inviteCollaborator(project.project_id, newInviteCollaborator[project_index])
                       "
                     >
-                      Submit
+                      {{$t('Submit')}}
                     </button>
                   </div>
                 </div>
@@ -250,14 +250,14 @@
                     >
                       <div class="project-milestone-bar-container">
                         <div class="project-milestone-bar-progress">
-                          <label class="project-item-label">Progress</label>
+                          <label class="project-item-label">{{$t('Progress')}}</label>
                           <p class="project-item-text">
                             {{ project.project.progress.current_milestone }} /
-                            {{ project.project.progress.milestones.length }} milestones
+                            {{ project.project.progress.milestones.length }}&nbsp;{{$('milestones')}}
                           </p>
                         </div>
                         <div class="project-milestone-bar-status">
-                          <label class="project-item-label">Status</label>
+                          <label class="project-item-label">{{$t('Status')}}</label>
                           <p class="project-item-text">
                             {{
                               fromIntToMilestoneStatus(project.project.progress.milestone_status)
@@ -265,7 +265,7 @@
                           </p>
                         </div>
                         <div class="project-milestone-bar-paid">
-                          <label class="project-item-label">Paid</label>
+                          <label class="project-item-label">{{$t('Paid')}}</label>
                           <p class="project-item-text">
                             {{ project.project.progress.actual_paid }} /
                             {{ project.project.progress.expected_payment }}
@@ -273,7 +273,7 @@
                           </p>
                         </div>
                         <div class="project-milestone-bar-update">
-                          <label class="project-item-label">Update</label>
+                          <label class="project-item-label">{{$t('Update')}}</label>
                           <p class="project-item-text">
                             {{ getDateFromFulltimeString(project.project.progress.last_update) }}
                           </p>
@@ -294,32 +294,32 @@
                         :id="'project-milestone-' + milestone.index"
                       >
                         <div class="project-milestone-index">
-                          <label class="project-item-label">Milestone</label>
+                          <label class="project-item-label">{{$t('Milestone')}}</label>
                           <p class="project-item-text">
                             {{ milestone.index }}
                           </p>
                         </div>
                         <div class="project-milestone-description">
-                          <label class="project-item-label">Description</label>
+                          <label class="project-item-label">{{$t('Description')}}</label>
                           <p class="project-item-text">
                             {{ milestone.description }}
                           </p>
                         </div>
                         <div class="project-milestone-status">
-                          <label class="project-item-label">Status</label>
+                          <label class="project-item-label">{{$t('Status')}}</label>
                           <p class="project-item-text">
                             {{ fromIntToMilestoneStatus(milestone.status) }}
                           </p>
                         </div>
                         <div class="project-milestone-payment">
-                          <label class="project-item-label">Payment</label>
+                          <label class="project-item-label">{{$t('Payment')}}</label>
                           <p class="project-item-text">
                             {{ milestone.actual_paid }} / {{ milestone.expected_payment }}
                             {{ project.project.progress.payment_currency }}
                           </p>
                         </div>
                         <div class="project-milestone-update">
-                          <label class="project-item-label">Update</label>
+                          <label class="project-item-label">{{$t('Update')}}</label>
                           <p class="project-item-text">
                             {{ getDateFromFulltimeString(milestone.update_time) }}
                           </p>
@@ -340,7 +340,7 @@
                             class="project-milestone-payment-confirm-button"
                             @click="handlePaymentAction(project.project, milestone)"
                           >
-                            Mark As Paid
+                            {{$t('Mark As Paid')}}
                           </button>
                         </div>
                       </div>
@@ -359,19 +359,19 @@
                     >
                       <div class="project-code-bar-container">
                         <div class="project-code-git-status">
-                          <label class="project-item-label">Code Depot</label>
+                          <label class="project-item-label">{{$t('Code Depot')}}</label>
                           <p class="project-item-text">{{ getGitStatus(project) }}</p>
                         </div>
                         <div class="project-code-commits">
-                          <label class="project-item-label">Commits</label>
+                          <label class="project-item-label">{{$('Commits')}}</label>
                           <p class="project-item-text">{{ project.project.code.total_commits }}</p>
                         </div>
                         <div class="project-code-last-committer">
-                          <label class="project-item-label">Last committer</label>
+                          <label class="project-item-label">{{$('Last committer')}}</label>
                           <p class="project-item-text">{{ project.project.code.last_commiter }}</p>
                         </div>
                         <div class="project-code-last-update">
-                          <label class="project-item-label">Update</label>
+                          <label class="project-item-label">{{$t('Update')}}</label>
                           <p class="project-item-text">
                             {{ getDateFromFulltimeString(project.project.code.last_update) }}
                           </p>
@@ -395,12 +395,12 @@
                           trigger="click"
                           delay='{"show":"500", "hide":"100"}'
                         >
-                          copy git url
+                          {{$t('copy git url')}}
                         </button>
                       </div>
                       <div class="project-code-statistics-container">
-                        <button class="project-code-manage-button">Manage</button>
-                        TO BE IMPLEMENTED.
+                        <button class="project-code-manage-button">{{$t('Manage')}}</button>
+                        {{$t('TO BE IMPLEMENTED.')}}
                       </div>
                     </div>
                   </div>
@@ -417,19 +417,19 @@
                     >
                       <div class="project-issue-bar-container">
                         <div class="project-issue-open-issues">
-                          <label class="project-item-label">Open issues</label>
+                          <label class="project-item-label">{{$t('Open issues')}}</label>
                           <p class="project-item-text">
                             {{ project.project.issue.number_of_open_issues }}
                           </p>
                         </div>
                         <div class="project-issue-resolved-issues">
-                          <label class="project-item-label">Resolved issues</label>
+                          <label class="project-item-label">{{$t('Resolved issues')}}</label>
                           <p class="project-item-text">
                             {{ project.project.issue.number_of_resolved_issues }}
                           </p>
                         </div>
                         <div class="project-issue-closed-issues">
-                          <label class="project-item-label">Closed issues</label>
+                          <label class="project-item-label">{{$t('Closed issues')}}</label>
                           <p class="project-item-text">
                             {{ project.project.issue.number_of_closed_issues }}
                           </p>
@@ -455,7 +455,7 @@
                         aria-expanded="false"
                         aria-controls="collapse-project-issue"
                       >
-                        <div class="project-add-new-issue">+ Add Issue</div>
+                        <div class="project-add-new-issue">+ {{$t('Add Issue')}}</div>
                       </button>
                       <div
                         id="collapse-project-new-issue"
@@ -464,7 +464,7 @@
                       >
                         <div class="project-issue-description-container">
                           <div class="project-issue-description">
-                            <label class="project-item-label">New issue description</label>
+                            <label class="project-item-label">{{$t('New issue description')}}</label>
                             <textarea
                               class="project-new-issue-textarea"
                               type="text"
@@ -482,7 +482,7 @@
                                 )
                               "
                             >
-                              Submit
+                              {{$t('Submit')}}
                             </button>
                           </div>
                         </div>
@@ -506,17 +506,17 @@
                               aria-controls="collapse-project-issue-details"
                             >
                               <div class="project-issue-title">
-                                <label class="project-item-label">Issue title</label>
+                                <label class="project-item-label">{{$t('Issue title')}}</label>
                                 <p class="project-item-text">{{ issue.title }}</p>
                               </div>
                               <div class="project-issue-status">
-                                <label class="project-item-label">Status</label>
+                                <label class="project-item-label">{{$t('Status')}}</label>
                                 <p class="project-item-text">
                                   {{ fromIntToProjectIssueStatus(issue.status) }}
                                 </p>
                               </div>
                               <div class="project-issue-update">
-                                <label class="project-item-label">Last updated</label>
+                                <label class="project-item-label">{{$t('Last updated')}}</label>
                                 <p class="project-item-text">
                                   {{ getDateFromFulltimeString(issue.update_time) }}
                                 </p>
@@ -529,7 +529,7 @@
                             :data-bs-parent="'#collapse-project-issue-details' + issue_index"
                           >
                             <div class="project-issue-description-container">
-                              <label class="project-item-label">Issue description</label>
+                              <label class="project-item-label">{{$t('Issue description')}}</label>
                               <p class="project-item-text">{{ issue.description }}</p>
                             </div>
                             <div class="project-issue-action-container">
@@ -538,21 +538,21 @@
                                 class="project-issue-action-button"
                                 @click="setProjectIssueStatus(issue.id, 1)"
                               >
-                                Resolve
+                                {{$t('Resolve')}}
                               </button>
                               <button
                                 :hidden="!showIssueActionButton(project.project, issue, 'Confirm')"
                                 class="project-issue-action-button"
                                 @click="setProjectIssueStatus(issue.id, 2)"
                               >
-                                Confirm
+                                {{$t('Confirm')}}
                               </button>
                               <button
                                 :hidden="!showIssueActionButton(project.project, issue, 'Reopen')"
                                 class="project-issue-action-button"
                                 @click="setProjectIssueStatus(issue.id, 0)"
                               >
-                                Reopen
+                                {{$t('Reopen')}}
                               </button>
                             </div>
                           </div>