From 2d5b61c5320e5c8c48f507e2f86d6881587d1d86 Mon Sep 17 00:00:00 2001
From: "min.jiang" <min.jiang02@weimob.com>
Date: Thu, 27 Jun 2024 05:23:19 +0800
Subject: [PATCH] update

---
 frontend/src/lang/en.js                       | 110 +++++++++++++++++-
 frontend/src/pages/public/About.vue           |   2 +-
 .../src/pages/user/account/UserHistory.vue    |  34 +++---
 .../src/pages/user/account/UserProfile.vue    |  81 +++++++------
 frontend/src/pages/user/messages/Home.vue     |   4 +-
 frontend/src/pages/user/providers/Home.vue    |  47 ++++----
 frontend/src/pages/user/requests/Home.vue     |  24 ++--
 .../pages/user/requests/ProposalSubmitted.vue |   6 +-
 frontend/src/pages/user/requests/Propose.vue  |  36 +++---
 .../user/workspace/projectManage/Home.vue     |   9 +-
 .../user/workspace/proposalManage/Home.vue    |   9 +-
 .../user/workspace/requestIssue/Issue.vue     |  18 +--
 .../user/workspace/requestIssue/Submitted.vue |   6 +-
 .../user/workspace/requestManage/Home.vue     |   9 +-
 .../user/workspace/requestManage/Manage.vue   |  24 ++--
 .../requestManage/ReviewProposal.vue          |  14 +--
 16 files changed, 262 insertions(+), 171 deletions(-)

diff --git a/frontend/src/lang/en.js b/frontend/src/lang/en.js
index 6dc94c1..2476c22 100644
--- a/frontend/src/lang/en.js
+++ b/frontend/src/lang/en.js
@@ -66,5 +66,113 @@ export default {
   'invalid code': 'invalid code',
   Password: 'Password',
   'Forget password': 'Forget password',
-  'Invalid password': 'Invalid password'
+  'Invalid password': 'Invalid password',
+  'Read More': 'Read More',
+  'Total earning': 'Total earning',
+  'Payable': 'Payable',
+  'Total spending': 'Total spending',
+  'Deposit': 'Deposit',
+  'Spending': 'Spending',
+  'Updated': 'Updated',
+  'Earining': 'Earining',
+  'Login': 'Login',
+  'User ID': 'User ID',
+  'Email': 'Email',
+  'Mobile': 'Mobile',
+  'Personal': 'Personal',
+  'Full name': 'Full name',
+  'Portrait': 'Portrait',
+  'Self-intro': 'Self-intro',
+  'Earning now': 'Earning now',
+  'Edit': 'Edit',
+  'Templates': 'Templates',
+  'Cancel': 'Cancel',
+  'I want to be a service provider and earn money': 'I want to be a service provider and earn money',
+  'Stripe account onboarding is not completed.': 'Stripe account onboarding is not completed.',
+  'Upload QR code to receive payment': 'Upload QR code to receive payment',
+  'Have you linked your strip account?': 'Have you linked your strip account?',
+  'Visit Stripe': 'Visit Stripe',
+  'You are a service provider now. Please review your self-intro to reflect your skills to deliver projects.': 'You are a service provider now. Please review your self-intro to reflect your skills to deliver projects.',
+  'Achievement': 'Achievement',
+  'On Freeleaps': 'On Freeleaps',
+  'Connections': 'Connections',
+  'Messages': 'Messages',
+  'Credit': 'Credit',
+  '12-month spending': '12-month spending',
+  '3-month spending': '3-month spending',
+  'Posted': 'Posted',
+  'Accomplished': 'Accomplished',
+  'Active': 'Active',
+  'Ongoing': 'Ongoing',
+  '12-month earning': '12-month earning',
+  'Delivered': 'Delivered',
+  'Delivering time': 'Delivering time',
+  'Apply self-intro template': 'Apply self-intro template',
+  'Apply': 'Apply',
+  'Empty conversation': 'Empty conversation',
+  'Please choose conversation': 'Please choose conversation',
+  'Name': 'Name',
+  'Stay on Freeleaps': 'Stay on Freeleaps',
+  'Delivered projects': 'Delivered projects',
+  'Responding time': 'Responding time',
+  'Credit score': 'Credit score',
+  'Self intro': 'Self intro',
+  'Profile': 'Profile',
+  'Project delivering time': 'Project delivering time',
+  'Top programming languages': 'Top programming languages',
+  'Weekly produced code': 'Weekly produced code',
+  'Ongoing projects': 'Ongoing projects',
+  'Invitations to requests': 'Invitations to requests',
+  'Active proposals': 'Active proposals',
+  'Expected hourly rate': 'Expected hourly rate',
+  'Code issue rate': 'Code issue rate',
+  'Online issue rate': 'Online issue rate',
+  'Issue fixing rate': 'Issue fixing rate',
+  'Issue fixing time': 'Issue fixing time',
+  'Action panel': 'Action panel',
+  'to my open requests': 'to my open requests',
+  'Once the request is selected, the provider will be invited to see the request.': 'Once the request is selected, the provider will be invited to see the request.',
+  'Issuer': 'Issuer',
+  'Request': 'Request',
+  'Score': 'Score',
+  'Propose': 'Propose',
+  'Preview': 'Preview',
+  'Download': 'Download',
+  'Total payment': 'Total payment',
+  'Your proposal has been submitted!': 'Your proposal has been submitted!',
+  'You can check the status of proposals in': 'You can check the status of proposals in',
+  'My work.': 'My work.',
+  'Copy from existing proposals': 'Copy from existing proposals',
+  'Copy': 'Copy',
+  'Apply proposal template': 'Apply proposal template',
+  'Proposal': 'Proposal',
+  'Milestones': 'Milestones',
+  'Notes': 'Notes',
+  'Add Milestones': 'Add Milestones',
+  'Total milestones': 'Total milestones',
+  'Total duration': 'Total duration',
+  'Upload file': 'Upload file',
+  'Back': 'Back',
+  'Issue Request': 'Issue Request',
+  'pm-1': 'This is the second item\'s accordion body.',
+  'pm-2': 'It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It\'s also worth noting that just about any HTML can go within the ',
+  'pm-3': '.accordion-body',
+  'pm-4': ', though the transition does limit overflow.',
+  'Copy from existing request': 'Copy from existing request',
+  'Apply request template': 'Apply request template',
+  '(Re)Submit': '(Re)Submit',
+  'The request has been submitted!': 'The request has been submitted!',
+  'You can find it in': 'You can find it in',
+  'Review your request and the associated proposals': 'Review your request and the associated proposals',
+  'Title': 'Title',
+  'Action': 'Action',
+  'Proposed by': 'Proposed by',
+  'Price': 'Price',
+  'Reject': 'Reject',
+  'Accept': 'Accept',
+  'Please review the following critical information': 'Please review the following critical information',
+  'Payment plan proposed by the service provider': 'Payment plan proposed by the service provider',
+  'Execution plan proposed by the service provider': 'Execution plan proposed by the service provider',
+  'Proceed to workspace': 'Proceed to workspace',
+
 }
diff --git a/frontend/src/pages/public/About.vue b/frontend/src/pages/public/About.vue
index 2f11eae..f8ccdef 100644
--- a/frontend/src/pages/public/About.vue
+++ b/frontend/src/pages/public/About.vue
@@ -9,7 +9,7 @@
       <img class="directory_cover_image" :src="directory.cover_picture" />
       <p class="directory-title">{{ directory.title_text }}</p>
       <p class="directory-subtitle">{{ directory.summary_text }}</p>
-      <button class="btn btn-link">Read More</button>
+      <button class="btn btn-link">{{$t('Read More')}}</button>
     </div>
   </div>
 </template>
diff --git a/frontend/src/pages/user/account/UserHistory.vue b/frontend/src/pages/user/account/UserHistory.vue
index a7a3873..1367f73 100644
--- a/frontend/src/pages/user/account/UserHistory.vue
+++ b/frontend/src/pages/user/account/UserHistory.vue
@@ -15,23 +15,23 @@
               <div class="history-bar dashed-container">
                 <div class="history-bar-container">
                   <div class="history-bar-item">
-                    <label class="history-item-label">Total earning</label>
+                    <label class="history-item-label">{{$t('Total earning')}}</label>
                     <p class="history-item-text">2000USD</p>
                   </div>
                   <div class="history-bar-item">
-                    <label class="history-item-label">Paid</label>
+                    <label class="history-item-label">{{$t('Paid')}}</label>
                     <p class="history-item-text">2000USD</p>
                   </div>
                   <div class="history-bar-item">
-                    <label class="history-item-label">Payable</label>
+                    <label class="history-item-label">{{$t('Payable')}}</label>
                     <p class="history-item-text">2000USD</p>
                   </div>
                   <div class="history-bar-item">
-                    <label class="history-item-label">Total spending</label>
+                    <label class="history-item-label">{{$t('Total spending')}}</label>
                     <p class="history-item-text">2000USD</p>
                   </div>
                   <div class="history-bar-item">
-                    <label class="history-item-label">Deposit</label>
+                    <label class="history-item-label">{{$t('Deposit')}}</label>
                     <p class="history-item-text">2000USD</p>
                   </div>
                 </div>
@@ -62,15 +62,15 @@
               <div class="history-bar dashed-container">
                 <div class="history-bar-container">
                   <div class="history-bar-item">
-                    <label class="history-item-label">Summary</label>
+                    <label class="history-item-label">{{$t('Summary')}}</label>
                     <p class="history-item-text">Need a python programmer</p>
                   </div>
                   <div class="history-bar-item">
-                    <label class="history-item-label">Spending</label>
+                    <label class="history-item-label">{{$t('Spending')}}</label>
                     <p class="history-item-text">2000USD</p>
                   </div>
                   <div class="history-bar-item">
-                    <label class="history-item-label">Updated</label>
+                    <label class="history-item-label">{{$t('Updated')}}</label>
                     <p class="history-item-text">2023-10-19</p>
                   </div>
                 </div>
@@ -99,15 +99,15 @@
               <div class="history-bar dashed-container">
                 <div class="history-bar-container">
                   <div class="history-bar-item">
-                    <label class="history-item-label">Summary</label>
+                    <label class="history-item-label">{{$t('Summary')}}</label>
                     <p class="history-item-text">Need a python programmer</p>
                   </div>
                   <div class="history-bar-item">
-                    <label class="history-item-label">Spending</label>
+                    <label class="history-item-label">{{$t('Spending')}}</label>
                     <p class="history-item-text">2000USD</p>
                   </div>
                   <div class="history-bar-item">
-                    <label class="history-item-label">Updated</label>
+                    <label class="history-item-label">{{$t('Updated')}}</label>
                     <p class="history-item-text">2023-10-19</p>
                   </div>
                 </div>
@@ -138,15 +138,15 @@
               <div class="history-bar dashed-container">
                 <div class="history-bar-container">
                   <div class="history-bar-item">
-                    <label class="history-item-label">Summary</label>
+                    <label class="history-item-label">{{$t('Summary')}}</label>
                     <p class="history-item-text">Need a python programmer</p>
                   </div>
                   <div class="history-bar-item">
-                    <label class="history-item-label">Earining</label>
+                    <label class="history-item-label">{{$t('Earining')}}</label>
                     <p class="history-item-text">2000USD</p>
                   </div>
                   <div class="history-bar-item">
-                    <label class="history-item-label">Updated</label>
+                    <label class="history-item-label">{{$t('Updated')}}</label>
                     <p class="history-item-text">2023-10-19</p>
                   </div>
                 </div>
@@ -162,15 +162,15 @@
               <div class="history-bar dashed-container">
                 <div class="history-bar-container">
                   <div class="history-bar-item">
-                    <label class="history-item-label">Summary</label>
+                    <label class="history-item-label">{{$t('Summary')}}</label>
                     <p class="history-item-text">Need a python programmer</p>
                   </div>
                   <div class="history-bar-item">
-                    <label class="history-item-label">Earining</label>
+                    <label class="history-item-label">{{$t('Earining')}}</label>
                     <p class="history-item-text">2000USD</p>
                   </div>
                   <div class="history-bar-item">
-                    <label class="history-item-label">Updated</label>
+                    <label class="history-item-label">{{$t('Updated')}}</label>
                     <p class="history-item-text">2023-10-19</p>
                   </div>
                 </div>
diff --git a/frontend/src/pages/user/account/UserProfile.vue b/frontend/src/pages/user/account/UserProfile.vue
index 463863a..0c466bc 100644
--- a/frontend/src/pages/user/account/UserProfile.vue
+++ b/frontend/src/pages/user/account/UserProfile.vue
@@ -3,7 +3,7 @@
     <div class="panel-container" id="account-panel">
       <div>
         <div class="panel-header-container">
-          <label for="account-summary">Login</label>
+          <label for="account-summary">{{$t('Login')}}</label>
           <span v-if="accountNeedAttention">!</span>
         </div>
         <div class="panel-content-container" id="account-summary">
@@ -15,7 +15,7 @@
             aria-controls="collapse-user-id"
           >
             <div class="profile-item-container">
-              <label class="profile-item-label" for="account-summary-user-id">User ID</label>
+              <label class="profile-item-label" for="account-summary-user-id">{{$t('User ID')}}</label>
               <span class="profile-item-span" id="account-summary-user-id">
                 {{ userProfile.account.basic.FLID.identity }}
               </span>
@@ -29,7 +29,7 @@
             aria-controls="collapse-password"
           >
             <div class="profile-item-container">
-              <label class="profile-item-label" for="account-summary-password">Password</label>
+              <label class="profile-item-label" for="account-summary-password">{{$t('Password')}}</label>
               <span class="profile-item-span" id="account-summary-password"> ******** </span>
             </div>
           </button>
@@ -41,7 +41,7 @@
             aria-controls="collapse-user-email"
           >
             <div class="profile-item-container">
-              <label class="profile-item-label" for="account-summary-email">Email</label>
+              <label class="profile-item-label" for="account-summary-email">{{$t('Email')}}</label>
               <span class="profile-item-span" id="account-summary-email">
                 {{ userProfile.account.basic.email.address }}
               </span>
@@ -55,7 +55,7 @@
             aria-controls="collapse-user-mobile"
           >
             <div class="profile-item-container">
-              <label class="profile-item-label" for="account-summary-mobile">Mobile</label>
+              <label class="profile-item-label" for="account-summary-mobile">{{$t('Mobile')}}</label>
               <span class="profile-item-span" id="account-summary-mobile">
                 {{ userProfile.account.basic.mobile.number }}
               </span>
@@ -231,7 +231,7 @@
     <div class="panel-container" id="personal-panel">
       <div>
         <div class="panel-header-container">
-          <label for="personal-summary">Personal</label>
+          <label for="personal-summary">{{$t('Personal')}}</label>
         </div>
         <div class="panel-content-container" id="personal-summary">
           <button
@@ -243,7 +243,7 @@
           >
             <div class="profile-item-container">
               <label class="profile-item-label" for="account-summary-user-fullname"
-                >Full name</label
+                >{{$t('Full name')}}</label
               >
               <span class="profile-item-span" id="account-summary-user-fullname">
                 {{ userProfile.account.basic.first_name }}
@@ -266,7 +266,7 @@
                 src="@/assets/profile.png"
               />
               <label class="profile-item-label" for="personal-photo-operation-image"
-                >Portrait</label
+                >{{$t('Portrait')}}</label
               >
             </div>
           </button>
@@ -278,7 +278,7 @@
             aria-controls="collapse-personal-user-intro"
           >
             <div class="profile-item-container">
-              <label class="profile-item-label" for="personal-summary-self-intro">Self-intro</label>
+              <label class="profile-item-label" for="personal-summary-self-intro">{{$t('Self-intro')}}</label>
               <span class="profile-item-span" id="personal-summary-self-intro">
                 {{ userProfile.account.basic.self_intro.summary }}
               </span>
@@ -293,7 +293,7 @@
           >
             <div class="profile-item-container">
               <label class="profile-item-label" for="personal-summary-earning-now"
-                >Earning now</label
+                >{{$t('Earning now')}}</label
               >
               <span class="profile-item-span" id="personal-summary-earning-now">
                 {{ userProfile.account.provider.accepting_request ? 'Yes' : 'No' }}
@@ -385,7 +385,7 @@
                 class="btn btn-link"
                 @click="personalOperation.self_intro.is_editing = true"
               >
-                Edit
+                {{$t('Edit')}}
               </button>
               <button
                 v-if="personalOperation.self_intro.is_editing"
@@ -395,21 +395,21 @@
                 data-bs-target="#offcanvas-template"
                 aria-controls="offcanvas-template"
               >
-                Templates
+                {{$t('Templates')}}
               </button>
               <button
                 v-if="personalOperation.self_intro.is_editing"
                 @click="updateSelfIntro()"
                 class="btn btn-link"
               >
-                Update
+                {{$t('Update')}}
               </button>
               <button
                 v-if="personalOperation.self_intro.is_editing"
                 @click="stopEdittingSelfintro($event)"
                 class="btn btn-link"
               >
-                Cancel
+                {{$t('Cancel')}}
               </button>
             </div>
           </div>
@@ -433,9 +433,9 @@
               :disabled="!paymentOperation.ready_to_receive_money"
             />
             <label class="form-check-label" for="personal-earning-now-checkbox">
-              <span>I want to be a service provider and earn money</span>
+              <span>{{$t('I want to be a service provider and earn money')}}</span>
               <span v-if="personalOperation.show_stripe_status" style="color: red"
-                >* Stripe account onboarding is not completed.</span
+                >*&nbsp;{{$t('Stripe account onboarding is not completed.')}}</span
               >
             </label>
           </div>
@@ -474,7 +474,7 @@
               src="@/assets/images/qr-code.png"
             />
             <span v-if="!paymentOperation.wechat_qr_code_img.data" class="upload-text-btn"
-              >Upload QR code to receive payment</span
+              >{{$t('Upload QR code to receive payment')}}</span
             >
           </label>
           <input
@@ -488,27 +488,26 @@
           />
         </div>
         <div v-if="Is_Stripe_Payment()" class="collapse-item-container">
-          <span>Have you linked your strip account?</span
-          ><button class="btn btn-link" @click="visitStripe()">Visit Stripe</button>
+          <span>{{$t('Have you linked your strip account?')}}</span
+          ><button class="btn btn-link" @click="visitStripe()">{{$t('Visit Stripe')}}</button>
         </div>
         <div v-if="personalOperation.accepting_request" class="collapse-item-container">
           <span
-            >You are a service provider now. Please review your self-intro to reflect your skills to
-            deliver projects.</span
+            >{{$t('You are a service provider now. Please review your self-intro to reflect your skills to deliver projects.')}}</span
           >
         </div>
       </div>
     </div>
     <div class="panel-container" id="accordion-achievement-panel">
       <div class="panel-header-container">
-        <label for="account-summary">Achievement</label>
+        <label for="account-summary">{{$t('Achievement')}}</label>
       </div>
       <table class="panel-table-container">
         <tbody>
           <tr>
             <td>
               <div class="panel-table-content">
-                <span class="panel-table-label">On Freeleaps</span>
+                <span class="panel-table-label">{{$t('On Freeleaps')}}</span>
                 <span class="panel-table-span">
                   {{ userProfile.achievemnt.activeness.days_of_staying_on }} day(s)
                 </span>
@@ -516,7 +515,7 @@
             </td>
             <td>
               <div class="panel-table-content">
-                <span class="panel-table-label">Connections</span>
+                <span class="panel-table-label">{{$t('Connections')}}</span>
                 <span class="panel-table-span">
                   {{ userProfile.achievemnt.activeness.connections }}
                 </span>
@@ -524,7 +523,7 @@
             </td>
             <td>
               <div class="panel-table-content">
-                <span class="panel-table-label">Messages</span>
+                <span class="panel-table-label">{{$t('Messages')}}</span>
                 <span class="panel-table-span">
                   {{ userProfile.achievemnt.activeness.messages }}
                 </span>
@@ -532,7 +531,7 @@
             </td>
             <td>
               <div class="panel-table-content">
-                <span class="panel-table-label">Credit</span>
+                <span class="panel-table-label">{{$t('Credit')}}</span>
                 <span class="panel-table-span">
                   {{ userProfile.achievemnt.activeness.credit }}
                 </span>
@@ -542,7 +541,7 @@
           <tr>
             <td>
               <div class="panel-table-content">
-                <span class="panel-table-label">Total spending</span>
+                <span class="panel-table-label">{{$t('Total spending')}}</span>
                 <span class="panel-table-span">
                   {{ userProfile.achievemnt.issuer.spending.total }}
                   {{ userProfile.achievemnt.issuer.spending.currency }}
@@ -551,7 +550,7 @@
             </td>
             <td>
               <div class="panel-table-content">
-                <span class="panel-table-label">12-month spending</span>
+                <span class="panel-table-label">{{$t('12-month spending')}}</span>
                 <span class="panel-table-span">
                   {{ userProfile.achievemnt.issuer.spending.twelve_month }}
                   {{ userProfile.achievemnt.issuer.spending.currency }}
@@ -560,7 +559,7 @@
             </td>
             <td>
               <div class="panel-table-content">
-                <span class="panel-table-label">3-month spending</span>
+                <span class="panel-table-label">{{$t('3-month spending')}}</span>
                 <span class="panel-table-span">
                   {{ userProfile.achievemnt.issuer.spending.three_month }}
                   {{ userProfile.achievemnt.issuer.spending.currency }}
@@ -569,7 +568,7 @@
             </td>
             <td>
               <div class="panel-table-content">
-                <span class="panel-table-label">Deposit</span>
+                <span class="panel-table-label">{{$t('Deposit')}}</span>
                 <span class="panel-table-span">
                   {{ userProfile.achievemnt.issuer.deposit.available }}
                   {{ userProfile.achievemnt.issuer.deposit.currency }}
@@ -580,7 +579,7 @@
           <tr>
             <td>
               <div class="panel-table-content">
-                <span class="panel-table-label">Posted</span>
+                <span class="panel-table-label">{{$t('Posted')}}</span>
                 <span class="panel-table-span">
                   {{ userProfile.achievemnt.issuer.request.issued }}
                 </span>
@@ -588,7 +587,7 @@
             </td>
             <td>
               <div class="panel-table-content">
-                <span class="panel-table-label">Accomplished</span>
+                <span class="panel-table-label">{{$t('Accomplished')}}</span>
                 <span class="panel-table-span">
                   {{ userProfile.achievemnt.issuer.request.accomplished }}
                 </span>
@@ -596,7 +595,7 @@
             </td>
             <td>
               <div class="panel-table-content">
-                <span class="panel-table-label">Active</span>
+                <span class="panel-table-label">{{$t('Active')}}</span>
                 <span class="panel-table-span">
                   {{ userProfile.achievemnt.issuer.request.active }}
                 </span>
@@ -604,7 +603,7 @@
             </td>
             <td>
               <div class="panel-table-content">
-                <span class="panel-table-label">Ongoing</span>
+                <span class="panel-table-label">{{$t('Ongoing')}}</span>
                 <span class="panel-table-span">
                   {{ userProfile.achievemnt.issuer.request.ongoing }}
                 </span>
@@ -614,7 +613,7 @@
           <tr>
             <td>
               <div class="panel-table-content">
-                <span class="panel-table-label">Total earning</span>
+                <span class="panel-table-label">{{$t('Total earning')}}</span>
                 <span class="panel-table-span">
                   {{ userProfile.achievemnt.provider.earnings.total }}
                   {{ userProfile.achievemnt.provider.earnings.currency }}
@@ -623,7 +622,7 @@
             </td>
             <td>
               <div class="panel-table-content">
-                <span class="panel-table-label">12-month earning</span>
+                <span class="panel-table-label">{{$t('12-month earning')}}</span>
                 <span class="panel-table-span">
                   {{ userProfile.achievemnt.provider.earnings.twelve_month }}
                   {{ userProfile.achievemnt.provider.earnings.currency }}
@@ -632,7 +631,7 @@
             </td>
             <td>
               <div class="panel-table-content">
-                <span class="panel-table-label">Delivered</span>
+                <span class="panel-table-label">{{$t('Delivered')}}</span>
                 <span class="panel-table-span">
                   {{ userProfile.achievemnt.provider.deliveries.delivered_projects }}
                 </span>
@@ -640,12 +639,12 @@
             </td>
             <td>
               <div class="panel-table-content">
-                <span class="panel-table-label">Delivering time</span>
+                <span class="panel-table-label">{{$t('Delivering time')}}</span>
                 <span class="panel-table-span">
                   {{
                     userProfile.achievemnt.provider.deliveries.delivering_time_per_project_in_day
                   }}
-                  days
+                  {{$t('days')}}
                 </span>
               </div>
             </td>
@@ -660,7 +659,7 @@
       aria-labelledby="offcanvas-template"
     >
       <div class="offcanvas-header">
-        <h5 class="offcanvas-title" id="offcanvas-template">Apply self-intro template</h5>
+        <h5 class="offcanvas-title" id="offcanvas-template">{{$t('Apply self-intro template')}}</h5>
         <button
           type="button"
           class="btn-close"
@@ -696,7 +695,7 @@
             >
               <div class="accordion-body">
                 <button class="select-template-button" @click="selectTemplate(template)">
-                  Apply
+                  {{$t('Apply')}}
                 </button>
                 <div class="template-content-textarea" v-html="template.content"></div>
               </div>
diff --git a/frontend/src/pages/user/messages/Home.vue b/frontend/src/pages/user/messages/Home.vue
index 55c9748..38eba70 100644
--- a/frontend/src/pages/user/messages/Home.vue
+++ b/frontend/src/pages/user/messages/Home.vue
@@ -35,7 +35,7 @@
         v-if="!conversations || conversations.length == 0"
         class="conversation-list-empty-container"
       >
-        Empty conversation
+        {{$t('Empty conversation')}}
       </div>
       <div class="message-panel-container">
         <div v-if="current_thread" class="message-thread-container">
@@ -63,7 +63,7 @@
           </div>
         </div>
         <div v-if="!current_thread" class="message-thread-empty-container">
-          Please choose conversation
+          {{$t('Please choose conversation')}}
         </div>
         <div class="message-writing-panel-container">
           <svg-icon icon="msg-enter" class-name="writing-message-enter" />
diff --git a/frontend/src/pages/user/providers/Home.vue b/frontend/src/pages/user/providers/Home.vue
index 5bda75a..d5b8eb2 100644
--- a/frontend/src/pages/user/providers/Home.vue
+++ b/frontend/src/pages/user/providers/Home.vue
@@ -21,7 +21,7 @@
                   <img class="provider-portrait" alt="user portrait" src="@/assets/profile.png" />
                 </div>
                 <div class="provider-name-container">
-                  <label class="provider-name-label" for="provider-name">Name</label>
+                  <label class="provider-name-label" for="provider-name">{{$t('Name')}}</label>
                   <span class="provider-name-span" id="provider-name">
                     {{ provider.user_profile.first_name }}
                     {{ provider.user_profile.last_name }}</span
@@ -29,7 +29,7 @@
                 </div>
                 <div class="provider-stay-on-freeleaps-container">
                   <label class="provider-stay-on-freeleaps-label" for="provider-stay-on-freeleaps"
-                    >Stay on Freeleaps</label
+                    >{{$t('Stay on Freeleaps')}}</label
                   >
                   <span class="provider-stay-on-freeleaps-span" id="provider-stay-on-freeleaps">
                     {{ provider.activeness_achievement.days_of_staying_on }} day(s)</span
@@ -37,7 +37,7 @@
                 </div>
                 <div class="provider-delivered-projects-container">
                   <label class="provider-delivered-projects-label" for="provider-delivered-projects"
-                    >Delivered projects</label
+                    >{{$t('Delivered projects')}}</label
                   >
                   <span class="provider-delivered-projects-span" id="provider-delivered-projects">
                     {{ provider.provider_achievement.delivered_projects }}
@@ -45,7 +45,7 @@
                 </div>
                 <div class="provider-responding-time-container">
                   <label class="provider-responding-time-label" for="provider-responding-time"
-                    >Responding time</label
+                    >{{$t('Responding time')}}</label
                   >
                   <span class="provider-responding-time-span" id="provider-responding-time">
                     {{ provider.provider_achievement.responding_time_in_minutes }} min(s)
@@ -53,7 +53,7 @@
                 </div>
                 <div class="provider-credit-score-container">
                   <label class="provider-credit-score-label" for="provider-credit-score"
-                    >Credit score</label
+                    >{{$t('Credit score')}}</label
                   >
                   <span class="provider-credit-score-span" id="provider-credit-score">
                     {{ provider.provider_achievement.credit }}</span
@@ -69,7 +69,7 @@
           >
             <div class="accordion-body">
               <div class="self-intro-container">
-                <label class="self-intro-content-label" for="self-intro-content">Self intro</label>
+                <label class="self-intro-content-label" for="self-intro-content">{{$t('Self intro')}}</label>
                 <div
                   class="self-intro-content-container"
                   id="self-intro-content"
@@ -77,12 +77,12 @@
                 ></div>
               </div>
               <div class="statistics-container">
-                <label class="self-intro-content-label" for="statistics-content">Profile</label>
+                <label class="self-intro-content-label" for="statistics-content">{{$t('Profile')}}</label>
                 <div class="statistics-content-container" id="statistics-content">
                   <div class="delivery-container">
                     <div class="dd-project-container">
                       <label class="dd-project-label" for="delivery-delivered-projects"
-                        >Delivered projects</label
+                        >{{$t('Delivered projects')}}</label
                       >
                       <span class="dd-project-span" id="delivery-delivered-projects">
                         {{ provider.provider_achievement.delivered_projects }}
@@ -90,7 +90,7 @@
                     </div>
                     <div class="dd-project-container">
                       <label class="dd-project-label" for="delivery-time-per-project"
-                        >Project delivering time</label
+                        >{{$t('Project delivering time')}}</label
                       >
                       <span class="dd-project-span" id="delivery-time-per-project">
                         {{ provider.provider_deliveries.delivering_time_per_project_in_day }} day(s)
@@ -98,7 +98,7 @@
                     </div>
                     <div class="dd-project-container">
                       <label class="dd-project-label" for="delivery-top-programming-language"
-                        >Top programming languages</label
+                        >{{$t('Top programming languages')}}</label
                       >
                       <div
                         class="delivery-top-programming-language-content-container"
@@ -116,7 +116,7 @@
                     </div>
                     <div class="dd-project-container">
                       <label class="dd-project-label" for="delivery-weekly-produced-code"
-                        >Weekly produced code</label
+                        >{{$t('Weekly produced code')}}</label
                       >
                       <span class="dd-project-span" id="delivery-weekly-produced-code">
                         {{ provider.provider_deliveries.lines_of_code_per_week }} line(s)
@@ -126,7 +126,7 @@
                   <div class="delivery-container">
                     <div class="dd-project-container">
                       <label class="dd-project-label" for="activity-ongoing-projects"
-                        >Ongoing projects</label
+                        >{{$t('Ongoing projects')}}</label
                       >
                       <span class="dd-project-span" id="activity-ongoing-projects">
                         {{ provider.provider_activities.ongoing_projects }}
@@ -134,7 +134,7 @@
                     </div>
                     <div class="dd-project-container">
                       <label class="dd-project-label" for="activity-invitation-to-requests"
-                        >Invitations to requests</label
+                        >{{$t('Invitations to requests')}}</label
                       >
                       <span class="dd-project-span" id="activity-invitation-to-requests">
                         {{ provider.provider_activities.invitations_to_open_requests }}
@@ -142,7 +142,7 @@
                     </div>
                     <div class="dd-project-container">
                       <label class="dd-project-label" for="activity-active-proposals"
-                        >Active proposals</label
+                        >{{$t('Active proposals')}}</label
                       >
                       <span class="dd-project-span" id="activity-active-proposals">
                         {{ provider.provider_activities.active_proposals }}
@@ -150,7 +150,7 @@
                     </div>
                     <div class="dd-project-container">
                       <label class="dd-project-label" for="activity-hourly-rate"
-                        >Expected hourly rate</label
+                        >{{$t('Expected hourly rate')}}</label
                       >
                       <span class="dd-project-span" id="activity-hourly-rate">
                         {{ provider.provider_profile.expected_salary.hourly }}
@@ -161,7 +161,7 @@
                   <div class="delivery-container">
                     <div class="dd-project-container">
                       <label class="dd-project-label" for="quality-issue-rate"
-                        >Code issue rate</label
+                        >{{$t('Code issue rate')}}</label
                       >
                       <span class="dd-project-span" id="quality-issue-rate">
                         {{ provider.provider_work_quality.issues_per_thousand_lines_of_codes }}
@@ -169,7 +169,7 @@
                     </div>
                     <div class="dd-project-container">
                       <label class="dd-project-label" for="quality-online-issue-rate"
-                        >Online issue rate</label
+                        >{{$t('Online issue rate')}}</label
                       >
                       <span class="dd-project-span" id="quality-online-issue-rate">
                         {{ provider.provider_work_quality.issues_after_delivery_per_project }}
@@ -177,7 +177,7 @@
                     </div>
                     <div class="dd-project-container">
                       <label class="dd-project-label" for="quality-issue-fixing-rate"
-                        >Issue fixing rate</label
+                        >{{$t('Issue fixing rate')}}</label
                       >
                       <span class="dd-project-span" id="quality-issue-fixing-rate">
                         {{ provider.provider_work_quality.issue_fixing_rate_pencentage }}%
@@ -185,7 +185,7 @@
                     </div>
                     <div class="dd-project-container">
                       <label class="dd-project-label" for="quality-issue-fixing-time"
-                        >Issue fixing time</label
+                        >{{$t('Issue fixing time')}}</label
                       >
                       <span class="dd-project-span" id="quality-issue-fixing-time">
                         {{ provider.provider_work_quality.issue_fixing_time_minutes }} min(s)
@@ -205,7 +205,7 @@
                       aria-expanded="false"
                       aria-controls="collapse-action-panel"
                     >
-                      Action panel
+                      {{$t('Action panel')}}
                     </button>
                   </h2>
                   <div
@@ -218,12 +218,12 @@
                         <label
                           class="invite-to-request-content-label"
                           for="invite-to-request-content"
-                          >Invite
+                          >{{$t('Invite')}}
                           <span class="invite-to-request-name-span"
                             >{{ provider.user_profile.first_name }}
                             {{ provider.user_profile.last_name }}</span
                           >
-                          to my open requests</label
+                          {{$t('to my open requests')}}</label
                         >
                         <div
                           class="invite-to-request-content-container"
@@ -245,8 +245,7 @@
                             }}</label>
                           </div>
                           <span class="invite-to-request-note-text"
-                            >*Once the request is selected, the provider will be invited to see the
-                            request.</span
+                            >*{{$t('Once the request is selected, the provider will be invited to see the request.')}}</span
                           >
                         </div>
                       </div>
diff --git a/frontend/src/pages/user/requests/Home.vue b/frontend/src/pages/user/requests/Home.vue
index 7a8fe78..07c9921 100644
--- a/frontend/src/pages/user/requests/Home.vue
+++ b/frontend/src/pages/user/requests/Home.vue
@@ -26,7 +26,7 @@
                 <div class="dashed-container request-content-container">
                   <div class="request-content-issuer-container">
                     <label class="request-content-label" for="request-content-issuer-box"
-                      >Issuer</label
+                      >{{$t('Issuer')}}</label
                     >
                     <div class="request-content-box" id="request-content-issuer-box">
                       <span class="request-content-issuer-text">
@@ -37,14 +37,14 @@
                   </div>
                   <div class="request-content-title-container">
                     <label class="request-content-label" for="request-content-title-box"
-                      >Request</label
+                      >{{$t('Request')}}</label
                     >
                     <div class="request-content-box" id="request-content-title-box">
                       <span class="request-content-title-text"> {{ request.title }}</span>
                     </div>
                   </div>
                   <div class="request-content-date-container">
-                    <label class="request-content-label" for="request-content-date-box">Date</label>
+                    <label class="request-content-label" for="request-content-date-box">{{$t('Date')}}</label>
                     <div class="request-content-box" id="request-content-date-box">
                       <span class="request-content-date-text">
                         {{ getDateFromFulltimeString(request.update_time) }}
@@ -53,7 +53,7 @@
                   </div>
                   <div class="request-content-score-container">
                     <label class="request-content-label" for="request-content-score-box"
-                      >Score</label
+                      >{{$t('Score')}}</label
                     >
                     <div class="request-content-box" id="request-content-score-box">
                       <span class="request-content-score-text">
@@ -72,15 +72,15 @@
               <div class="accordion-body">
                 <div class="request-description-container">
                   <button class="make-proposal-button" type="button" @click="Propose(request)">
-                    Propose
+                    {{$t('Propose')}}
                   </button>
                   <div class="request-description-content" v-html="request.content"></div>
                   <div v-for="(file, index) in request.attached_files" :key="index">
                     <button @click="previewAttachedFile(request.id, file.document_id)">
-                      Preview{{ file.file_name }}
+                      {{$t('Preview')}}{{ file.file_name }}
                     </button>
                     <button @click="downloadAttachedFile(request.id, file.document_id)">
-                      Download{{ file.file_name }}
+                      {{$t('Download')}}{{ file.file_name }}
                     </button>
                   </div>
                 </div>
@@ -93,7 +93,7 @@
                       <label
                         class="issuer-achievement-label"
                         for="issuer-achievement-isssuer-content-div"
-                        >Name</label
+                        >{{$t('Name')}}</label
                       >
                       <div
                         class="issuer-achievement-content-container"
@@ -109,7 +109,7 @@
                       <label
                         class="issuer-achievement-label"
                         for="issuer-achievement-stay-content-div"
-                        >Stay on Freeleaps</label
+                        >{{$t('Stay on Freeleaps')}}</label
                       >
                       <div
                         class="issuer-achievement-content-container"
@@ -125,7 +125,7 @@
                       <label
                         class="issuer-achievement-label"
                         for="issuer-achievement-paid-content-div"
-                        >Total payment</label
+                        >{{$t('Total payment')}}</label
                       >
                       <div
                         class="issuer-achievement-content-container"
@@ -141,7 +141,7 @@
                       <label
                         class="issuer-achievement-label"
                         for="issuer-achievement-deposit-content-div"
-                        >Deposit</label
+                        >{{$t('Deposit')}}</label
                       >
                       <div
                         class="issuer-achievement-content-container"
@@ -157,7 +157,7 @@
                       <label
                         class="issuer-achievement-label"
                         for="issuer-achievement-credit-content-div"
-                        >Credit</label
+                        >{{$t('Credit')}}</label
                       >
                       <div
                         class="issuer-achievement-content-container"
diff --git a/frontend/src/pages/user/requests/ProposalSubmitted.vue b/frontend/src/pages/user/requests/ProposalSubmitted.vue
index af1aec9..571093c 100644
--- a/frontend/src/pages/user/requests/ProposalSubmitted.vue
+++ b/frontend/src/pages/user/requests/ProposalSubmitted.vue
@@ -2,10 +2,10 @@
   <div class="submission-result-container">
     <div class="submission-result-card">
       <img src="@/assets/images/submited.png" alt="freeleaps" />
-      <span>Your proposal has been submitted!</span>
+      <span>{{$t('Your proposal has been submitted!')}}</span>
       <span>
-        You can check the status of proposals in
-        <button class="btn btn-link" @click="gotoWorkspace()">My work.</button>
+        {{$t('You can check the status of proposals in')}}
+        <button class="btn btn-link" @click="gotoWorkspace()">{{$t('My work.')}}</button>
       </span>
     </div>
   </div>
diff --git a/frontend/src/pages/user/requests/Propose.vue b/frontend/src/pages/user/requests/Propose.vue
index cde47c5..8e4753f 100644
--- a/frontend/src/pages/user/requests/Propose.vue
+++ b/frontend/src/pages/user/requests/Propose.vue
@@ -8,7 +8,7 @@
         aria-labelledby="offcanvas-copy-existing"
       >
         <div class="offcanvas-header">
-          <h5 class="offcanvas-title" id="offcanvas-copy-existing">Copy from existing proposals</h5>
+          <h5 class="offcanvas-title" id="offcanvas-copy-existing">{{$t('Copy from existing proposals')}}</h5>
           <button
             type="button"
             class="btn-close"
@@ -44,7 +44,7 @@
               >
                 <div class="accordion-body">
                   <button class="copy-existing-button" @click="copyProposal(existingProposal)">
-                    Copy
+                    {{$t('Copy')}}
                   </button>
                   <div
                     class="existing-request-content-text"
@@ -63,7 +63,7 @@
         aria-labelledby="offcanvas-template"
       >
         <div class="offcanvas-header">
-          <h5 class="offcanvas-title" id="offcanvas-template">Apply proposal template</h5>
+          <h5 class="offcanvas-title" id="offcanvas-template">{{$t('Apply proposal template')}}</h5>
           <button
             type="button"
             class="btn-close"
@@ -99,7 +99,7 @@
               >
                 <div class="accordion-body">
                   <button class="load-template-button" @click="applyTemplate(template)">
-                    Apply
+                    {{$t('Apply')}}
                   </button>
                   <div class="template-content-text" v-html="template.proposal.content"></div>
                 </div>
@@ -137,7 +137,7 @@
       </div>
       <div v-if="proposal" class="proposal-container">
         <div class="proposal-header-container">
-          <label class="proposal-label">Proposal:</label>
+          <label class="proposal-label">{{$t('Proposal')}}:</label>
           <div class="header-bar">
             <button
               class="btn btn-link"
@@ -147,7 +147,7 @@
               aria-controls="offcanvas-template"
             >
               <svg-icon icon="btn-templates" />
-              Templates
+              {{$t('Templates')}}
             </button>
             <button
               class="btn btn-link"
@@ -157,14 +157,14 @@
               aria-controls="offcanvas-copy-existing"
             >
               <svg-icon icon="btn-history" />
-              Copy
+              {{$t('Copy')}}
             </button>
           </div>
         </div>
         <div class="cover-letter-content-container" id="cover-letter-content">
           <freeleaps-editor v-model:content="proposal.content" />
         </div>
-        <label class="summary-content-label" for="stage-content"> Milestones</label>
+        <label class="summary-content-label" for="stage-content"> {{$t('Milestones')}}</label>
         <div class="stage-content-container" id="stage-content">
           <div v-for="(stage, index) in proposal.stages" :key="index" class="stage-item-container">
             <div class="input-container milestone-input-container">
@@ -177,7 +177,7 @@
                       type="number"
                       v-model="stage.payment"
                     />
-                    <label :for="`stage-payment-content-${index}`">Payment</label>
+                    <label :for="`stage-payment-content-${index}`">{{$t('Payment')}}</label>
                   </div>
                   <span class="btn-start">{{ stage.currency }}</span>
                 </div>
@@ -193,7 +193,7 @@
                       type="number"
                       v-model="stage.duration_in_days"
                     />
-                    <label :for="`stage-duration-content-${index}`">Duration</label>
+                    <label :for="`stage-duration-content-${index}`">{{$t('Duration')}}</label>
                   </div>
                   <span class="btn-start">day(s)</span>
                 </div>
@@ -209,7 +209,7 @@
                       type="text"
                       v-model="stage.note"
                     />
-                    <label :for="`stage-note-content-${index}`">Notes</label>
+                    <label :for="`stage-note-content-${index}`">{{$t('Notes')}}</label>
                   </div>
                 </div>
               </div>
@@ -249,25 +249,25 @@
             </div> -->
           </div>
           <div class="stage-more-action-container">
-            <button class="stage-add-more-button" @click="addStage()">+ Add Milestones</button>
+            <button class="stage-add-more-button" @click="addStage()">+ {{$t('Add Milestones')}}</button>
           </div>
           <div class="summary-content-container" id="summary-content">
             <span id="summary-total-stages-content">
-              Total milestones:
+              {{$t('Total milestones')}}:
               {{ summary.total_stages }}
             </span>
             <span id="summary-total-payment-content">
-              Total payment:{{ summary.total_payment }} {{ summary.currency }}
+              {{$t('Total payment')}}:{{ summary.total_payment }} {{ summary.currency }}
             </span>
             <span id="summary-total-duration-content">
-              Total duration:{{ summary.total_duration_in_days }} day(s)
+              {{$t('Total duration')}}:{{ summary.total_duration_in_days }} day(s)
             </span>
           </div>
         </div>
         <div class="file-upload-container">
           <div class="upload-contianer">
             <label class="btn btn-link">
-              <span v-if="!uploadFile">Upload file</span>
+              <span v-if="!uploadFile">{{$t('Upload file')}}</span>
               <span v-if="uploadFile">{{ uploadFile.name }}</span>
               <input type="file" hidden @change="handleFileUpload" />
             </label>
@@ -283,8 +283,8 @@
         </div>
       </div>
       <div class="action-footer">
-        <button class="cancel-button" @click="back">Back</button>
-        <button class="submit-button" @click="submit">Submit</button>
+        <button class="cancel-button" @click="back">{{$t('Back')}}</button>
+        <button class="submit-button" @click="submit">{{$t('Submit')}}</button>
       </div>
     </div>
   </div>
diff --git a/frontend/src/pages/user/workspace/projectManage/Home.vue b/frontend/src/pages/user/workspace/projectManage/Home.vue
index 7ddf0b4..93f1e75 100644
--- a/frontend/src/pages/user/workspace/projectManage/Home.vue
+++ b/frontend/src/pages/user/workspace/projectManage/Home.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="workspace-container">
     <div class="workspace-header">
-      <button class="issue-request-button" @click="issueRequest()">Issue Request</button>
+      <button class="issue-request-button" @click="issueRequest()">{{$t('Issue Request')}}</button>
     </div>
     <div class="workspace-body">
       <div class="accordion" v-for="(project, index) in projects" :key="index" :id="project.id">
@@ -29,12 +29,7 @@
             :data-bs-parent="'#' + project.id"
           >
             <div class="accordion-body">
-              <strong>This is the second item's accordion body.</strong> It is hidden by default,
-              until the collapse plugin adds the appropriate classes that we use to style each
-              element. These classes control the overall appearance, as well as the showing and
-              hiding via CSS transitions. You can modify any of this with custom CSS or overriding
-              our default variables. It's also worth noting that just about any HTML can go within
-              the <code>.accordion-body</code>, though the transition does limit overflow.
+              <strong>{{$t('pm-1')}}</strong> {{$t('pm-2')}}<code>{{$t('pm-3')}}</code>{{$t('pm-4')}}
             </div>
           </div>
         </div>
diff --git a/frontend/src/pages/user/workspace/proposalManage/Home.vue b/frontend/src/pages/user/workspace/proposalManage/Home.vue
index 0d72712..66c61a6 100644
--- a/frontend/src/pages/user/workspace/proposalManage/Home.vue
+++ b/frontend/src/pages/user/workspace/proposalManage/Home.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="workspace-container">
     <div class="workspace-header">
-      <button class="issue-request-button" @click="issueRequest()">Issue Request</button>
+      <button class="issue-request-button" @click="issueRequest()">{{$t('Issue Request')}}</button>
     </div>
     <div class="workspace-body">
       <div class="accordion" v-for="(project, index) in projects" :key="index" :id="project.id">
@@ -29,12 +29,7 @@
             :data-bs-parent="'#' + project.id"
           >
             <div class="accordion-body">
-              <strong>This is the second item's accordion body.</strong> It is hidden by default,
-              until the collapse plugin adds the appropriate classes that we use to style each
-              element. These classes control the overall appearance, as well as the showing and
-              hiding via CSS transitions. You can modify any of this with custom CSS or overriding
-              our default variables. It's also worth noting that just about any HTML can go within
-              the <code>.accordion-body</code>, though the transition does limit overflow.
+              <strong>{{$t('pm-1')}}</strong> {{$t('pm-2')}}<code>{{$t('pm-3')}}</code>{{$t('pm-4')}}
             </div>
           </div>
         </div>
diff --git a/frontend/src/pages/user/workspace/requestIssue/Issue.vue b/frontend/src/pages/user/workspace/requestIssue/Issue.vue
index a220c61..af24950 100644
--- a/frontend/src/pages/user/workspace/requestIssue/Issue.vue
+++ b/frontend/src/pages/user/workspace/requestIssue/Issue.vue
@@ -7,7 +7,7 @@
       aria-labelledby="offcanvas-copy-existing"
     >
       <div class="offcanvas-header">
-        <h5 class="offcanvas-title" id="offcanvas-copy-existing">Copy from existing request</h5>
+        <h5 class="offcanvas-title" id="offcanvas-copy-existing">{{$t('Copy from existing request')}}</h5>
         <button
           type="button"
           class="btn-close"
@@ -42,7 +42,7 @@
               data-bs-parent="#existing-request-item-container"
             >
               <div class="accordion-body">
-                <button class="btn btn-link" @click="copyRequest(existingRequest)">Copy</button>
+                <button class="btn btn-link" @click="copyRequest(existingRequest)">{{$t('Copy')}}</button>
                 <div class="existing-request-content-text" v-html="existingRequest.content"></div>
               </div>
             </div>
@@ -57,7 +57,7 @@
       aria-labelledby="offcanvas-template"
     >
       <div class="offcanvas-header">
-        <h5 class="offcanvas-title" id="offcanvas-template">Apply request template</h5>
+        <h5 class="offcanvas-title" id="offcanvas-template">{{$t('Apply request template')}}</h5>
         <button
           type="button"
           class="btn-close"
@@ -96,7 +96,7 @@
                   class="select-template-button btn btn-link"
                   @click="selectTemplate(template)"
                 >
-                  Apply
+                  {{$t('Apply')}}
                 </button>
                 <div class="template-content-textarea" v-html="template.content"></div>
               </div>
@@ -113,7 +113,7 @@
       />
       <div class="upload-contianer">
         <label class="btn btn-link">
-          <span v-if="!uploadFile">Upload file</span>
+          <span v-if="!uploadFile">{{$t('Upload file')}}</span>
           <span v-if="uploadFile">{{ uploadFile.name }}</span>
           <input type="file" hidden @change="handleFileUpload" />
         </label>
@@ -133,7 +133,7 @@
         aria-controls="offcanvas-template"
       >
         <svg-icon icon="btn-templates" />
-        Templates
+        {{$t('Templates')}}
       </button>
       <button
         class="action-button btn btn-link"
@@ -143,15 +143,15 @@
         aria-controls="offcanvas-copy-existing"
       >
         <svg-icon icon="btn-history" />
-        Copy
+        {{$t('Copy')}}
       </button>
     </div>
     <div class="description-container">
       <freeleaps-editor v-model:content="content" />
     </div>
     <div class="action-footer">
-      <button class="cancel-button" @click="back">Cancel</button>
-      <button class="submit-button" @click="submit">(Re)Submit</button>
+      <button class="cancel-button" @click="back">{{$t('Cancel')}}</button>
+      <button class="submit-button" @click="submit">{{$t('(Re)Submit')}}</button>
     </div>
   </div>
 </template>
diff --git a/frontend/src/pages/user/workspace/requestIssue/Submitted.vue b/frontend/src/pages/user/workspace/requestIssue/Submitted.vue
index 9bb3019..0925323 100644
--- a/frontend/src/pages/user/workspace/requestIssue/Submitted.vue
+++ b/frontend/src/pages/user/workspace/requestIssue/Submitted.vue
@@ -2,10 +2,10 @@
   <div class="submission-result-container">
     <div class="submission-result-card">
       <img src="@/assets/images/submited.png" alt="freeleaps" />
-      <span>The request has been submitted!</span>
+      <span>{{$t('The request has been submitted!')}}</span>
       <span>
-        You can find it in
-        <button class="btn btn-link" @click="gotoWorkspace()">My work.</button>
+        {{$t('You can find it in')}}
+        <button class="btn btn-link" @click="gotoWorkspace()">{{$t('My work.')}}</button>
       </span>
     </div>
   </div>
diff --git a/frontend/src/pages/user/workspace/requestManage/Home.vue b/frontend/src/pages/user/workspace/requestManage/Home.vue
index bb1e3f4..f72e65d 100644
--- a/frontend/src/pages/user/workspace/requestManage/Home.vue
+++ b/frontend/src/pages/user/workspace/requestManage/Home.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="workspace-container">
     <div class="workspace-header">
-      <button class="issue-request-button" @click="issueRequest()">Issue Request</button>
+      <button class="issue-request-button" @click="issueRequest()">{{$t('Issue Request')}}</button>
     </div>
     <div class="workspace-body">
       <div class="accordion" v-for="(project, index) in projects" :key="index" :id="project.id">
@@ -29,12 +29,7 @@
             :data-bs-parent="'#' + project.id"
           >
             <div class="accordion-body">
-              <strong>This is the second item's accordion body.</strong> It is hidden by default,
-              until the collapse plugin adds the appropriate classes that we use to style each
-              element. These classes control the overall appearance, as well as the showing and
-              hiding via CSS transitions. You can modify any of this with custom CSS or overriding
-              our default variables. It's also worth noting that just about any HTML can go within
-              the <code>.accordion-body</code>, though the transition does limit overflow.
+              <strong>{{$t('pm-1')}}</strong> {{$t('pm-2')}}<code>{{$t('pm-3')}}</code>{{$t('pm-4')}}
             </div>
           </div>
         </div>
diff --git a/frontend/src/pages/user/workspace/requestManage/Manage.vue b/frontend/src/pages/user/workspace/requestManage/Manage.vue
index 230d926..b29e9e9 100644
--- a/frontend/src/pages/user/workspace/requestManage/Manage.vue
+++ b/frontend/src/pages/user/workspace/requestManage/Manage.vue
@@ -1,24 +1,24 @@
 <template>
   <div class="request-reviwer-container">
     <div class="header-bar">
-      <button class="back-button" type="button" @click="back">Back</button>
-      <p class="request-reviewer-title">Review your request and the associated proposals</p>
+      <button class="back-button" type="button" @click="back">{{$t('Back')}}</button>
+      <p class="request-reviewer-title">{{$t('Review your request and the associated proposals')}}</p>
     </div>
     <div v-if="request" class="request-info-bar">
       <div class="request-title-container">
-        <label class="request-control-label" for="request-title">Title:</label>
+        <label class="request-control-label" for="request-title">{{$t('Title')}}:</label>
         <span id="request-title" class="request-title-span">{{ request.title }}</span>
       </div>
       <div class="request-status-container">
-        <label class="request-control-label" for="request-status">Status:</label>
+        <label class="request-control-label" for="request-status">{{$t('Status')}}:</label>
         <span id="request-status" class="request-status-span">{{
           getRequestStatus(request.status)
         }}</span>
       </div>
       <div class="request-edit-button-container">
-        <label class="request-control-label" for="request-edit">Action:</label>
+        <label class="request-control-label" for="request-edit">{{$t('Action')}}:</label>
         <button id="request-edit" class="request-edit-button" type="button" @click="editRequest">
-          Edit
+          {{$t('Edit')}}
         </button>
       </div>
     </div>
@@ -41,21 +41,21 @@
           >
             <div class="proposal-summary-container">
               <div class="proposer-fullname-container">
-                <label class="proposer-fullname-label">Proposed by:</label>
+                <label class="proposer-fullname-label">{{$t('Proposed by')}}:</label>
                 <span class="proposer-fullname-span"
                   >{{ proposal.proposer.first_name }} {{ proposal.proposer.last_name }}</span
                 >
               </div>
               <div class="proposal-price-container">
-                <label class="proposal-price-label">Price(USD):</label>
+                <label class="proposal-price-label">{{$t('Price')}}(USD):</label>
                 <span class="proposal-price-span">{{ proposal.price_in_usd }}</span>
               </div>
               <div class="proposal-duration-container">
-                <label class="proposal-duration-label">Duration(Days):</label>
+                <label class="proposal-duration-label">{{$t('Duration')}}(Days):</label>
                 <span class="proposal-duration-span">{{ proposal.duration_in_day }}</span>
               </div>
               <div class="proposal-update-container">
-                <label class="proposal-update-label">Updated:</label>
+                <label class="proposal-update-label">{{$t('Updated')}}:</label>
                 <span class="proposal-update-span">{{
                   getDateFromFulltimeString(proposal.update_time)
                 }}</span>
@@ -72,10 +72,10 @@
           <div class="accordion-body">
             <div class="proposal-body-action-container">
               <button class="reject-proposal-button" @click="rejectProposal(proposal.id)">
-                Reject
+                {{$t('Reject')}}
               </button>
               <button class="accept-proposal-button" @click="acceptProposal(proposal.id)">
-                Accept
+                {{$t('Accept')}}
               </button>
             </div>
             <div class="proposal-content-textarea" v-html="proposal.content"></div>
diff --git a/frontend/src/pages/user/workspace/requestManage/ReviewProposal.vue b/frontend/src/pages/user/workspace/requestManage/ReviewProposal.vue
index 9a54419..303ed62 100644
--- a/frontend/src/pages/user/workspace/requestManage/ReviewProposal.vue
+++ b/frontend/src/pages/user/workspace/requestManage/ReviewProposal.vue
@@ -1,12 +1,12 @@
 <template>
   <div class="proposal-reviewer-container">
     <div class="header-bar">
-      <button class="back-button" type="button" @click="back">Back</button>
-      <p class="request-reviewer-title">Please review the following critical information</p>
+      <button class="back-button" type="button" @click="back">{{$t('Back')}}</button>
+      <p class="request-reviewer-title">{{$t('Please review the following critical information')}}</p>
     </div>
     <div v-if="proposal" class="payment-plan-container">
       <label class="payment-plan-content-label" for="payment-plan-content"
-        >Payment plan proposed by the service provider</label
+        >{{$t('Payment plan proposed by the service provider')}}</label
       >
       <div class="payment-plan-content-container" id="payment-plan-content">
         <div
@@ -32,7 +32,7 @@
         </div>
         <div class="total-payment-container">
           <label class="total-payment-content-label" for="total-payment-content"
-            >Total payment:</label
+            >{{$t('Total payment')}}:</label
           >
           <div class="total-payment-content-container" id="total-payment-content">
             <span class="total-payment-content-span">{{ proposal.price_in_usd }} USD</span>
@@ -42,11 +42,11 @@
     </div>
     <div v-if="proposal" class="execution-plan-container">
       <label class="execution-plan-label" for="execution-plan-content-container"
-        >Execution plan proposed by the service provider:</label
+        >{{$t('Execution plan proposed by the service provider')}}:</label
       >
       <div class="execution-plan-content-container" id="execution-plan-content-container">
         <label class="execution-duration-label" for="execution-duration-containter"
-          >Duration:</label
+          >{{$t('Duration')}}:</label
         >
         <div class="execution-duration-containter" id="execution-duration-containter">
           <span class="execution-duration-span" id="execution-duration-span">
@@ -56,7 +56,7 @@
       </div>
     </div>
     <div class="action-footer">
-      <button class="confirm-button" @click="confirm">Confirm & Proceed to workspace</button>
+      <button class="confirm-button" @click="confirm">{{$t('Confirm')}} & {{$t('Proceed to workspace')}}</button>
     </div>
   </div>
 </template>