diff --git a/django_email_learning/personalised/api/views.py b/django_email_learning/personalised/api/views.py
index ec036738..d757eae7 100644
--- a/django_email_learning/personalised/api/views.py
+++ b/django_email_learning/personalised/api/views.py
@@ -5,6 +5,7 @@
     QuestionResponse,
 )
 from django_email_learning.services import jwt_service
+from django.utils.translation import gettext as _
 from django_email_learning.models import (
     ContentDelivery,
     QuizSubmission,
@@ -79,7 +80,7 @@ def post(self, request, *args, **kwargs):  # type: ignore[no-untyped-def]
         delivery.update_hash()
 
         if passed:
-            message = "Congratulations! You have passed the quiz."
+            message = _("Congratulations! You have passed the quiz.")
             delivery = delivery.schedule_next_delivery()
             if not delivery:
                 enrolment.graduate()
@@ -91,14 +92,18 @@ def post(self, request, *args, **kwargs):  # type: ignore[no-untyped-def]
             ).count()
 
             if failed_submissions_count > 1:
-                message = "You have failed the quiz twice. Unfortunatly you can not continue the course on this enrollment. But you can enroll again to retake the course."
+                message = _(
+                    "You have failed the quiz twice. Unfortunatly you can not continue the course on this enrollment. But you can enroll again to retake the course."
+                )
                 logger.info(
                     f"Learner ID {enrolment.learner.id} has failed the quiz twice for Course {enrolment.course.title}. "
                     f"Marking enrollment as failed."
                 )
                 enrolment.fail()
             else:
-                message = "You have failed the quiz. You will receive another chance to retake it tomorrow."
+                message = _(
+                    "You have failed the quiz. You will receive another chance to retake it tomorrow."
+                )
                 logger.info(
                     f"Learner ID {enrolment.learner.id} has failed the quiz for Course {enrolment.course.title}. "
                     f"Scheduling a retry for the next day."
diff --git a/django_email_learning/personalised/views.py b/django_email_learning/personalised/views.py
index 019cc50d..5b727a9d 100644
--- a/django_email_learning/personalised/views.py
+++ b/django_email_learning/personalised/views.py
@@ -1,6 +1,7 @@
 from django.views import View
 from django.views.generic.base import TemplateResponseMixin
 from django.http import HttpResponse
+from django.utils.translation import gettext as _
 from django.urls import reverse
 from django_email_learning.models import ContentDelivery, EnrollmentStatus
 from django_email_learning.services import jwt_service
@@ -14,7 +15,11 @@
 
 class ErrrorLoggingMixin(TemplateResponseMixin):
     def errr_response(
-        self, message: str, exception: Exception | None, status_code: int = 500
+        self,
+        message: str,
+        exception: Exception | None,
+        status_code: int = 500,
+        title: str = _("Error"),
     ) -> HttpResponse:
         error_ref = uuid.uuid4().hex
         if exception:
@@ -26,7 +31,8 @@ def errr_response(
                 f"{message} - Ref: {error_ref}", extra={"error_ref": error_ref}
             )
         return self.render_to_response(
-            context={"ref": error_ref, "error_message": message}, status=status_code
+            context={"ref": error_ref, "error_message": message, "page_title": title},
+            status=status_code,
         )
 
 
@@ -44,18 +50,22 @@ def get(self, request, *args, **kwargs) -> HttpResponse:  # type: ignore[no-unty
             enrolment = delivery.enrollment
             if enrolment.status != EnrollmentStatus.ACTIVE:
                 return self.errr_response(
-                    message="Quiz is not valid anymore",
+                    message=_("Quiz is not valid anymore"),
                     exception=ValueError("Enrolment is not active"),
+                    title=_("Invalid Quiz"),
                 )
             quiz = delivery.course_content.quiz
             if not quiz:
                 return self.errr_response(
-                    message="No quiz associated with this link", exception=None
+                    message=_("No quiz associated with this link"),
+                    exception=None,
+                    title=_("Invalid Quiz"),
                 )
             if not delivery.course_content.is_published:
                 return self.errr_response(
-                    message="No valid quiz associated with this link",
+                    message=_("No valid quiz associated with this link"),
                     exception=ValueError("Quiz is not published"),
+                    title=_("Invalid Quiz"),
                 )
             quiz_data = PublicQuizSerializer.model_validate(quiz).model_dump()
             if question_ids:
@@ -75,19 +85,30 @@ def get(self, request, *args, **kwargs) -> HttpResponse:  # type: ignore[no-unty
 
         except ContentDelivery.DoesNotExist as e:
             return self.errr_response(
-                message="An error occurred while retrieving the quiz", exception=e
+                message=_("An error occurred while retrieving the quiz"),
+                exception=e,
+                title=_("Error"),
             )
         except KeyError as e:
             return self.errr_response(
-                message="The link is not valid", exception=e, status_code=400
+                message=_("The link is not valid"),
+                exception=e,
+                status_code=400,
+                title=_("Invalid Link"),
             )
         except jwt_service.InvalidTokenException as e:
             return self.errr_response(
-                message="The link is not valid", exception=e, status_code=400
+                message=_("The link is not valid"),
+                exception=e,
+                status_code=400,
+                title=_("Invalid Link"),
             )
         except jwt_service.ExpiredTokenException as e:
             return self.errr_response(
-                message="The link has expired", exception=e, status_code=410
+                message=_("The link has expired"),
+                exception=e,
+                status_code=410,
+                title=_("Expired Link"),
             )
 
 
@@ -99,23 +120,26 @@ def get(self, request, *args, **kwargs) -> HttpResponse:  # type: ignore[no-unty
             token = request.GET["token"]
         except KeyError as e:
             return self.errr_response(
-                message="The verification link is not valid.",
+                message=_("The verification link is not valid."),
                 exception=e,
                 status_code=400,
+                title=_("Invalid Link"),
             )
         try:
             decoded = jwt_service.decode_jwt(token=token)
         except jwt_service.InvalidTokenException as e:
             return self.errr_response(
-                message="The verification link is not valid.",
+                message=_("The verification link is not valid."),
                 exception=e,
                 status_code=400,
+                title=_("Invalid Link"),
             )
         except jwt_service.ExpiredTokenException as e:
             return self.errr_response(
-                message="The verification link has expired.",
+                message=_("The verification link has expired."),
                 exception=e,
                 status_code=410,
+                title=_("Expired Link"),
             )
 
         enrollment_id = decoded["enrollment_id"]
@@ -130,7 +154,9 @@ def get(self, request, *args, **kwargs) -> HttpResponse:  # type: ignore[no-unty
             command.execute()
         except Exception as e:
             return self.errr_response(
-                message="An error occurred during enrollment verification.", exception=e
+                message=_("An error occurred during enrollment verification."),
+                exception=e,
+                title=_("Verification Error"),
             )
 
-        return self.render_to_response(context={"page_title": "Enrollment Verified"})
+        return self.render_to_response(context={"page_title": _("Enrollment Verified")})
diff --git a/django_email_learning/platform/views.py b/django_email_learning/platform/views.py
index 53d3b1ea..573617e1 100644
--- a/django_email_learning/platform/views.py
+++ b/django_email_learning/platform/views.py
@@ -2,6 +2,7 @@
 from django.views.generic import TemplateView
 from django.contrib.auth.decorators import login_required
 from django.utils.decorators import method_decorator
+from django.utils.translation import gettext as _
 from django.urls import reverse
 from django_email_learning.models import Organization, OrganizationUser, Course
 from django_email_learning.decorators import (
@@ -70,7 +71,7 @@ class Courses(BasePlatformView):
 
     def get_context_data(self, **kwargs) -> dict:  # type: ignore[no-untyped-def]
         context = super().get_context_data(**kwargs)
-        context["page_title"] = "Courses"
+        context["page_title"] = _("Courses")
         return context
 
 
@@ -83,7 +84,7 @@ def get_context_data(self, **kwargs) -> dict:  # type: ignore[no-untyped-def]
         context = super().get_context_data(**kwargs)
         course = Course.objects.get(pk=self.kwargs["course_id"])
         context["course"] = course
-        context["page_title"] = f"Course: {course.title}"
+        context["page_title"] = _("Course: %(title)s") % {"title": course.title}
         return context
 
 
@@ -94,7 +95,7 @@ class Organizations(BasePlatformView):
 
     def get_context_data(self, **kwargs):  # type: ignore[no-untyped-def]
         context = super().get_context_data(**kwargs)
-        context["page_title"] = "Organizations"
+        context["page_title"] = _("Organizations")
         return context
 
 
@@ -105,5 +106,5 @@ class Learners(BasePlatformView):
 
     def get_context_data(self, **kwargs):  # type: ignore[no-untyped-def]
         context = super().get_context_data(**kwargs)
-        context["page_title"] = "Learners"
+        context["page_title"] = _("Learners")
         return context
diff --git a/django_email_learning/public/views.py b/django_email_learning/public/views.py
index 1ad1943f..868688c6 100644
--- a/django_email_learning/public/views.py
+++ b/django_email_learning/public/views.py
@@ -3,6 +3,7 @@
 from django_email_learning.models import Organization, Course
 from django.http import Http404
 from django.urls import reverse
+from django.utils.translation import gettext as _
 from django.conf import settings
 from django_email_learning.public.serializers import (
     OrganizationSerializer,
@@ -29,7 +30,7 @@ def get_context_data(self, **kwargs) -> dict:  # type: ignore[no-untyped-def]
         if organization_details.exists():
             organization = organization_details.first()
             if not organization:
-                raise Http404("Organization does not exist")
+                raise Http404(_("Organization does not exist"))
             courses = []
             for course in organization.courses:
                 course_data = PublicCourseSerializer(
@@ -59,4 +60,4 @@ def get_context_data(self, **kwargs) -> dict:  # type: ignore[no-untyped-def]
             return context
 
         # If organization not found, raise 404
-        raise Http404("Organization does not exist")
+        raise Http404(_("Organization does not exist"))
diff --git a/django_email_learning/services/command_models/enroll_command.py b/django_email_learning/services/command_models/enroll_command.py
index de858c04..bb2951c0 100644
--- a/django_email_learning/services/command_models/enroll_command.py
+++ b/django_email_learning/services/command_models/enroll_command.py
@@ -16,6 +16,7 @@
 from django_email_learning.services import jwt_service
 from django.core.mail import EmailMultiAlternatives
 from django.template.loader import render_to_string
+from django.utils.translation import gettext as _
 from django.conf import settings
 from django.urls import reverse
 from typing import Literal
@@ -106,7 +107,7 @@ def execute(self) -> None:
             else None,
         }
         email_service = EmailSenderService()
-        subject = "Verify your enrollment"
+        subject = _("Verify your enrollment")
         body = render_to_string(
             "emails/enrolment_verification.txt",
             template_context,
diff --git a/django_email_learning/services/command_models/verify_enrollment_command.py b/django_email_learning/services/command_models/verify_enrollment_command.py
index 5f19d060..45141cbb 100644
--- a/django_email_learning/services/command_models/verify_enrollment_command.py
+++ b/django_email_learning/services/command_models/verify_enrollment_command.py
@@ -13,6 +13,7 @@
 from django_email_learning.services.email_sender_service import EmailSenderService
 from django.core.mail import EmailMultiAlternatives
 from django.template.loader import render_to_string
+from django.utils.translation import gettext as _
 from typing import Literal
 
 
@@ -59,7 +60,7 @@ def execute(self) -> None:
 
         # Send confirmation email
         email_service = EmailSenderService()
-        subject = "Enrollment Verified"
+        subject = _("Enrollment Verified")
         body = render_to_string(
             "emails/enrollment_verified.txt",
             {
diff --git a/django_email_learning/templates/emails/base.html b/django_email_learning/templates/emails/base.html
index d978baa0..d9ee5520 100644
--- a/django_email_learning/templates/emails/base.html
+++ b/django_email_learning/templates/emails/base.html
@@ -1,3 +1,4 @@
+{% load i18n %}
 {% with brand_color="#7c86ff" %}
 <html>
     <head>
@@ -24,6 +25,16 @@
                 background-color: #f9f9f9;
             }
 
+            .locale {
+                {% get_current_language_bidi as IS_RTL %}
+                {% if IS_RTL %}
+                    direction: rtl;
+                    text-align: right;
+                {% else %}
+                    direction: ltr;
+                    text-align: left;
+                {% endif %}
+            }
 
             @media screen and (max-width: 480px) {
                 .mobile-content {
@@ -56,7 +67,7 @@
     </head>
 <body>
     <div class="background">
-        <div class="mobile-content" style="background-color: #ffffff">
+        <div class="mobile-content locale" style="background-color: #ffffff">
             {% block content %}{% endblock %}
         </div>
     </div>
diff --git a/django_email_learning/templates/emails/enrollment_verified.html b/django_email_learning/templates/emails/enrollment_verified.html
index 60116882..5ffcd4fe 100644
--- a/django_email_learning/templates/emails/enrollment_verified.html
+++ b/django_email_learning/templates/emails/enrollment_verified.html
@@ -1,22 +1,23 @@
 {% extends "emails/base.html" %}
+{% load i18n %}
 
 {% block content %}
-<P>Hello there,<br /></P>
+<P>{% translate "Hello there," %}<br /></P>
 
-<p><strong>Congratulations!</strong> Your enrollment for "<strong style="color: {{ brand_color }};">{{ course_title }}</strong>" has been successfully verified and confirmed.</p>
+<p>{% blocktranslate %}Congratulations! Your enrollment for <strong style="color: {{ brand_color }}">{{ course_title }}</strong> has been successfully verified and confirmed.{% endblocktranslate %}</p>
 
-<p>We're excited to have you join our learning community. Here's what you can expect:</p>
+<p>{% translate "We're excited to have you join our learning community. Here's what you can expect:" %}</p>
 
 <ul>
-    <li>Course materials will be delivered directly to this email address</li>
-    <li>You'll receive structured lessons and assignments on a regular schedule</li>
-    <li>Interactive content and assessments will help track your progress</li>
+    <li>{% translate "Course materials will be delivered directly to this email address" %}</li>
+    <li>{% translate "You'll receive structured lessons and assignments on a regular schedule" %}</li>
+    <li>{% translate "Interactive content and assessments will help track your progress" %}</li>
 </ul>
 
-<p>Your learning adventure begins soon! Keep an eye on your inbox for the first lesson and welcome materials.</p>
+<p>{% translate "Your learning adventure begins soon! Keep an eye on your inbox for the first lesson and welcome materials." %}</p>
 
-<h3>Welcome aboard!</h3>
+<h3>{% translate "Welcome aboard!" %}</h3>
 
-<p>Best regards,<br>
-The <strong>{{ organization_name }}</strong> Team</p>
+<p>{% translate "Best regards," %}<br>
+{% blocktranslate %}The {{ organization_name }} Team{% endblocktranslate %}</p>
 {% endblock %}
diff --git a/django_email_learning/templates/emails/enrollment_verified.txt b/django_email_learning/templates/emails/enrollment_verified.txt
index 9edcbb51..764cdad0 100644
--- a/django_email_learning/templates/emails/enrollment_verified.txt
+++ b/django_email_learning/templates/emails/enrollment_verified.txt
@@ -1,16 +1,17 @@
-Hello there,
+{% load i18n %}
+{% translate "Hello there" %},
 
-Congratulations! Your enrollment for "{{ course_title }}" has been successfully verified and confirmed.
+{% blocktranslate %}Congratulations! Your enrollment for "{{ course_title }}" has been successfully verified and confirmed.{% endblocktranslate %}
 
-We're excited to have you join our learning community. Here's what you can expect:
+{% translate "We're excited to have you join our learning community. Here's what you can expect:" %}
 
-• Course materials will be delivered directly to this email address
-• You'll receive structured lessons and assignments on a regular schedule
-• Interactive content and assessments will help track your progress
+• {% translate "Course materials will be delivered directly to this email address" %}
+• {% translate "You'll receive structured lessons and assignments on a regular schedule" %}
+• {% translate "Interactive content and assessments will help track your progress" %}
 
-Your learning adventure begins soon! Keep an eye on your inbox for the first lesson and welcome materials.
+{% translate "Your learning adventure begins soon! Keep an eye on your inbox for the first lesson and welcome materials." %}
 
-Welcome aboard!
+{% translate "Welcome aboard!" %}
 
-Best regards,
-The {{ organization_name }} Team
+{% translate "Best regards," %}
+{% blocktranslate %}The {{ organization_name }} Team{% endblocktranslate %}
diff --git a/django_email_learning/templates/emails/enrolment_verification.html b/django_email_learning/templates/emails/enrolment_verification.html
index 578719a9..651da9ec 100644
--- a/django_email_learning/templates/emails/enrolment_verification.html
+++ b/django_email_learning/templates/emails/enrolment_verification.html
@@ -1,48 +1,48 @@
 {% extends "emails/base.html" %}
+{% load i18n %}
 
 {% block content %}
-        <h2 style="color: #2c3e50; margin-top: 0; text-align: center; border-bottom: 2px solid {{ brand_color }}; padding-bottom: 15px;">Welcome!</h2>
+        <h2 style="color: #2c3e50; margin-top: 0; text-align: center; border-bottom: 2px solid {{ brand_color }}; padding-bottom: 15px;">{% translate "Welcome!" %}</h2>
 
-        <p style="font-size: 16px; margin-bottom: 20px;">Hello there,</p>
+        <p style="font-size: 16px; margin-bottom: 20px;">{% translate "Hello there," %}</p>
 
         <p style="font-size: 16px; margin-bottom: 25px;">
-            Congratulations on enrolling in <strong class="color-brand">{{ course_title }}</strong>!
-            We're excited to have you join our learning community.
+            {% blocktranslate %}Congratulations on enrolling in <strong class="color-brand">{{ course_title }}</strong>!{% endblocktranslate %}
+            {% translate "We're excited to have you join our learning community." %}
         </p>
 
         <p style="font-size: 16px; margin-bottom: 25px;">
-            To get started, please verify your email address by clicking the button below:
+            {% translate "To get started, please verify your email address by clicking the button below:" %}
         </p>
 
         <div style="text-align: center; margin: 30px 0;">
             <a href="{{ verification_link }}" class="bg-brand"
                style="display: inline-block; color: white; padding: 15px 30px; text-decoration: none; border-radius: 5px; font-weight: bold; font-size: 16px; transition: background-color 0.3s;">
-                Verify Your Email Address
+                {% translate "Verify Your Email Address" %}
             </a>
         </div>
 
         {% if support_imap_interface %}
         <div style="background-color: #f8f9fa; padding: 20px; border-radius: 5px; border-left: 4px solid {{ brand_color }}; margin: 25px 0;">
-            <h4 class="color-brand" style="margin-top: 0;">Alternative Verification Method</h4>
+            <h4 class="color-brand" style="margin-top: 0;">{% translate "Alternative Verification Method" %}</h4>
             <p style="margin-bottom: 15px;">
-                You can also verify your email by sending a message to
-                <strong style="color: #495057;">{{ imap_email_address }}</strong>
-                with your verification code in the subject line or email body.
-                Simply forward this email to complete the verification process.
+                {% blocktranslate %}You can also verify your email by sending a message to <strong style="color: #495057;">{{ imap_email_address }}</strong>{% endblocktranslate %}
+                {% translate "with your verification code in the subject line or email body." %}
+                {% translate "Simply forward this email to complete the verification process." %}
             </p>
             <p style="background-color: #ffffff; padding: 15px; border-radius: 4px; border: 1px dashed #6c757d; text-align: center;">
-                Verification Code:
+                {% translate "Verification Code:" %}
                 <span style="font-family: 'Courier New', monospace; font-size: 18px; font-weight: bold;">{{ verification_code }}</span>
             </p>
         </div>
         {% endif %}
 
         <div style="margin-top: 30px; padding-top: 20px; border-top: 1px solid #e9ecef; font-size: 14px; color: #6c757d;">
-            <p>If you didn't sign up for this course, you can safely ignore this email.</p>
+            <p>{% translate "If you didn't sign up for this course, you can safely ignore this email." %}</p>
         </div>
 
         <div style="margin-top: 25px; text-align: center;">
-            <p style="margin-bottom: 5px; font-size: 16px;">Best regards,</p>
+            <p style="margin-bottom: 5px; font-size: 16px;">{% translate "Best regards," %}</p>
             <p style="font-weight: bold; color: #2c3e50; font-size: 18px;">{{ organization_name }}</p>
         </div>
 {% endblock %}
diff --git a/django_email_learning/templates/emails/enrolment_verification.txt b/django_email_learning/templates/emails/enrolment_verification.txt
index 13be1435..0aba3ec8 100644
--- a/django_email_learning/templates/emails/enrolment_verification.txt
+++ b/django_email_learning/templates/emails/enrolment_verification.txt
@@ -1,16 +1,18 @@
-Hello there,
+{% load i18n %}
 
-Congratulations on enrolling in {{ course_title }}!
-We're excited to have you join our learning community.
+{% translate "Hello there," %}
 
-To get started, please verify your email address by visiting the link below:
+{% blocktranslate %}Congratulations on enrolling in {{ course_title }}!{% endblocktranslate %}
+{% translate "We're excited to have you join our learning community." %}
+
+{% translate "To get started, please verify your email address by visiting the link below:" %}
 {{ verification_link }}
 
 {% if support_imap_interface %}
-Alternatively, you can also verify your email by sending the verification code {{ verification_code }} via an email to {{ imap_email_address }}.
+{% blocktranslate %}Alternatively, you can also verify your email by sending the verification code {{ verification_code }} via an email to {{ imap_email_address }}.{% endblocktranslate %}
 {% endif %}
 
-If you didn't sign up for this course, you can safely ignore this email.
+{% translate "If you didn't sign up for this course, you can safely ignore this email." %}
 
-Best Regards,
+{% translate "Best Regards," %}
 {{ organization_name }}
diff --git a/django_email_learning/templates/emails/quiz.html b/django_email_learning/templates/emails/quiz.html
index 2644402d..c3cb4d89 100644
--- a/django_email_learning/templates/emails/quiz.html
+++ b/django_email_learning/templates/emails/quiz.html
@@ -1,21 +1,20 @@
 {% extends "emails/base.html" %}
-
+{% load i18n %}
 
 {% block content %}
     <h2>{{ quiz.title }}</h2>
 
-    <p>Dear Learner,</p>
-
-    <p>Your quiz is now available for completion. You have <strong>{{ quiz.deadline_days }} days</strong> from today to submit your responses.</p>
+    <p>{% translate "Dear Learner," %}</p>
 
-    <p>To successfully pass this quiz, you must achieve a minimum score of <strong>{{ quiz.required_score }}</strong>.</p>
+    <p>{% blocktranslate with deadline_days=quiz.deadline_days %}Your quiz is now available for completion. You have <strong>{{ deadline_days }} days</strong> from today to submit your responses.{% endblocktranslate %}</p>
 
-    <p>Please click the link below to access and submit your quiz:</p>
+    <p>{% blocktranslate with score=quiz.required_score %}To successfully pass this quiz, you must achieve a minimum score of <strong>{{ score }}</strong>.{% endblocktranslate %}</p>
+    <p>{% translate "Please click the link below to access and submit your quiz:" %}</p>
 
     <div style="text-align: center; margin: 20px 0;">
         <a href="{{ link }}" style="background-color: {{ brand_color }}; color: white; padding: 12px 24px; text-decoration: none; border-radius: 5px; display: inline-block; font-weight: bold;">
-            Start Quiz
+            {% translate "Start Quiz" %}
         </a>
     </div>
-    <p>Best of luck!</p>
+    <p>{% translate "Best of luck!" %}</p>
 {% endblock %}
diff --git a/django_email_learning/templates/emails/quiz.txt b/django_email_learning/templates/emails/quiz.txt
index 07620bdd..932df18d 100644
--- a/django_email_learning/templates/emails/quiz.txt
+++ b/django_email_learning/templates/emails/quiz.txt
@@ -1,10 +1,11 @@
+{% load i18n %}
 {{ quiz.title }}
 
-Dear Learner,
+{% translate "Dear Learner," %}
 
-Your quiz is now available for completion. You have {{ quiz.deadline_days }} days from today to submit your responses.
+{% blocktranslate with with deadline_days=quiz.deadline_days %}Your quiz is now available for completion. You have {{ deadline_days }} days from today to submit your responses.{% endblocktranslate %}
 
-To successfully pass this quiz, you must achieve a minimum score of {{ quiz.required_score }}.
+{% blocktranslate with score=quiz.required_score %}To successfully pass this quiz, you must achieve a minimum score of {{ score }}.{% endblocktranslate %}
 
-Please click the link below to access and submit your quiz:
+{% translate "Please click the link below to access and submit your quiz:" %}
 {{ link }}
diff --git a/django_email_learning/templates/personalised/base.html b/django_email_learning/templates/personalised/base.html
index c8417840..164de682 100644
--- a/django_email_learning/templates/personalised/base.html
+++ b/django_email_learning/templates/personalised/base.html
@@ -1,5 +1,6 @@
 {% load django_vite %}
 {% load static %}
+{% load i18n %}
 <!doctype html>
 <html lang="en">
   <head>
@@ -15,7 +16,8 @@
     <link rel="icon" type="image/png" href="{% static 'logo.png' %}" />
     <title>{% block title %}{{ page_title }}{% endblock %}</title>
   </head>
-  <body>
+  {% get_current_language_bidi as IS_RTL %}
+  <body {% if IS_RTL %}dir="rtl"{% endif %}>
     <div id="root">
     </div>
   </body>
diff --git a/django_email_learning/templates/personalised/quiz_public.html b/django_email_learning/templates/personalised/quiz_public.html
index 763fdebd..95e0ba4f 100644
--- a/django_email_learning/templates/personalised/quiz_public.html
+++ b/django_email_learning/templates/personalised/quiz_public.html
@@ -1,4 +1,5 @@
 {% extends "personalised/base.html" %}
+{% load i18n %}
 {% load django_vite %}
 {% block head_script %}
     <script>
@@ -6,6 +7,16 @@
       const token = "{{ token }}";
       const csrfToken = "{{ csrf_token }}";
       const apiEndpoint = "{{ api_endpoint }}";
+      const localeMessages = {
+          "quiz_intro": "{% translate 'Please select all correct answers for each question. Note that some questions may have multiple correct answers. This quiz uses negative marking for incorrect choices; if you are unsure, it is better to leave the question unanswered.' %}",
+          "no_answer_warning": "{% translate 'You have not selected any answers for this question. Are you sure you want to proceed?' %}",
+          "your_score": "{% translate 'Your score' %}",
+          "error_loading_quiz": "{% translate 'Error loading quiz' %}",
+          "ready_to_submit": "{% translate 'Ready to submit?' %}",
+          "submit_quiz_note": "{% translate 'Please keep in mind that this quiz uses negative marking for incorrect answers. If you are unsure of an answer, it may be better to leave it blank.' %}",
+          "cancel": "{% translate 'Cancel' %}",
+          "submit": "{% translate 'Submit' %}",
+        }
     </script>
     {% vite_asset 'personalised/quiz_public/Quiz.jsx' %}
 {% endblock %}
diff --git a/django_email_learning/templates/personalised/verify_enrollment.html b/django_email_learning/templates/personalised/verify_enrollment.html
index 12d09c19..fdc1133d 100644
--- a/django_email_learning/templates/personalised/verify_enrollment.html
+++ b/django_email_learning/templates/personalised/verify_enrollment.html
@@ -1,5 +1,11 @@
 {% extends "personalised/base.html" %}
+{% load i18n %}
 {% load django_vite %}
 {% block head_script %}
+    <script>
+        const localeMessages = {
+            "verify_enrollment_success": "{% translate 'Your enrollment has been successfully verified.' %}",
+        }
+    </script>
     {% vite_asset 'personalised/verify_enrollment/Verification.jsx' %}
 {% endblock %}
diff --git a/django_email_learning/templates/platform/base.html b/django_email_learning/templates/platform/base.html
index 4283a822..813d2cd3 100644
--- a/django_email_learning/templates/platform/base.html
+++ b/django_email_learning/templates/platform/base.html
@@ -1,23 +1,32 @@
 {% load django_vite %}
 {% load static %}
+{% load i18n %}
+{% get_current_language_bidi as IS_RTL %}
 <!doctype html>
-<html lang="en">
+<html lang="en" dir="{% block direction %}{% if IS_RTL %}rtl{% else %}ltr{% endif %}{% endblock %}">
   <head>
     {% vite_hmr_client %}
     {% vite_react_refresh %}
-    {% block extra_head %}{% endblock %}
     <script>
         localStorage.setItem('activeOrganizationId', '{{ active_organization_id }}');
         localStorage.setItem('apiBaseUrl', '{{ api_base_url }}');
         localStorage.setItem('platformBaseUrl', '{{ platform_base_url }}');
         localStorage.setItem('userRole', '{{ user_role }}');
         localStorage.setItem('isPlatformAdmin', {{ is_platform_admin|yesno:"true,false" }});
+        const direction = "{% if IS_RTL %}rtl{% else %}ltr{% endif %}";
+        let localeMessages = {
+            "organizations": "{% translate 'Organizations' %}",
+            "course_management": "{% translate 'Course Management' %}",
+            "learners": "{% translate 'Learners' %}",
+        }
     </script>
+    {% block extra_head %}{% endblock %}
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <link rel="icon" type="image/png" href="{% static 'logo.png' %}" />
     <title>{% block title %}{{ page_title }}{% endblock %}</title>
   </head>
+
   <body>
     <div id="root"></div>
 
diff --git a/django_email_learning/templates/platform/course.html b/django_email_learning/templates/platform/course.html
index 29d57be3..e065b0e5 100644
--- a/django_email_learning/templates/platform/course.html
+++ b/django_email_learning/templates/platform/course.html
@@ -1,9 +1,65 @@
 {% extends "platform/base.html" %}
 {% load django_vite %}
 {% block extra_head %}
+{% load i18n %}
     <script>
         let course_title = "{{ course.title|escapejs }}";
         let course_id = "{{ course.id }}";
+        localeMessages = {
+            ...localeMessages,
+            "actions": "{% translate 'Actions' %}",
+            "published": "{% translate 'Published' %}",
+            "type": "{% translate 'Type' %}",
+            "waiting_time": "{% translate 'Waiting Time' %}",
+            "title": "{% translate 'Title' %}",
+            "add_quiz": "{% translate 'Add Quiz' %}",
+            "add_lesson": "{% translate 'Add Lesson' %}",
+            "lesson": "{% translate 'Lesson' %}",
+            "quiz": "{% translate 'Quiz' %}",
+            "add": "{% translate 'Add' %}",
+            "new_lesson": "{% translate 'New Lesson' %}",
+            "update_lesson": "{% translate 'Update Lesson' %}",
+            "new_quiz": "{% translate 'New Quiz' %}",
+            "update_quiz": "{% translate 'Update Quiz' %}",
+            "lesson_title": "{% translate 'Lesson Title' %}",
+            "lesson_waiting_tooltip": "{% translate 'Set the amount of time that we should wait after the previous lesson or quiz submission before sending this lesson' %}",
+            "days": "{% translate 'Days' %}",
+            "hours": "{% translate 'Hours' %}",
+            "back": "{% translate 'Back' %}",
+            "cancel": "{% translate 'Cancel' %}",
+            "delete": "{% translate 'Delete' %}",
+            "save_lesson": "{% translate 'Save Lesson' %}",
+            "save_quiz": "{% translate 'Save Quiz' %}",
+            "quiz_title": "{% translate 'Quiz Title' %}",
+            "add_question": "{% translate 'Add Question' %}",
+            "quiz_settings": "{% translate 'Quiz Settings' %}",
+            "waiting_period": "{% translate 'Waiting Period' %}",
+            "quiz_waiting_tooltip": "{% translate 'Time to wait after the previous content delivery before sending this quiz' %}",
+            "required_score": "{% translate 'Required Score to Pass (%)' %}",
+            "score_tooltip": "{% translate 'Minimum percentage score required to pass this quiz' %}",
+            "period": "{% translate 'Period' %}",
+            "period_tooltip": "{% translate 'Time to wait after the previous content delivery before sending this quiz' %}",
+            "percentage": "{% translate 'Percentage' %}",
+            "quiz_deadline": "{% translate 'Deadline to Complete Quiz' %}",
+            "deadline_tooltip": "{% translate 'Maximum time allowed to complete the quiz' %}",
+            "question_selection_strategy": "{% translate 'Selection Strategy' %}",
+            "question_selection_strategy_tooltip": "{% translate 'Choose how questions are selected for each quiz attempt, if total questions is less than 6, all questions will be used even if \'Random Questions\' is selected' %}",
+            "all_questions": "{% translate 'All Questions' %}",
+            "random_questions": "{% translate 'Random Questions' %}",
+            "question": "{% translate 'Question' %}",
+            "add_option": "{% translate 'Add Option' %}",
+            "option_text": "{% translate 'Option Text' %}",
+            "options": "{% translate 'Options' %}",
+            "correct_answer": "{% translate 'Correct Answer' %}",
+            "actions": "{% translate 'Actions' %}",
+            "quiz_title_empty": "{% translate 'Quiz title cannot be empty.' %}",
+            "at_least_one_question": "{% translate 'Quiz must have at least one question' %}",
+            "at_least_two_options": "{% translate 'Question QUESTION_NUMBER must have at least two answer options' %}",
+            "at_least_one_correct": "{% translate 'Question QUESTION_NUMBER must have at least one correct answer' %}",
+            "fix_errors": "{% translate 'Please fix the errors in the form before submitting.' %}",
+            "lesson_title_required": "{% translate 'Lesson title is required.' %}",
+            "lesson_content_required": "{% translate 'Lesson content is required.' %}"
+        }
     </script>
     {% vite_asset 'platform/course/Course.jsx' %}
 {% endblock %}
diff --git a/django_email_learning/templates/platform/courses.html b/django_email_learning/templates/platform/courses.html
index 34be41b6..72d354de 100644
--- a/django_email_learning/templates/platform/courses.html
+++ b/django_email_learning/templates/platform/courses.html
@@ -1,5 +1,52 @@
 {% extends "platform/base.html" %}
 {% load django_vite %}
+{% load i18n %}
 {% block extra_head %}
+    <script>
+        localeMessages = {
+            ...localeMessages,
+            "actions": "{% translate 'Actions' %}",
+            "all": "{% translate 'All' %}",
+            "enable_course": "{% translate 'Enable COURSE_NAME' %}",
+            "disable_course": "{% translate 'Disable COURSE_NAME' %}",
+            "delete_course": "{% translate 'Delete COURSE_NAME' %}",
+            "enabled": "{% translate 'Enabled' %}",
+            "disabled": "{% translate 'Disabled' %}",
+            "title": "{% translate 'Title' %}",
+            "slug": "{% translate 'Slug' %}",
+            "filter": "{% translate 'Filter' %}",
+            "add_course": "{% translate 'Add a Course' %}",
+            "course_status": "{% translate 'Course Status' %}",
+            "cancel": "{% translate 'Cancel' %}",
+            "delete": "{% translate 'Delete' %}",
+            "create": "{% translate 'Create' %}",
+            "continue": "{% translate 'Continue' %}",
+            "update": "{% translate 'Update' %}",
+            "course_title": "{% translate 'Course Title' %}",
+            "course_description": "{% translate 'Course Description' %}",
+            "course_slug": "{% translate 'Course Slug' %}",
+            "add_imap_connection": "{% translate 'Add IMAP Connection' %}",
+            "imap_connection_tooltip": "{% translate 'You don\'t need an IMAP connection to build your course, but you will need one if you want your users to interact via email. For example, they can sign up or check their progress just by sending a message. This is a great solution if your audience has limited platform access.' %}",
+            "new_imap_connection": "{% translate 'New IMAP Connection' %}",
+            "imap_connection": "{% translate 'IMAP Connection' %}",
+            "add": "{% translate 'Add' %}",
+            "email": "{% translate 'Email' %}",
+            "password": "{% translate 'Password' %}",
+            "server": "{% translate 'Server' %}",
+            "port": "{% translate 'Port' %}",
+            "course_enable_confirmation": "{% translate 'Are you sure you want to enable the course COURSE_NAME?' %}",
+            "course_disable_confirmation": "{% translate 'Are you sure you want to disable the course COURSE_NAME?' %}",
+            "course_delete_confirmation": "{% translate 'Are you sure you want to delete the course COURSE_NAME?' %}",
+            "title_required_helper_text": "{% translate 'The course title is required.' %}",
+            "description_required_helper_text": "{% translate 'The course description is required.' %}",
+            "slug_required_helper_text": "{% translate 'The course slug is required.' %}",
+            "email_required_helper_text": "{% translate 'The email is required.' %}",
+            "password_required_helper_text": "{% translate 'The password is required.' %}",
+            "server_required_helper_text": "{% translate 'The server is required.' %}",
+            "port_required_helper_text": "{% translate 'The port is required.' %}",
+            "invalid_port_helper_text": "{% translate 'The port must be a valid number.' %}",
+            "invalid_email_helper_text": "{% translate 'The email must be a valid email address.' %}",
+        }
+    </script>
     {% vite_asset 'platform/courses/Courses.jsx' %}
 {% endblock %}
diff --git a/django_email_learning/templates/platform/learners.html b/django_email_learning/templates/platform/learners.html
index 7de9da61..b541cd7a 100644
--- a/django_email_learning/templates/platform/learners.html
+++ b/django_email_learning/templates/platform/learners.html
@@ -1,5 +1,37 @@
 {% extends "platform/base.html" %}
 {% load django_vite %}
+{% load i18n %}
 {% block extra_head %}
+    <script>
+        localeMessages = {
+            ...localeMessages,
+            "search_learners": "{% translate 'Search learners...' %}",
+            "learners_list": "{% translate 'Learners List' %}",
+            "nor_enrollments_found": "{% translate 'No enrollments found.' %}",
+            "course": "{% translate 'Course' %}",
+            "status": "{% translate 'Status' %}",
+            "learner_registered": "{% translate 'Learner Registered' %}",
+            "learner_verified": "{% translate 'Learner Verified Email' %}",
+            "lesson_sent": "{% translate 'Lesson Sent' %}",
+            "quiz_sent": "{% translate 'Quiz Sent' %}",
+            "quiz_submitted": "{% translate 'Quiz Submitted' %}",
+            "course_completed": "{% translate 'Course Completed' %}",
+            "learner_deactivated": "{% translate 'Learner Deactivated' %}",
+            "score": "{% translate 'Score' %}",
+            "result": "{% translate 'Result' %}",
+            "reason": "{% translate 'Reason' %}",
+            "passed": "{% translate 'Passed' %}",
+            "failed": "{% translate 'Failed' %}",
+            "enrollment_details": "{% translate 'Enrollment Details' %}",
+            "enrollment_id": "{% translate 'Enrollment ID' %}",
+            "unvierfied": "{% translate 'Unverified' %}",
+            "active": "{% translate 'Active' %}",
+            "completed": "{% translate 'Completed' %}",
+            "deactivated": "{% translate 'Deactivated' %}",
+            "canceled": "{% translate 'Canceled' %}",
+            "blcoked": "{% translate 'Blocked' %}",
+            "inactive": "{% translate 'Inactive' %}",
+        };
+    </script>
     {% vite_asset 'platform/learners/Learners.jsx' %}
 {% endblock %}
diff --git a/django_email_learning/templates/platform/organizations.html b/django_email_learning/templates/platform/organizations.html
index 94f7f830..18615130 100644
--- a/django_email_learning/templates/platform/organizations.html
+++ b/django_email_learning/templates/platform/organizations.html
@@ -1,5 +1,25 @@
 {% extends "platform/base.html" %}
 {% load django_vite %}
+{% load i18n %}
 {% block extra_head %}
+    <script>
+        localeMessages = {
+            ...localeMessages,
+            "add_organization": "{% translate 'Add an Organization' %}",
+            "actions": "{% translate 'Actions' %}",
+            "name": "{% translate 'Name' %}",
+            "description": "{% translate 'Description' %}",
+            "logo": "{% translate 'Logo' %}",
+            "create_organization": "{% translate 'Create Organization' %}",
+            "cancel": "{% translate 'Cancel' %}",
+            "delete": "{% translate 'Delete' %}",
+            "confirm_deletion": "{% translate 'Confirm Deletion' %}",
+            "remove_logo": "{% translate 'Remove Logo' %}",
+            "create": "{% translate 'Create' %}",
+            "update": "{% translate 'Update' %}",
+            "organization_logo": "{% translate 'Organization Logo' %}",
+            "are_you_sure_delete_org": "{% translate 'Are you sure you want to delete the organization \"ORGANIZATION_NAME\"? All the courses contents and users under this organization will also be deleted.' %}",
+        }
+    </script>
     {% vite_asset 'platform/organizations/Organizations.jsx' %}
 {% endblock %}
diff --git a/django_email_learning/templates/public/base.html b/django_email_learning/templates/public/base.html
index c8417840..f1893181 100644
--- a/django_email_learning/templates/public/base.html
+++ b/django_email_learning/templates/public/base.html
@@ -1,11 +1,14 @@
 {% load django_vite %}
+{% load i18n %}
 {% load static %}
+{% get_current_language_bidi as IS_RTL %}
 <!doctype html>
-<html lang="en">
+<html lang="en" dir="{% block direction %}{% if IS_RTL %}rtl{% else %}ltr{% endif %}{% endblock %}">
   <head>
     <script>
       const error_message = "{{ error_message }}";
       const ref = "{{ ref }}";
+      const direction = "{% if IS_RTL %}rtl{% else %}ltr{% endif %}";
     </script>
     {% vite_hmr_client %}
     {% vite_react_refresh %}
@@ -15,7 +18,8 @@
     <link rel="icon" type="image/png" href="{% static 'logo.png' %}" />
     <title>{% block title %}{{ page_title }}{% endblock %}</title>
   </head>
-  <body>
+  {% get_current_language_bidi as IS_RTL %}
+  <body dir="{% block directionrtl %}{% if IS_RTL %}rtl{% else %}ltr{% endif %}{% endblock %}">
     <div id="root">
     </div>
   </body>
diff --git a/django_email_learning/templates/public/organization.html b/django_email_learning/templates/public/organization.html
index 692bb9b1..a85efd1c 100644
--- a/django_email_learning/templates/public/organization.html
+++ b/django_email_learning/templates/public/organization.html
@@ -1,9 +1,23 @@
 {% extends "public/base.html" %}
 {% load django_vite %}
+{% load i18n %}
 {% block head_script %}
     <script>
         const organization = {{ organization_json | safe }};
         const enrollApiUrl = "{{ enroll_api_url }}";
+        const localeMessages = {
+            "courses": "{% translate 'Courses' %}",
+            "enroll_now": "{% translate 'Enroll Now' %}",
+            "enrol_for_course": "{% translate 'Enroll for COURSE_NAME' %}",
+            "email": "{% translate 'email' %}",
+            "cancel": "{% translate 'Cancel' %}",
+            "submit": "{% translate 'Submit' %}",
+            "enrollment_success": "{% translate 'You are enrolled in this course.' %}",
+            "enrollment_failed": "{% translate 'Enrollment failed. Please try again.' %}",
+            "no_courses_available": "{% translate 'No courses available.' %}",
+            "email_required": "{% translate 'Email is required' %}",
+            "email_invalid": "{% translate 'Please enter a valid email address' %}",
+        }
     </script>
     {% vite_asset 'public/organization/Organization.jsx' %}
 {% endblock %}
diff --git a/frontend/personalised/quiz_public/Quiz.jsx b/frontend/personalised/quiz_public/Quiz.jsx
index cf21d053..b81b1307 100644
--- a/frontend/personalised/quiz_public/Quiz.jsx
+++ b/frontend/personalised/quiz_public/Quiz.jsx
@@ -23,7 +23,7 @@ const Quiz = () => {
             answerCounter += selectedAnswers[i].answers.length;
         }
         if (answerCounter === 0) {
-            setWarning("You have not selected any answers. Are you sure you want to submit an empty quiz?");
+            setWarning(localeMessages['no_answer_warning']);
         } else {
             setWarning("");
         }
@@ -61,8 +61,7 @@ const Quiz = () => {
         </Box>
         {showQuestions ? <Box>
         <Typography>
-        Please select all correct answers for each question. Note that some questions may have multiple correct answers.
-        This quiz uses negative marking for incorrect choices; if you are unsure, it is better to leave the question unanswered.
+        { localeMessages['quiz_intro'] }
         </Typography>
 
 
@@ -85,21 +84,21 @@ const Quiz = () => {
             </Box>
         ))}
         <Box mt={4} textAlign="center">
-            <Button variant="contained" onClick={showSubmitDialog}>Submit</Button>
+            <Button variant="contained" onClick={showSubmitDialog}>{localeMessages['submit']}</Button>
         </Box>
         </Box> : <Box textAlign="center">
-            {isPassed !== null && (isPassed ? <Alert severity="success"><Typography variant="h6"><CelebrationIcon /> {message} Your score is {score}%.</Typography></Alert> :
-            <Alert severity="error"><Typography variant="h6"><SentimentVeryDissatisfiedIcon /> {message} Your score is {score}%.</Typography></Alert>)}
+            {isPassed !== null && (isPassed ? <Alert severity="success"><Typography variant="h6"><CelebrationIcon /> {message} {localeMessages['your_score']}: {score}%.</Typography></Alert> :
+            <Alert severity="error"><Typography variant="h6"><SentimentVeryDissatisfiedIcon /> {message} {localeMessages['your_score']}: {score}%.</Typography></Alert>)}
         </Box>}
-        </Box> : <Alert severity="error"><Typography variant="h6">Error loading quiz: {error_message} {ref && `(Ref: ${ref})`}</Typography></Alert>}
+        </Box> : <Alert severity="error"><Typography variant="h6">{localeMessages['error_loading_quiz']}: {error_message} {ref && `(Ref: ${ref})`}</Typography></Alert>}
         <Dialog open={dialogOpen} onClose={() => setDialogOpen(false)} fullWidth maxWidth="sm">
             <Box p={4}>
-                <Typography variant="h6" mb={2}>Ready to submit?</Typography>
+                <Typography variant="h6" mb={2}>{localeMessages['ready_to_submit']}</Typography>
                 {warning ? <Alert severity="warning" mb={2}><Typography>{warning}</Typography></Alert> :
-                <Typography>Please keep in mind that this quiz uses negative marking for incorrect answers. If you are unsure of an answer, it may be better to leave it blank.</Typography>}
+                <Typography>{localeMessages['submit_quiz_note']}</Typography>}
                 <Box mt={4} textAlign="right">
-                    <Button variant="text" onClick={() => setDialogOpen(false)} sx={{ mr: 2 }}>Cancel</Button>
-                    <Button variant="contained" onClick={submitQuiz}>Submit</Button>
+                    <Button variant="text" onClick={() => setDialogOpen(false)} sx={{ mr: 2 }}>{localeMessages['cancel']}</Button>
+                    <Button variant="contained" onClick={submitQuiz}>{localeMessages['submit']}</Button>
                 </Box>
             </Box>
         </Dialog>
diff --git a/frontend/personalised/verify_enrollment/Verification.jsx b/frontend/personalised/verify_enrollment/Verification.jsx
index 3254500b..913cd3e8 100644
--- a/frontend/personalised/verify_enrollment/Verification.jsx
+++ b/frontend/personalised/verify_enrollment/Verification.jsx
@@ -6,7 +6,7 @@ import Layout from '../../public/components/Layout.jsx';
 const Verification = () => {
     return <Layout>
     { !error_message ?<Alert severity='success' sx={{ maxWidth: 800, margin: '0 auto', backgroundColor: "background.light" }}>
-        You have successfully verified your enrollment.
+       { localeMessages['verify_enrollment_success'] }
     </Alert> : <Alert severity="error" sx={{ maxWidth: 800, margin: '20px auto' }}>
        {error_message} (ref: {ref})
     </Alert>}
diff --git a/frontend/platform/course/Course.jsx b/frontend/platform/course/Course.jsx
index 67be86ae..90293fa6 100644
--- a/frontend/platform/course/Course.jsx
+++ b/frontend/platform/course/Course.jsx
@@ -79,7 +79,7 @@ function Course() {
             console.log("Opening lesson editor for content:", content);
             setDialogOpen(true);
             setDialogContent(<LessonForm
-                            header="Update Lesson"
+                            header={localeMessages["update_lesson"]}
                             initialTitle={content.lesson.title}
                             initialContent={content.lesson.content}
                             onContentChange={setLessonCache}
@@ -132,7 +132,7 @@ function Course() {
     return (
         <Base
             breadCrumbList={[
-                {label: 'Course Management', href: platformBaseUrl + '/courses', index: 0},
+                {label: localeMessages["course_management"], href: platformBaseUrl + '/courses', index: 0},
                 {label: course_title, href: '#', index: 1}
             ]}
             bottomDrawerParams={{
@@ -143,21 +143,21 @@ function Course() {
         >
             <Grid size={{xs: 12, md: 9}} py={2} pl={2}>
                 <Box p={2} sx={{ border: '1px solid', borderColor: 'grey.300', borderRadius: 1, minHeight: 300 }}>
-                    {userRole !== 'viewer' && <><Button variant="contained" startIcon={<DescriptionIcon />} sx={{ marginBottom: 2 }} onClick={() => {
+                    {userRole !== 'viewer' && <><Button variant="contained" startIcon={<DescriptionIcon sx={{ marginLeft: direction == 'rtl' ? 1 : 0 }} />} sx={{ marginBottom: 2 }} onClick={() => {
                         setDialogContent(<LessonForm
-                            header="New Lesson"
+                            header={localeMessages["new_lesson"]}
                             initialContent={lessonCache}
                             onContentChange={setLessonCache}
                             cancelCallback={() => setDialogOpen(false)}
                             successCallback={resetDialog}
                             courseId={course_id} />);
-                        setDialogOpen(true);}}>Add a Lesson</Button>
-                    <Button variant="contained" startIcon={<BallotIcon />} sx={{ marginBottom: 2, marginLeft: 1 }} onClick={() => {
+                        setDialogOpen(true);}}>{localeMessages["add_lesson"]}</Button>
+                    <Button variant="contained" startIcon={<BallotIcon sx={{ marginLeft: direction == 'rtl' ? 1 : 0 }} />} sx={{ marginBottom: 2, marginLeft: 1, marginRight: 1 }} onClick={() => {
                         setDialogContent(<QuizForm
                             cancelCallback={() => setDialogOpen(false)}
                             successCallback={resetDialog}
                             courseId={course_id} />);
-                        setDialogOpen(true);}}>Add a Quiz</Button></> }
+                        setDialogOpen(true);}}>{localeMessages["add_quiz"]}</Button></> }
                     <ContentTable courseId={course_id} loaded={contentLoaded} eventHandler={(event) => tableEventHandler(event)} />
                 </Box>
             </Grid>
diff --git a/frontend/platform/course/components/ContentTable.jsx b/frontend/platform/course/components/ContentTable.jsx
index d3054dfa..fd383f60 100644
--- a/frontend/platform/course/components/ContentTable.jsx
+++ b/frontend/platform/course/components/ContentTable.jsx
@@ -116,11 +116,11 @@ const ContentTable = ({ courseId, eventHandler, loaded = false }) => {
             <TableHead>
               <TableRow>
                 { userRole !== 'viewer' && <TableCell sx={{ width: '40px', boxSizing: 'border-box' }}></TableCell>}
-                <TableCell>Title</TableCell>
-                <TableCell>Waiting time</TableCell>
-                <TableCell>type</TableCell>
-                <TableCell>Published</TableCell>
-                {userRole !== 'viewer' && <TableCell align='right'>Actions</TableCell>}
+                <TableCell sx={{ textAlign: direction == 'rtl' ? 'right' : 'left' }}>{localeMessages["title"]}</TableCell>
+                <TableCell sx={{ textAlign: direction == 'rtl' ? 'right' : 'left' }}>{localeMessages["waiting_time"]}</TableCell>
+                <TableCell sx={{ textAlign: direction == 'rtl' ? 'right' : 'left' }}>{localeMessages["type"]}</TableCell>
+                <TableCell sx={{ textAlign: direction == 'rtl' ? 'right' : 'left' }}>{localeMessages["published"]}</TableCell>
+                {userRole !== 'viewer' && <TableCell align={direction == 'rtl' ? 'right' : 'left'}>{localeMessages["actions"]}</TableCell>}
               </TableRow>
             </TableHead>
             <TableBody>
@@ -140,17 +140,17 @@ const ContentTable = ({ courseId, eventHandler, loaded = false }) => {
                                 eventHandler(event);
                             }
                         }}>
-                         { userRole !== 'viewer' && <TableCell sx={{ cursor: 'grab', width: '40px', padding: '8px 0', textAlign: 'center' }}><DragHandleIcon
+                         { userRole !== 'viewer' && <TableCell align={direction == 'rtl' ? 'right' : 'left'} sx={{ cursor: 'grab', width: '40px', padding: '8px 0', textAlign: 'center' }}><DragHandleIcon
                         onMouseDown={() => startDrag(content.id)}
                         /></TableCell>}
-                        <TableCell><Typography
+                        <TableCell align={direction == 'rtl' ? 'right' : 'left'}><Typography
                             onClick={() => {let event = {type: 'content_clicked', content_id: content.id}; eventHandler(event);}}
                             color='primary.dark' sx={{ cursor: 'pointer'}}>{content.title}</Typography></TableCell>
-                        <TableCell>{formatPeriod(content.waiting_period)}</TableCell>
-                        <TableCell>{content.type.charAt(0).toUpperCase() + content.type.slice(1)}</TableCell>
-                        <TableCell><Switch defaultChecked={content.is_published} onChange={() => TogglePublishContent(content.id, !content.is_published)} disabled={userRole == 'viewer'} /></TableCell>
-                        {userRole !== 'viewer' && <TableCell align='right'>
-                            <IconButton aria-label="delete" onClick={() => deleteContent(content.id)}>
+                        <TableCell align={direction == 'rtl' ? 'right' : 'left'}>{formatPeriod(content.waiting_period)}</TableCell>
+                        <TableCell align={direction == 'rtl' ? 'right' : 'left'}>{localeMessages[content.type]}</TableCell>
+                        <TableCell align={direction == 'rtl' ? 'right' : 'left'}><Switch defaultChecked={content.is_published} onChange={() => TogglePublishContent(content.id, !content.is_published)} disabled={userRole == 'viewer'} /></TableCell>
+                        {userRole !== 'viewer' && <TableCell align={direction == 'rtl' ? 'right' : 'left'}>
+                            <IconButton aria-label={localeMessages["delete"]} onClick={() => deleteContent(content.id)}>
                                 <DeleteIcon />
                             </IconButton>
                         </TableCell>}
diff --git a/frontend/platform/course/components/LessonForm.jsx b/frontend/platform/course/components/LessonForm.jsx
index 01371c70..792b21c5 100644
--- a/frontend/platform/course/components/LessonForm.jsx
+++ b/frontend/platform/course/components/LessonForm.jsx
@@ -19,7 +19,7 @@ function LessonForm({ header, initialTitle, initialContent, onContentChange, can
 
     const addLesson = () =>{
         if (!validateForm()) {
-            setErrorMessage("Please fix the errors in the form before submitting.");
+            setErrorMessage(localeMessages["fix_errors"]);
             return;
         }
 
@@ -54,7 +54,7 @@ function LessonForm({ header, initialTitle, initialContent, onContentChange, can
 
     const updateLesson = () => {
         if (!validateForm()) {
-            setErrorMessage("Please fix the errors in the form before submitting.");
+            setErrorMessage(localeMessages["fix_errors"]);
             return;
         }
 
@@ -105,13 +105,13 @@ function LessonForm({ header, initialTitle, initialContent, onContentChange, can
     const validateForm = () => {
         let isValid = true;
         if (!title) {
-            setTitleHelperText("Lesson title is required.");
+            setTitleHelperText(localeMessages["lesson_title_required"]);
             isValid = false;
         } else {
             setTitleHelperText("");
         }
         if (!content) {
-            setContentHelperText("Lesson content is required.");
+            setContentHelperText(localeMessages["lesson_content_required"]);
             isValid = false;
         } else {
             setContentHelperText("");
@@ -127,7 +127,7 @@ function LessonForm({ header, initialTitle, initialContent, onContentChange, can
                 {errorMessage}
             </Alert>
         )}
-        <RequiredTextField value={title} label="Lesson Title" name="lesson_title" sx={{ width: '100%' }} onChange={(e) => setTitle(e.target.value)} helperText={titleHelperText} disabled={userRole === 'viewer'} />
+        <RequiredTextField value={title} label={localeMessages["lesson_title"]} name="lesson_title" sx={{ width: '100%' }} onChange={(e) => setTitle(e.target.value)} helperText={titleHelperText} disabled={userRole === 'viewer'} />
         <Box sx={{ my: 2 }}>
         <ContentEditor initialContent={content} contentUpdateCallback={handleContentChange} disabled={userRole === 'viewer'} />
         <Typography color="errorText.main" sx={{ marginTop: 1, fontSize: '0.75rem' }}>
@@ -136,9 +136,9 @@ function LessonForm({ header, initialTitle, initialContent, onContentChange, can
         </Box>
         <Tooltip
         placement="right"
-        title="Set the amount of time that we should wait after the previous lesson or quiz submission before sending this lesson.">
+        title={localeMessages["lesson_waiting_tooltip"]}>
         <RequiredTextField
-            label="Waiting Period"
+            label={localeMessages["waiting_period"]}
             name="waiting_period"
             type="number"
             value={waitingPeriod}
@@ -147,17 +147,17 @@ function LessonForm({ header, initialTitle, initialContent, onContentChange, can
             inputProps={{ min: 1 }}
             disabled={userRole === 'viewer'}
         />
-        <Select size="small" value={waitingPeriodUnit} onChange={(e) => setWaitingPeriodUnit(e.target.value)} name="waiting_period_unit" sx={{ width: '150px' }} disabled={userRole === 'viewer'}>
-            <MenuItem value="days">Days</MenuItem>
-            <MenuItem value="hours">Hours</MenuItem>
+        <Select size="small" value={waitingPeriodUnit} onChange={(e) => setWaitingPeriodUnit(e.target.value)} name="waiting_period_unit" sx={{ width: '150px', mr: 2 }} disabled={userRole === 'viewer'}>
+            <MenuItem value="days">{localeMessages["days"]}</MenuItem>
+            <MenuItem value="hours">{localeMessages["hours"]}</MenuItem>
         </Select>
         </Tooltip>
         <Box mt={2} textAlign="right">
         <Button variant="outlined" sx={{ mr: 1 }} onClick={cancel}>
-            Back
+            {localeMessages["back"]}
         </Button>
-        {userRole !== 'viewer' && <Button type="submit" variant="contained" onClick={() => {if(!lessonId) { addLesson(); } else { updateLesson(); }}}>
-            Save Lesson
+        {userRole !== 'viewer' && <Button type="submit" variant="contained" sx={{ mr: 1 }} onClick={() => {if(!lessonId) { addLesson(); } else { updateLesson(); }}}>
+            {localeMessages["save_lesson"]}
         </Button>}
         </Box>
         </Box>
diff --git a/frontend/platform/course/components/QuestionForm.jsx b/frontend/platform/course/components/QuestionForm.jsx
index 59359ca0..e301f01e 100644
--- a/frontend/platform/course/components/QuestionForm.jsx
+++ b/frontend/platform/course/components/QuestionForm.jsx
@@ -6,7 +6,6 @@ import ClearIcon from '@mui/icons-material/Clear';
 import AddCircleOutlineIcon from '@mui/icons-material/AddCircleOutline';
 
 
-
 const QuestionForm = ({question, index, eventHandler}) => {
     const [questionText, setQuestionText] = useState(question.text);
     const [options, setOptions] = useState(question.options || []);
@@ -80,10 +79,10 @@ const QuestionForm = ({question, index, eventHandler}) => {
                 </Grid>
                 <Grid size={{ xs: 12, md: 3 }} sx={{ textAlign: 'right' }}>
                     {userRole !== 'viewer' && <><Button variant="outlined" color="primary" sx={{ fontSize: '0.75rem', mt: 1 }} onClick={() => setAddingOption(true)} >
-                        <RuleIcon /><Typography variant="button" sx={{ ml: 1, fontSize: '0.75rem' }}>Add Option</Typography>
+                        <RuleIcon /><Typography variant="button" sx={{ ml: 1, fontSize: '0.75rem' }}>{localeMessages["add_option"]}</Typography>
                     </Button>
-                    <Button variant="outlined" onClick={deleteCallback} sx={{ ml: 1, mt: 1, fontSize: '0.75rem' }}>
-                        Delete
+                    <Button variant="outlined" onClick={deleteCallback} sx={{ mx: 1, mt: 1, fontSize: '0.75rem' }}>
+                        {localeMessages["delete"]}
                     </Button></>}
                 </Grid>
                 {addingOption && (<>
@@ -112,10 +111,10 @@ const QuestionForm = ({question, index, eventHandler}) => {
                             }
                         }}>
                             <AddCircleOutlineIcon sx={{ mr: 1 }} />
-                            Add
+                            { localeMessages["add"] }
                         </Button>
                         <Button variant="outlined" sx={{ mt: 1 }} onClick={() => setAddingOption(false)}>
-                            Cancel
+                            { localeMessages["cancel"] }
                         </Button>
                     </Grid>
                     </>
@@ -125,9 +124,9 @@ const QuestionForm = ({question, index, eventHandler}) => {
                         <Table>
                             <TableHead variant="head">
                                 <TableRow>
-                                    <TableCell>Options</TableCell>
-                                    <TableCell>Correct Answer</TableCell>
-                                    {userRole !== 'viewer' && <TableCell align='right'>Actions</TableCell>}
+                                    <TableCell>{localeMessages["options"]}</TableCell>
+                                    <TableCell>{localeMessages["correct_answer"]}</TableCell>
+                                    {userRole !== 'viewer' && <TableCell align='right'>{localeMessages["actions"]}</TableCell>}
                                 </TableRow>
                             </TableHead>
                             <TableBody>
diff --git a/frontend/platform/course/components/QuizForm.jsx b/frontend/platform/course/components/QuizForm.jsx
index aa59335d..e6fa74ac 100644
--- a/frontend/platform/course/components/QuizForm.jsx
+++ b/frontend/platform/course/components/QuizForm.jsx
@@ -68,11 +68,11 @@ const QuizForm = ({cancelCallback, successCallback, courseId, quizId, contentId,
 
     const validateQuiz = () => {
         if (title.trim() === "") {
-            setErrorMessage("Quiz title cannot be empty.");
+            setErrorMessage(localeMessages["quiz_title_empty"]);
             return false;
         }
         if (questions.length === 0) {
-            setErrorMessage("Quiz must contain at least one question.");
+            setErrorMessage(localeMessages["at_least_one_question"]);
             return false;
         }
         for (let i = 0; i < questions.length; i++) {
@@ -83,12 +83,12 @@ const QuizForm = ({cancelCallback, successCallback, courseId, quizId, contentId,
             }
             const options = question.options || [];
             if (options.length < 2) {
-                setErrorMessage(`Question ${i + 1} must have at least two answer options.`);
+                setErrorMessage(localeMessages["at_least_two_options"].replace("QUESTION_NUMBER", i + 1));
                 return false;
             }
             const hasCorrectOption = options.some(option => option.isCorrect);
             if (!hasCorrectOption) {
-                setErrorMessage(`Question ${i + 1} must have at least one correct answer.`);
+                setErrorMessage(localeMessages["at_least_one_correct"].replace("QUESTION_NUMBER", i + 1));
                 return false;
             }
         }
@@ -205,11 +205,11 @@ const QuizForm = ({cancelCallback, successCallback, courseId, quizId, contentId,
 
             }
         }} tabIndex={0} focusable="true">
-            <Typography variant="h2" sx={{ my: 2, fontSize: '1.5rem' }}>{ quizId ? "Update Quiz" : "New Quiz" }</Typography>
+            <Typography variant="h2" sx={{ my: 2, fontSize: '1.5rem' }}>{ quizId ? localeMessages["update_quiz"] : localeMessages["new_quiz"] }</Typography>
             {errorMessage && <Alert severity="error" sx={{ mb: 2 }}>{errorMessage}</Alert>}
-            <RequiredTextField label="Quiz Title" value={title} onChange={(e) => setTitle(e.target.value)} sx={{ mb: 2, width: '100%' }} disabled={userRole === 'viewer'} />
+            <RequiredTextField label={localeMessages["quiz_title"]} value={title} onChange={(e) => setTitle(e.target.value)} sx={{ mb: 2, width: '100%' }} disabled={userRole === 'viewer'} />
             {userRole !== 'viewer' && <Button variant="outlined" sx={{ mb: 2 }} onClick={() => setShowQuestionField(true)}>
-                <QuizIcon sx={{ mr: 1 }} /> Add Question</Button>}
+                <QuizIcon sx={{ mr: 1 }} /> {localeMessages["add_question"]}</Button>}
             { showQuestionField && (
                 <Box sx={{ mb: 2, border: '1px solid', borderColor: 'grey.300', borderRadius: 1, p: 2 }}>
                     <Grid container spacing={2} alignItems="center">
@@ -224,10 +224,10 @@ const QuizForm = ({cancelCallback, successCallback, courseId, quizId, contentId,
                             <Button variant="outlined" onClick={() => {
                                 addToQuestions();
                             }}>
-                                Add Question
+                                {localeMessages["add_question"]}
                             </Button>
                             <Button variant="outlined" sx={{ ml: 1 }} onClick={() => { setShowQuestionField(false); setNewQuestion(""); }}>
-                                Cancel
+                                {localeMessages["cancel"]}
                             </Button>
                         </Grid>
                     </Grid>
@@ -241,17 +241,17 @@ const QuizForm = ({cancelCallback, successCallback, courseId, quizId, contentId,
             {/* Quiz Settings Section */}
             <Box mt={3} mb={3}>
                 <Typography variant="h6" sx={{ mb: 2, fontSize: '1.1rem', color: 'primary.main' }}>
-                    Quiz Settings
+                    {localeMessages["quiz_settings"]}
                 </Typography>
 
                 <Grid container spacing={3}>
                     {/* Row 1: Required Score and Waiting Period */}
                     <Grid size={{ xs: 12, md: 6 }}>
                         <InputLabel sx={{ mb: 1, fontSize: '0.9rem', color: 'text.secondary' }}>
-                            Required Score to Pass
+                            {localeMessages["required_score"]}
                         </InputLabel>
                         <Tooltip
-                            title="Minimum percentage score required to pass this quiz"
+                            title={localeMessages["score_tooltip"]}
                             placement="top-start"
                         >
                             <RequiredTextField
@@ -268,12 +268,12 @@ const QuizForm = ({cancelCallback, successCallback, courseId, quizId, contentId,
 
                     <Grid size={{ xs: 12, md: 6 }}>
                         <Tooltip
-                            title="Time to wait after the previous lesson before sending this quiz"
+                            title={localeMessages["period_tooltip"]}
                             placement="top-start"
                         >
                             <Box>
                                 <InputLabel sx={{ mb: 1, fontSize: '0.9rem', color: 'text.secondary' }}>
-                                    Waiting Period
+                                    {localeMessages["waiting_period"]}
                                 </InputLabel>
                                 <Box sx={{ display: 'flex', gap: 1 }}>
                                     <RequiredTextField
@@ -303,10 +303,10 @@ const QuizForm = ({cancelCallback, successCallback, courseId, quizId, contentId,
                     {/* Row 2: Deadline and Selection Strategy */}
                     <Grid size={{ xs: 12, md: 6 }}>
                         <InputLabel sx={{ mb: 1, fontSize: '0.9rem', color: 'text.secondary' }}>
-                            Deadline to Complete Quiz
+                            {localeMessages["quiz_deadline"]}
                         </InputLabel>
                         <Tooltip
-                            title="Maximum time allowed to complete the quiz"
+                            title={localeMessages["deadline_tooltip"]}
                             placement="top-start"
                         >
                             <RequiredTextField
@@ -323,14 +323,12 @@ const QuizForm = ({cancelCallback, successCallback, courseId, quizId, contentId,
 
                     <Grid size={{ xs: 12, md: 6 }}>
                         <Tooltip
-                            title="Choose how questions are selected for each quiz attempt,
-                            if total questions is less than 6, all questions will be used even
-                            if 'Random Questions' is selected"
+                            title={localeMessages["question_selection_strategy_tooltip"]}
                             placement="top-start"
                         >
                             <Box>
                                 <InputLabel sx={{ mb: 1, fontSize: '0.9rem', color: 'text.secondary' }}>
-                                    Selection Strategy
+                                    {localeMessages["question_selection_strategy"]}
                                 </InputLabel>
                                 <Select
                                     size="small"
@@ -339,8 +337,8 @@ const QuizForm = ({cancelCallback, successCallback, courseId, quizId, contentId,
                                     sx={{ width: '100%' }}
                                     disabled={userRole === 'viewer'}
                                 >
-                                    <MenuItem value="all">All Questions</MenuItem>
-                                    <MenuItem value="random">Random Questions</MenuItem>
+                                    <MenuItem value="all">{localeMessages["all_questions"]}</MenuItem>
+                                    <MenuItem value="random">{localeMessages["random_questions"]}</MenuItem>
                                 </Select>
                             </Box>
                         </Tooltip>
@@ -350,10 +348,10 @@ const QuizForm = ({cancelCallback, successCallback, courseId, quizId, contentId,
 
             <Box mt={2} textAlign="right">
                 <Button variant="outlined" sx={{ mr: 1, boxShadow: 'none' }} onClick={cancel}>
-                    Back
+                    {localeMessages["back"]}
                 </Button>
-                {userRole !== 'viewer' && <Button type="submit" variant="contained" color="primary" sx={{ boxShadow: 'none' }} onClick={() => {if(!quizId) { addQuiz(); } else { updateQuiz(); }}}>
-                    Save Quiz
+                {userRole !== 'viewer' && <Button type="submit" variant="contained" color="primary" sx={{ boxShadow: 'none', mr: 1}} onClick={() => {if(!quizId) { addQuiz(); } else { updateQuiz(); }}}>
+                    {localeMessages["save_quiz"]}
                 </Button>}
             </Box>
         </Box>
diff --git a/frontend/platform/courses/Courses.jsx b/frontend/platform/courses/Courses.jsx
index b99593ff..6da490f0 100644
--- a/frontend/platform/courses/Courses.jsx
+++ b/frontend/platform/courses/Courses.jsx
@@ -98,7 +98,7 @@ function Courses() {
 
   return (
     <Base
-      breadCrumbList={[{label: 'Course Management', href: '#'}]}
+      breadCrumbList={[{label: localeMessages["course_management"], href: '#'}]}
       bottomDrawerParams={{
         icon: <FilterListIcon />,
         children: <FilterForm onStatusChange={(params) => setQueryParameters(params)} />
@@ -107,7 +107,7 @@ function Courses() {
     >
       <Grid size={{xs: 12, md: 9}} py={2} pl={2}>
         <Box p={2} sx={{ border: '1px solid', borderColor: 'border.main', backgroundColor: 'background.main', borderRadius: 1, minHeight: 300 }}>
-        {userRole !== 'viewer' && <Button variant="contained" startIcon={<SchoolIcon />} sx={{ marginBottom: 2 }} onClick={() => {
+        {userRole !== 'viewer' && <Button variant="contained" startIcon={<SchoolIcon sx={{ marginLeft: direction === 'rtl' ? 1 : 0 }} />} sx={{ marginBottom: 2 }} onClick={() => {
           setDialogContent(<CourseForm
             successCallback={handleCourseCreated}
             failureCallback={handleCourseCreationFailed}
@@ -115,15 +115,15 @@ function Courses() {
             activeOrganizationId={organizationId}
             createMode={true}
           />);
-          setDialogOpen(true);}}>Add a Course</Button>}
+          setDialogOpen(true);}}>{localeMessages["add_course"]}</Button>}
         <TableContainer component={Paper}>
-          <Table sx={{ width: "100%" }} aria-label="Courses">
+          <Table sx={{ width: "100%" }} aria-label={localeMessages["courses"]}>
             <TableHead>
               <TableRow>
-                <TableCell>Title</TableCell>
-                <TableCell>Slug</TableCell>
-                <TableCell>Enabled</TableCell>
-                {userRole !== 'viewer' && <TableCell align='right'>Actions</TableCell>}
+                <TableCell sx={{ textAlign: direction === 'rtl' ? 'right' : 'left' }}>{localeMessages["title"]}</TableCell>
+                <TableCell sx={{ textAlign: direction === 'rtl' ? 'right' : 'left' }}>{localeMessages["slug"]}</TableCell>
+                <TableCell sx={{ textAlign: direction === 'rtl' ? 'right' : 'left' }}>{localeMessages["enabled"]}</TableCell>
+                {userRole !== 'viewer' && <TableCell align={direction === 'rtl' ? 'left' : 'right'}>{localeMessages["actions"]}</TableCell>}
               </TableRow>
             </TableHead>
             <TableBody>
@@ -132,11 +132,11 @@ function Courses() {
                   key={course.id}
                   sx={{ '&:last-child td, &:last-child th': { border: 0 } }}
                 >
-                  <TableCell component="th" scope="row">
+                  <TableCell component="th" scope="row" sx={{ textAlign: direction === 'rtl' ? 'right' : 'left' }}>
                     <Link href={`${platformBaseUrl}/courses/${course.id}`} color='primary.dark'>{course.title}</Link>
                   </TableCell>
-                  <TableCell>{course.slug}</TableCell>
-                  <TableCell>
+                  <TableCell sx={{ textAlign: direction === 'rtl' ? 'right' : 'left' }}>{course.slug}</TableCell>
+                  <TableCell sx={{ textAlign: direction === 'rtl' ? 'right' : 'left' }}>
                     <Switch
                       checked={course.enabled}
                       onChange={showEnableCoursePopup(course.id, course.enabled ? 'disable' : 'enable', course.title)}
@@ -144,7 +144,7 @@ function Courses() {
                       disabled={userRole === 'viewer'}
                     />
                   </TableCell>
-                  {userRole !== 'viewer' && <TableCell align="right">
+                  {userRole !== 'viewer' && <TableCell align={direction === 'rtl' ? 'left' : 'right'}>
                     <IconButton onClick={() => {
                       showEditCourseDialog(course);}}><EditIcon fontSize="small" /></IconButton>
                     <IconButton aria-label={`Delete ${course.title}`} onClick={() => {
diff --git a/frontend/platform/courses/components/AddImapConnectionForm.jsx b/frontend/platform/courses/components/AddImapConnectionForm.jsx
index 6396e317..bf0d8c9a 100644
--- a/frontend/platform/courses/components/AddImapConnectionForm.jsx
+++ b/frontend/platform/courses/components/AddImapConnectionForm.jsx
@@ -54,11 +54,11 @@ function AddImapConnectionForm({onChangeCallback, activeOrganizationId, initialI
     <div>
       { hasImapConnection && (
         <FormControl sx={{ marginBottom: '16px', minWidth: '100%' }}>
-          <InputLabel id="imap-connection-select-label">IMAP Connection</InputLabel>
+          <InputLabel id="imap-connection-select-label">{localeMessages["imap_connection"]}</InputLabel>
           <Select
             labelId="imap-connection-select-label"
             id="imap-connection-select"
-            label="IMAP Connection"
+            label={localeMessages["imap_connection"]}
             value={imapConnectionId || ''}
             onChange={(event) => handleImapConnectionChange(event.target.value)}
           >
@@ -77,7 +77,7 @@ function AddImapConnectionForm({onChangeCallback, activeOrganizationId, initialI
           aria-controls="panel1-content"
           id="panel1-header"
         ><Box sx={{ display: 'flex', alignItems: 'center', gap: 1 }}>
-            <PlusIcon /><Typography component="span">New IMAP connection</Typography>
+            <PlusIcon /><Typography component="span">{localeMessages["new_imap_connection"]}</Typography>
           </Box>
         </AccordionSummary>
         <AccordionDetails>
diff --git a/frontend/platform/courses/components/CourseForm.jsx b/frontend/platform/courses/components/CourseForm.jsx
index 756f2b16..89db978c 100644
--- a/frontend/platform/courses/components/CourseForm.jsx
+++ b/frontend/platform/courses/components/CourseForm.jsx
@@ -64,19 +64,19 @@ function CourseForm({successCallback, failureCallback, cancelCallback, activeOrg
     const validateForm = () => {
         let isValid = true
         if (!courseTitle) {
-            setTitleHelperText("Title is required");
+            setTitleHelperText(localeMessages["title_required_helper_text"]);
             isValid = false;
         } else {
             setTitleHelperText("");
         }
         if (!courseSlug) {
-            setSlugHelperText("Slug is required");
+            setSlugHelperText(localeMessages["slug_required_helper_text"]);
             isValid = false;
         } else {
             setSlugHelperText("");
         }
         if (!courseDescription) {
-            setDescriptionHelperText("Description is required");
+            setDescriptionHelperText(localeMessages["description_required_helper_text"]);
             isValid = false;
         } else {
             setDescriptionHelperText("");
@@ -173,18 +173,14 @@ function CourseForm({successCallback, failureCallback, cancelCallback, activeOrg
 
     return (<Box p={2}>
               { errorMessage && <Alert severity="error" sx={{ marginBottom: "10px" }}>{errorMessage}</Alert> }
-              <RequiredTextField label="Course Title" helperText={titleHelperText} fullWidth margin="normal" value={courseTitle} onChange={(e) => setCourseTitle(e.target.value)} />
-              <RequiredTextField label="Course Slug" helperText={slugHelperText} fullWidth margin="normal" value={courseSlug} onChange={(e) => setCourseSlug(e.target.value)} {...(!createMode ? { disabled: true } : {})} />
+              <RequiredTextField label={localeMessages["course_title"]} helperText={titleHelperText} fullWidth margin="normal" value={courseTitle} onChange={(e) => setCourseTitle(e.target.value)} />
+              <RequiredTextField label={localeMessages["course_slug"]} helperText={slugHelperText} fullWidth margin="normal" value={courseSlug} onChange={(e) => setCourseSlug(e.target.value)} {...(!createMode ? { disabled: true } : {})} />
 
-              <RequiredTextField label="Course Description" helperText={descriptionHelperText} fullWidth margin="normal" multiline rows={4} value={courseDescription} onChange={(e) => setCourseDescription(e.target.value)} />
+              <RequiredTextField label={localeMessages["course_description"]} helperText={descriptionHelperText} fullWidth margin="normal" multiline rows={4} value={courseDescription} onChange={(e) => setCourseDescription(e.target.value)} />
               <FormControlLabel
-                control={<Switch onChange={() => switchImapConnection()} checked={addImapConnection} />}
-                label="Add IMAP connection" sx={{ m: 0 }} />
-                <Tooltip title="IMAP connection is not required for creating a course,
-                but if you want to implement user interactions with email, you need to define an IMAP connection.
-                This are actions like registering in a course, or getting an overview of the course progress just by sending an email
-                instead of visiting the website. this can be very valuable for cases that the target audience might not have easy access
-                to your platform, or you do not intend to have a publicly accessible website for the your email learning">
+                control={<Switch onChange={() => switchImapConnection()} checked={addImapConnection} dir={direction} />}
+                label={localeMessages["add_imap_connection"]} sx={{ m: 0 }} />
+                <Tooltip title={localeMessages["imap_connection_tooltip"]}>
                     <IconButton size="small">
                         <InfoOutlinedIcon fontSize="small" />
                     </IconButton>
@@ -200,8 +196,8 @@ function CourseForm({successCallback, failureCallback, cancelCallback, activeOrg
                 </Box>}
               <Box mt={2} textAlign="right">
                 <Button onClick={cancelCallback} sx={{ mr: 1 }}>Cancel</Button>
-                { createMode && <Button variant="contained" onClick={() => handleCreateCourse()} sx={{ boxShadow: 'none' }}>Create Course</Button> }
-                { !createMode && <Button variant="contained" onClick={() => handleUpdateCourse()} sx={{ boxShadow: 'none' }}>Update Course</Button> }
+                { createMode && <Button variant="contained" onClick={() => handleCreateCourse()} sx={{ boxShadow: 'none' }}>{localeMessages["create"]}</Button> }
+                { !createMode && <Button variant="contained" onClick={() => handleUpdateCourse()} sx={{ boxShadow: 'none' }}>{localeMessages["update"]}</Button> }
               </Box>
             </Box>);
 }
diff --git a/frontend/platform/courses/components/CreateImapForm.jsx b/frontend/platform/courses/components/CreateImapForm.jsx
index 194ce894..ffee1ef5 100644
--- a/frontend/platform/courses/components/CreateImapForm.jsx
+++ b/frontend/platform/courses/components/CreateImapForm.jsx
@@ -68,31 +68,31 @@ const CreateImapForm = ({ onSuccess, activeOrganizationId }) => {
     const validateForm = () => {
         let isValid = true;
         if (!email) {
-            setEmailHelperText("Email is required");
+            setEmailHelperText(localeMessages["email_required_helper_text"]);
             isValid = false;
         } else if (isValidEmail(email) === false) {
-            setEmailHelperText("Email is invalid");
+            setEmailHelperText(localeMessages["invalid_email_helper_text"]);
             isValid = false;
         } else {
             setEmailHelperText("");
         }
         if (!password) {
-            setPasswordHelperText("Password is required");
+            setPasswordHelperText(localeMessages["password_required_helper_text"]);
             isValid = false;
         } else {
             setPasswordHelperText("");
         }
         if (!server) {
-            setServerHelperText("Server is required");
+            setServerHelperText(localeMessages["server_required_helper_text"]);
             isValid = false;
         } else {
             setServerHelperText("");
         }
         if (!port) {
-            setPortHelperText("Port is required");
+            setPortHelperText(localeMessages["port_required_helper_text"]);
             isValid = false;
         } else if (isNaN(port) || parseInt(port) <= 0) {
-            setPortHelperText("Port must be a positive number");
+            setPortHelperText(localeMessages["invalid_port_helper_text"]);
             isValid = false;
         } else {
             setPortHelperText("");
@@ -102,13 +102,13 @@ const CreateImapForm = ({ onSuccess, activeOrganizationId }) => {
 
     return (<>
         { errorMessage && <Alert severity="error" sx={{ marginBottom: 2 }} >{errorMessage}</Alert> }
-        <RequiredTextField label="Email" helperText={emailHelperText} sx={{ width: "100%" }} value={email} onChange={(e) => setEmail(e.target.value)} />
-        <RequiredTextField label="Password" helperText={passwordHelperText} type="password" sx={{ width: "100%", marginTop: 2 }} value={password} onChange={(e) => setPassword(e.target.value)} />
-        <RequiredTextField label="Server" helperText={serverHelperText} sx={{ width: "100%", marginTop: 2 }} value={server} onChange={(e) => setServer(e.target.value)} />
-        <RequiredTextField label="Port" helperText={portHelperText} sx={{ width: "100%", marginTop: 2 }} value={port} onChange={(e) => setPort(e.target.value)} />
+        <RequiredTextField label={localeMessages["email"]} helperText={emailHelperText} fullWidth value={email} onChange={(e) => setEmail(e.target.value)} />
+        <RequiredTextField label={localeMessages["password"]} helperText={passwordHelperText} type="password" fullWidth sx={{ marginTop: 2 }} value={password} onChange={(e) => setPassword(e.target.value)} />
+        <RequiredTextField label={localeMessages["server"]} helperText={serverHelperText} fullWidth sx={{ marginTop: 2 }} value={server} onChange={(e) => setServer(e.target.value)} />
+        <RequiredTextField label={localeMessages["port"]} helperText={portHelperText} fullWidth sx={{ marginTop: 2 }} value={port} onChange={(e) => setPort(e.target.value)} />
         <Box mt={2} textAlign="right">
             <Button variant="contained" onClick={() => handleCreateImap()} sx={{ boxShadow: 'none' }}>
-                Add
+                {localeMessages["add"]}
             </Button>
         </Box>
     </>)
diff --git a/frontend/platform/courses/components/DeleteCoursePopup.jsx b/frontend/platform/courses/components/DeleteCoursePopup.jsx
index ba3e9e31..b1bef925 100644
--- a/frontend/platform/courses/components/DeleteCoursePopup.jsx
+++ b/frontend/platform/courses/components/DeleteCoursePopup.jsx
@@ -47,19 +47,19 @@ const DeleteCoursePopup = ({ courseId, courseTitle, handleClose, handleSuccess})
             <WarningIcon color="warning" />
           </Box>
           <Box sx={{ display: 'inline-block'}}>
-          {`Delete ${courseTitle} Course`}
+          {localeMessages["delete_course"].replace("COURSE_NAME", courseTitle)}
           </Box>
         </Typography>
         </DialogTitle>
         <DialogContent>
           <DialogContentText id="alert-dialog-description">
-           { `Are you sure you want to delete the course "${courseTitle}"?` }
+           { localeMessages["course_delete_confirmation"].replace("COURSE_NAME", courseTitle) }
           </DialogContentText>
         </DialogContent>
         <DialogActions>
-          <Button onClick={handleClose}>Cancel</Button>
+          <Button onClick={handleClose}>{localeMessages["cancel"]}</Button>
           <Button onClick={deleteCourse} autoFocus variant="contained">
-            <Typography>Delete</Typography>
+            <Typography>{localeMessages["delete"]}</Typography>
           </Button>
         </DialogActions></>;
 }
diff --git a/frontend/platform/courses/components/EnableCourseSwitchPopup.jsx b/frontend/platform/courses/components/EnableCourseSwitchPopup.jsx
index 9ae52623..64a7eebe 100644
--- a/frontend/platform/courses/components/EnableCourseSwitchPopup.jsx
+++ b/frontend/platform/courses/components/EnableCourseSwitchPopup.jsx
@@ -27,17 +27,17 @@ const EnableCourseSwitchPopup = ({ courseId, action, courseTitle, handleClose, h
     }
 
     return <><DialogTitle id="alert-dialog-title">
-          {`${action.charAt(0).toUpperCase() + action.slice(1)} ${courseTitle} Course`}
+          {localeMessages[`${action}_course`].replace('COURSE_NAME', courseTitle)}
         </DialogTitle>
         <DialogContent>
           <DialogContentText id="alert-dialog-description">
-           { `Are you sure you want to ${action} the course "${courseTitle}"?` }
+           { localeMessages[`course_${action}_confirmation`].replace('COURSE_NAME', courseTitle) }
           </DialogContentText>
         </DialogContent>
         <DialogActions>
-          <Button onClick={handleClose}>Cancel</Button>
+          <Button onClick={handleClose}>{localeMessages["cancel"]}</Button>
           <Button onClick={updateCourseState} autoFocus variant="contained">
-            Continue
+            {localeMessages["continue"]}
           </Button>
         </DialogActions></>;
 }
diff --git a/frontend/platform/courses/components/FilterForm.jsx b/frontend/platform/courses/components/FilterForm.jsx
index 82c4146d..a1ea7dab 100644
--- a/frontend/platform/courses/components/FilterForm.jsx
+++ b/frontend/platform/courses/components/FilterForm.jsx
@@ -4,10 +4,10 @@ const FilterForm = ({ onStatusChange }) => {
   return (
     <>
       <Typography variant="body2" component="div" sx={{ mb: 2, fontWeight: 'bold' }}>
-        Filter
+        {localeMessages["filter"]}
       </Typography>
       <Typography variant="subtitle2" component="div" sx={{ mb: 1, fontWeight: 'bold' }}>
-        Course Status:
+        {localeMessages["course_status"]}:
       </Typography>
       <RadioGroup defaultValue="all" name="course-status-radio-group" onChange={(event) => {
         const value = event.target.value;
@@ -19,9 +19,9 @@ const FilterForm = ({ onStatusChange }) => {
           onStatusChange("?enabled=false");
         }
       }}>
-        <FormControlLabel value="all" control={<Radio />} label="All" />
-        <FormControlLabel value="enabled" control={<Radio />} label="Enabled" />
-        <FormControlLabel value="disabled" control={<Radio />} label="Disabled" />
+        <FormControlLabel value="all" control={<Radio />} label={localeMessages["all"]} />
+        <FormControlLabel value="enabled" control={<Radio />} label={localeMessages["enabled"]} />
+        <FormControlLabel value="disabled" control={<Radio />} label={localeMessages["disabled"]} />
       </RadioGroup>
     </>
   );
diff --git a/frontend/platform/learners/Learners.jsx b/frontend/platform/learners/Learners.jsx
index 891a0789..7cac3130 100644
--- a/frontend/platform/learners/Learners.jsx
+++ b/frontend/platform/learners/Learners.jsx
@@ -13,7 +13,6 @@ import SchoolIcon from '@mui/icons-material/School';
 import BackspaceIcon from '@mui/icons-material/Backspace';
 import render from '../../src/render.jsx';
 import { getCookie } from '../../src/utils.js';
-import { Title } from '@mui/icons-material';
 
 
 const apiBaseUrl = localStorage.getItem('apiBaseUrl');
@@ -21,7 +20,7 @@ const apiBaseUrl = localStorage.getItem('apiBaseUrl');
 
 function EnrolmentList({enrollments, selectHandler}) {
   if (enrollments.length === 0) {
-    return <Typography component="span">No enrollments found.</Typography>
+    return <Typography component="span">{localeMessages["nor_enrollments_found"]}</Typography>
   }
 
   return (
@@ -29,8 +28,8 @@ function EnrolmentList({enrollments, selectHandler}) {
       <Table>
         <TableHead>
           <TableRow>
-            <TableCell>Course</TableCell>
-            <TableCell>Status</TableCell>
+            <TableCell align={direction=="rtl" ? "right" : "left"}>{localeMessages["course"]}</TableCell>
+            <TableCell align={direction=="rtl" ? "right" : "left"}>{localeMessages["status"]}</TableCell>
           </TableRow>
         </TableHead>
         <TableBody>
@@ -38,8 +37,8 @@ function EnrolmentList({enrollments, selectHandler}) {
             <TableRow
             key={enrollment.id} sx={(theme) => ({':hover': {backgroundColor: theme.palette.background.dark, cursor: 'pointer', borderBottomColor: 'secondary.light', borderBottomWidth: 2, borderBottomStyle: 'solid'}})}
             onClick={() => selectHandler(enrollment.id)}>
-              <TableCell>{enrollment.course_title}</TableCell>
-              <TableCell>{enrollment.status}</TableCell>
+              <TableCell align={direction=="rtl" ? "right" : "left"}>{enrollment.course_title}</TableCell>
+              <TableCell align={direction=="rtl" ? "right" : "left"}>{localeMessages[enrollment.status]}</TableCell>
             </TableRow>
           ))}
         </TableBody>
@@ -62,13 +61,13 @@ function Learners(initialQs="") {
   const [currentPage, setCurrentPage] = useState(1);
 
   const eventMap = {
-    'registered': {icon: <AppRegistrationIcon sx={{ color: 'white' }} />, color: "#00bcd4", title: 'Learner Registered'},
-    'verified': {icon: <HowToRegIcon />, color: "#66bb6a", title: 'Learner Verified Email'},
-    'content_sent_lesson': {icon: <LibraryBooksIcon />, color: "#00acc1", title: 'Lesson Content Sent'},
-    'content_sent_quiz': {icon: <BallotIcon />, color: "#26a69a", title: 'Quiz Sent'},
-    'quiz_submitted': {icon: <AssignmentReturnedIcon />, color: "#26a69a", title: 'Quiz Submitted'},
-    'course_completed': {icon: <SchoolIcon />, color: "#0097a7", title: 'Course Completed'},
-    'deactivated': {icon: <BackspaceIcon />, color: "#b71c1c", title: 'Learner Deactivated'},
+    'registered': {icon: <AppRegistrationIcon sx={{ color: 'white' }} />, color: "#00bcd4", title: localeMessages["learner_registered"]},
+    'verified': {icon: <HowToRegIcon />, color: "#66bb6a", title: localeMessages["learner_verified"]},
+    'content_sent_lesson': {icon: <LibraryBooksIcon />, color: "#00acc1", title: localeMessages["lesson_sent"]},
+    'content_sent_quiz': {icon: <BallotIcon />, color: "#26a69a", title: localeMessages["quiz_sent"]},
+    'quiz_submitted': {icon: <AssignmentReturnedIcon />, color: "#26a69a", title: localeMessages["quiz_submitted"]},
+    'course_completed': {icon: <SchoolIcon />, color: "#0097a7", title: localeMessages["course_completed"]},
+    'deactivated': {icon: <BackspaceIcon />, color: "#b71c1c", title: localeMessages["learner_deactivated"]},
   };
 
 
@@ -86,10 +85,10 @@ function Learners(initialQs="") {
     .then(data => {
       setDialogContent(
         <Box p={2}>
-          <Typography variant="h5" gutterBottom sx={{ mt: 2 }}>Enrollment Details</Typography>
+          <Typography variant="h5" gutterBottom sx={{ mt: 2 }}>{localeMessages["enrollment_details"]}</Typography>
           <Typography>{data.learner.email}</Typography>
           <Typography variant="subtitle1">{data.course.title}</Typography>
-          <Typography>Enrollment id: {data.id}</Typography>
+          <Typography>{localeMessages["enrollment_id"]}: {data.id}</Typography>
           <Timeline>
             {data.events.map((event, index) => (
             <TimelineItem key={index}>
@@ -108,19 +107,19 @@ function Learners(initialQs="") {
                 </TimelineDot>
                 <TimelineConnector />
               </TimelineSeparator>
-              <TimelineContent sx={{ py: '12px', px: 2 }}>
+              <TimelineContent sx={{ py: '12px', px: 2, textAlign: direction === 'rtl' ? 'right' : 'left' }} dir={direction}>
                 <Typography variant="h6" component="span">
                   { event.type === "content_sent" ? eventMap["content_sent_"+event.event_data.course_content_type].title : eventMap[event.type].title }
                 </Typography>
                 { event.type === "quiz_submitted" && <>
-                  <Box><Typography>Score: {event.event_data.score}</Typography></Box>
-                  <Box><Typography>Result: {event.event_data.is_passed ? "Passed" : "Failed"}</Typography></Box>
+                  <Box><Typography>{localeMessages["score"]}: {event.event_data.score}</Typography></Box>
+                  <Box><Typography>{localeMessages["result"]}: {event.event_data.is_passed ? localeMessages["passed"] : localeMessages["failed"]}</Typography></Box>
                 </>}
                 { event.type === "content_sent" && <>
                   <Box><Typography>{event.event_data.course_content_title}</Typography></Box>
                 </>}
                 { event.type === "deactivated" && <>
-                  <Box><Typography>Reason: {event.event_data.reason}</Typography></Box>
+                  <Box><Typography>{localeMessages["reason"]}: {event.event_data.reason}</Typography></Box>
                 </>}
               </TimelineContent>
             </TimelineItem>
@@ -203,7 +202,7 @@ function Learners(initialQs="") {
 
   return (
     <Base
-          breadCrumbList={[{label: 'Learners', href: '#'}]}
+          breadCrumbList={[{label: localeMessages["learners"], href: '#'}]}
           organizationIdRefreshCallback={setOrganizationId}
         >
       <Grid size={{xs: 12, lg: 8}} py={2} pl={2}>
@@ -213,8 +212,8 @@ function Learners(initialQs="") {
             sx={{ mb: '10px', p: '2px 4px', display: 'flex', alignItems: 'center', width: 400 }}
           >
             <InputBase
-              sx={{ pl: 1, flex: 1 }}
-              placeholder="Search Learners"
+              sx={{ px: 1, flex: 1 }}
+              placeholder={localeMessages["search_learners"]}
               inputRef={searcchInputRef}
               onKeyDown={(e) => { if (e.key === 'Enter') { search(); } }}
             />
@@ -227,7 +226,7 @@ function Learners(initialQs="") {
             <Table stickyHeader>
               <TableHead>
                 <TableRow>
-                  <TableCell>Learners List</TableCell>
+                  <TableCell sx={{textAlign: direction=="rtl" ? "right" : "left"}}>{localeMessages["learners_list"]}</TableCell>
                 </TableRow>
               </TableHead>
               <TableBody>
diff --git a/frontend/platform/organizations/Organizations.jsx b/frontend/platform/organizations/Organizations.jsx
index 831fab08..9fc1ddbf 100644
--- a/frontend/platform/organizations/Organizations.jsx
+++ b/frontend/platform/organizations/Organizations.jsx
@@ -69,17 +69,19 @@ function Organizations() {
     });
   }
 
+  const htmlTag = document.getElementsByTagName("html")[0];
+
   const deleteConfirmationDialog = (organization) => {
     setDialogContent(
       <Box sx={{ p: 2 }}>
-        <Typography variant="h6">Confirm Deletion</Typography>
-        <Alert severity="warning" variant="outlined" sx={{ mt: 1 }}>Are you sure you want to delete the organization "{organization.name}"? All the courses contents and users under this organization will also be deleted.</Alert>
+        <Typography variant="h6">{localeMessages["confirm_deletion"]}</Typography>
+        <Alert severity="warning" variant="outlined" sx={{ mt: 1 }}>{localeMessages["are_you_sure_delete_org"].replace("ORGANIZATION_NAME", organization.name)}</Alert>
         <Box sx={{ display: 'flex', justifyContent: 'flex-end', mt: 2 }}>
-          <Button onClick={() => setDialogOpen(false)} sx={{ mr: 1 }}>Cancel</Button>
+          <Button onClick={() => setDialogOpen(false)} sx={{ mr: 1 }}>{localeMessages["cancel"]}</Button>
           <Button variant="contained" color="error" onClick={() => {
             deleteOrganization(organization.id);
             setDialogOpen(false);
-          }}>Delete</Button>
+          }}>{localeMessages["delete"]}</Button>
         </Box>
       </Box>
     );
@@ -87,10 +89,10 @@ function Organizations() {
   }
 
   return (
-    <Base breadCrumbList={[{label: 'Organizations', href: '#'}]} showOrganizationSwitcher={false}>
+    <Base breadCrumbList={[{label: localeMessages["organizations"], href: '#'}]} showOrganizationSwitcher={false}>
       <Grid size={12} py={2} pl={2}>
         <Box p={2} sx={{ border: '1px solid', borderColor: 'grey.300', borderRadius: 1, minHeight: 300, width: { lg: '80%' } }}>
-        <Button variant="contained" startIcon={<AddIcon />} sx={{ marginBottom: 2 }} onClick={() => {
+        <Button variant="contained" startIcon={<AddIcon sx={{ marginLeft: direction == 'rtl' ? 1 : 0 }} />} sx={{ marginBottom: 2 }} onClick={() => {
           setDialogContent(<OrganizationForm
             successCallback={handleSuccessFormSubmission}
             failureCallback={handleFailedFormSubmission}
@@ -98,20 +100,20 @@ function Organizations() {
             createMode={true}
           />);
           setDialogOpen(true);
-        }}>Add an Organization</Button>
+        }}>{localeMessages["add_organization"]}</Button>
 
         { organizations.length > 0 && (<TableContainer component={Paper} sx={{ maxHeight: 440, border: '1px solid', borderColor: 'grey.300', borderRadius: 1 }}>
           <Table>
             <TableHead>
               <TableRow>
-                <TableCell>Name</TableCell>
-                <TableCell sx={{ width: '100px' }}>Actions</TableCell>
+                <TableCell dir={htmlTag.dir} sx={{ textAlign: htmlTag.dir === 'rtl' ? 'right' : 'left' }}>{localeMessages["name"]}</TableCell>
+                <TableCell sx={{ width: '100px' }}>{localeMessages["actions"]}</TableCell>
               </TableRow>
             </TableHead>
             <TableBody>
               { organizations.map((org) => (
                 <TableRow key={org.id}>
-                  <TableCell>{org.name}</TableCell>
+                  <TableCell dir={htmlTag.dir} sx={{ textAlign: htmlTag.dir === 'rtl' ? 'right' : 'left' }}>{org.name}</TableCell>
                   <TableCell>
                     <IconButton onClick={() => goToUrl(org.public_url)}><PublicIcon fontSize="small"/></IconButton>
                     <IconButton onClick={() => {
diff --git a/frontend/platform/organizations/components/OrganizationForm.jsx b/frontend/platform/organizations/components/OrganizationForm.jsx
index 6f1fb65c..f41da260 100644
--- a/frontend/platform/organizations/components/OrganizationForm.jsx
+++ b/frontend/platform/organizations/components/OrganizationForm.jsx
@@ -137,28 +137,30 @@ function OrganizationForm({ successCallback, failureCallback, cancelCallback, cr
 
     return (
         <Box p={2}>
-            <RequiredTextField label="Name" helperText={nameHelperText} fullWidth margin="normal" value={name} onChange={(e) => setName(e.target.value)} />
-            <RequiredTextField label="Description" helperText={descriptionHelperText} fullWidth margin="normal" multiline rows={4} value={description} onChange={(e) => setDescription(e.target.value)} />
+            <RequiredTextField label={localeMessages["name"]} helperText={nameHelperText} fullWidth margin="normal" value={name} onChange={(e) => setName(e.target.value)} />
+            <RequiredTextField label={localeMessages["description"]} helperText={descriptionHelperText} fullWidth margin="normal" multiline rows={4} value={description} onChange={(e) => setDescription(e.target.value)} />
             { !logoUrl ? <Button
             component="label"
             role={undefined}
             variant="contained"
             tabIndex={-1}
-            startIcon={<CloudUploadIcon />}
+            startIcon={<CloudUploadIcon sx={{ marginLeft: direction === 'rtl' ? 1 : 0 }} />}
+            sx={{ textAlign: direction === 'rtl' ? 'right' : 'left', mt: 2, mb: 2}}
+            dir={direction}
             >
-            Logo
+            {localeMessages["logo"]}
             <VisuallyHiddenInput
                 type="file"
                 onChange={(event) => setLogoFile(event.target.files[0])}
             />
             </Button>
-            : (<><img src={logoUrl} alt="Organization Logo" style={{ marginTop: '10px', maxHeight: '100px' }} /><br />
-                <Button variant="text" color="secondary" onClick={removeLogo}>Remove Logo</Button></>
+            : (<><img src={logoUrl} alt={localeMessages["organization_logo"]} style={{ marginTop: '10px', maxHeight: '100px' }} /><br />
+                <Button variant="text" color="secondary" onClick={removeLogo}>{localeMessages["remove_logo"]}</Button></>
             )}
             <DialogActions>
-                <Button onClick={cancelCallback}>Cancel</Button>
+                <Button onClick={cancelCallback}>{localeMessages["cancel"]}</Button>
                 <Button variant='contained' type="submit" color="primary" onClick={createMode? handleCreate() : handleUpdate() }>
-                    {createMode ? 'Create' : 'Update'} Organization
+                    {createMode ? localeMessages["create"] : localeMessages["update"]}
                 </Button>
             </DialogActions>
         </Box>
diff --git a/frontend/public/components/EnrollmentForm.jsx b/frontend/public/components/EnrollmentForm.jsx
index 84f2c8d2..3d13a08b 100644
--- a/frontend/public/components/EnrollmentForm.jsx
+++ b/frontend/public/components/EnrollmentForm.jsx
@@ -13,13 +13,13 @@ const EnrollmentForm = ({course_title, course_slug, organization_id, endpoint, o
     const validateForm = () => {
         const email = emailRef.current.value;
         if (!email) {
-            setErrorMessage('Email is required');
+            setErrorMessage(localeMessages["email_required"]);
             return false;
         }
         // Simple email regex for validation
         const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
         if (!emailRegex.test(email)) {
-            setErrorMessage('Please enter a valid email address');
+            setErrorMessage(localeMessages["email_invalid"]);
             return false;
         }
         setErrorMessage('');
@@ -54,27 +54,27 @@ const EnrollmentForm = ({course_title, course_slug, organization_id, endpoint, o
             })
             .catch(error => {
                 setIsProcessing(false);
-                setErrorMessage('Enrollment failed. Please try again.');
+                setErrorMessage(localeMessages['enrollment_failed']);
             });
         }
     }
 
     return (<Box sx={{padding: 4, minWidth: '400px'}}>
-        <Typography variant='h3'> Enroll for {course_title}</Typography>
+        <Typography variant='h3'> {localeMessages['enrol_for_course'].replace('COURSE_NAME', course_title)}</Typography>
         { isProcessing ? <Typography variant='body1' sx={{ mt: 2 }}><CircularProgress enableTrackSlot size="30px" /></Typography> : <>
         {errorMessage && <Alert severity="error" sx={{ mt: 2 }}>{errorMessage}</Alert>}
-        <RequiredTextField label="email" name="email" type="email" fullWidth margin="normal" inputRef={emailRef} onKeyDown={(e) => {
+        <RequiredTextField label={localeMessages['email']} name="email" type="email" fullWidth margin="normal" inputRef={emailRef} onKeyDown={(e) => {
             if (e.key === 'Enter') {
                 enroll();
             }
         }} />
         <input type="hidden" name="course_slug" value={course_slug} />
         <Box sx={{ mt: 2, textAlign: 'right' }}>
-        <Button variant="outlined" sx={{ mr: 1 }} onClick={onCancle}>
-            Cancel
+        <Button variant="outlined" sx={{ mx: 1 }} onClick={onCancle}>
+            {localeMessages['cancel']}
         </Button>
         <Button variant="contained" color="primary" type="submit" onClick={enroll}>
-            Submit
+            {localeMessages['submit']}
         </Button>
         </Box>
         </>}
diff --git a/frontend/public/organization/Organization.jsx b/frontend/public/organization/Organization.jsx
index 8fb38336..e6af29e6 100644
--- a/frontend/public/organization/Organization.jsx
+++ b/frontend/public/organization/Organization.jsx
@@ -45,7 +45,7 @@ function Organization() {
         <Typography variant="h1">{ organization.name }</Typography>
         <Typography variant="body1" dangerouslySetInnerHTML={{ __html: organization.description }} />
         <Box my={4}>
-            <Typography variant="h2">Courses:</Typography>
+            <Typography variant="h2">{localeMessages['courses']}:</Typography>
             { organization.courses.length > 0 ? (
                 <Grid container spacing={2}>
                 { courses.map((course) => (
@@ -53,16 +53,16 @@ function Organization() {
                     <Box key={course.id} mb={2} p={2} border={1} borderRadius={2} sx={{ minHeight: '100%' }}>
                         <Typography variant="h3">{course.title}</Typography>
                         <Button variant="contained" color="primary" rel="noopener noreferrer" sx={{ mt: 1, mb: 2 }} onClick={() => showModalForCourse(course)} disabled={course.enrolled}>
-                            Enroll Now
+                            {localeMessages['enroll_now']}
                         </Button>
                         <Typography variant="body2" dangerouslySetInnerHTML={{ __html: course.description }} />
-                        { course.enrolled && <Alert severity="success" sx={{ mt: 2 }}>You are enrolled in this course.</Alert> }
+                        { course.enrolled && <Alert severity="success" sx={{ mt: 2 }}>{localeMessages['enrollment_success']}</Alert> }
                     </Box>
                     </Grid>
                 ))}
                 </Grid>
             ) : (
-                <Typography variant="body2">No courses available.</Typography>
+                <Typography variant="body2">{localeMessages['no_courses_available']}</Typography>
             )}
         </Box>
 
diff --git a/frontend/src/components/Base.jsx b/frontend/src/components/Base.jsx
index 2e13f76a..31c37118 100644
--- a/frontend/src/components/Base.jsx
+++ b/frontend/src/components/Base.jsx
@@ -55,13 +55,12 @@ function Base({breadCrumbList, children, bottomDrawerParams, organizationIdRefre
   }, [activeOrganizationId]);
 
 
-
   return (
    <>
     <GlobalStyles styles={(theme) => ({ body: { margin: 0, padding: 0, backgroundColor: theme.palette.background.dark, color: theme.palette.text.primary } })} />
     <MenuBar activeOrganizationId={activeOrganizationId} changeOrganizationCallback={setActiveOrganizationId} showOrganizationSwitcher={showOrganizationSwitcher} drawerWidth={drawerWidth} />
     <Box component="main"
-        sx={{ flexGrow: 1, padding: {sm: 3, xs: 1, md: 5}, width: { md: `calc(100% - ${drawerWidth + 100}px)` }, float: { md: 'right' } }}>
+        sx={{ flexGrow: 1, padding: {sm: 3, xs: 1, md: 5}, width: { md: `calc(100% - ${drawerWidth + 100}px)` }, float: { md: direction === 'rtl' ? 'left' : 'right' } }}>
     <Grid container spacing={0} mt={10} px={4}>
       <Grid size={{xs: 12}}>
       <Breadcrumbs aria-label="breadcrumb">
@@ -91,7 +90,8 @@ function Base({breadCrumbList, children, bottomDrawerParams, organizationIdRefre
       sx={{
         position: 'fixed',
         bottom: 0,
-        right: 16,
+        right: direction === 'rtl' ? 'auto' : 16,
+        left: direction === 'rtl' ? 16 : 'auto',
         padding: 1,
         zIndex: 1000,
         backgroundColor: 'transparent'
diff --git a/frontend/src/components/MenuBar.jsx b/frontend/src/components/MenuBar.jsx
index 2895348c..8c8525b9 100644
--- a/frontend/src/components/MenuBar.jsx
+++ b/frontend/src/components/MenuBar.jsx
@@ -83,12 +83,12 @@ function MenuBar({activeOrganizationId, changeOrganizationCallback, showOrganiza
 
     if (localStorage.getItem('isPlatformAdmin') == 'true') {
         pages.push(
-            { name: 'Organizations', icon: <Diversity3Icon fontSize="small" />, href:  platformBaseUrl + '/organizations/'},
+            { name: localeMessages["organizations"], icon: <Diversity3Icon fontSize="small" />, href:  platformBaseUrl + '/organizations/'},
         );
     }
 
-    pages.push({ name: 'Course Management', icon: <SchoolIcon fontSize="small" />, href: platformBaseUrl + '/courses/' });
-    pages.push({ name: 'Learners', icon: <PeopleIcon fontSize="small" />, href: platformBaseUrl + '/learners/' });
+    pages.push({ name: localeMessages["course_management"], icon: <SchoolIcon fontSize="small" />, href: platformBaseUrl + '/courses/' });
+    pages.push({ name: localeMessages["learners"], icon: <PeopleIcon fontSize="small" />, href: platformBaseUrl + '/learners/' });
     // pages.push({ name: 'Analytics', icon: <BarChartIcon fontSize="small" />, href: platformBaseUrl + '/analytics/' });
 
 
@@ -102,7 +102,7 @@ function MenuBar({activeOrganizationId, changeOrganizationCallback, showOrganiza
             <Box my={1} ml={5} sx={{ height: {xs: "57px", md: "30px"}}}>
                 <img src={logoHorizontalUrl} alt="Logo" style={{maxHeight: "57px", height: "100%"}} />
             </Box>
-            <Box sx={{display: { xs: 'flex'}, right: 0, position: "absolute" }}>
+            <Box sx={{display: { xs: 'flex'}, right: direction === 'rtl' ? 'auto' : '0', left: direction === 'rtl' ? '0' : 'auto', position: "absolute" }}>
                 <ThemeSwitcher />
                 <Box m={1} paddingTop="7px">
                 <IconButton aria-controls="menu-appbar" onClick={toggleMenuDrawer(true)} sx={{ display: { xs: 'inline-block', md: 'none' }}}>
@@ -111,7 +111,7 @@ function MenuBar({activeOrganizationId, changeOrganizationCallback, showOrganiza
                 </Box>
             </Box>
         </AppBar>
-        <Drawer variant={drawerVariant} onClose={toggleMenuDrawer(false)} display={{md: "none" }} open={menuOpen} sx={{ '& .MuiDrawer-paper': { boxSizing: 'border-box', width: drawerWidth } }}
+        <Drawer anchor={direction === 'rtl' ? 'right' : 'left'} variant={drawerVariant} onClose={toggleMenuDrawer(false)} display={{md: "none" }} open={menuOpen} sx={{ '& .MuiDrawer-paper': { boxSizing: 'border-box', width: drawerWidth } }}
             slotProps={{ backdrop: { sx: { backgroundColor: 'rgba(251, 251, 255, 0.57)', backdropFilter: 'blur(5px)' }}, paper: { sx: { boxShadow: '2px 0px 8px rgba(0, 0, 0, 0.1)'}}}}>
             <Box my={2} textAlign="center">
                 <img src={logoVerticalUrl} alt="Logo" style={{ width: "50%" }} />
diff --git a/frontend/src/components/RequiredTextField.jsx b/frontend/src/components/RequiredTextField.jsx
index 86f724a7..137ef56b 100644
--- a/frontend/src/components/RequiredTextField.jsx
+++ b/frontend/src/components/RequiredTextField.jsx
@@ -1,8 +1,9 @@
 import { TextField } from '@mui/material';
 import React from 'react';
 
-const RequiredTextField = React.forwardRef(({ label, value, onChange, error, helperText, ...props }, ref) => {
+const RequiredTextField = React.forwardRef(({ label, value, onChange, error, helperText, sx: passedSx = {}, ...props }, ref) => {
     console.log('RequiredTextField rendered, ref:', ref);
+
     return (
         <TextField
             ref={ref}
@@ -12,8 +13,10 @@ const RequiredTextField = React.forwardRef(({ label, value, onChange, error, hel
             error={error}
             helperText={helperText}
             required
+            sx={{...passedSx, label: { right: direction === 'rtl' ? "25px" : 'auto', left: direction === 'rtl' ? 'auto' : 0, '&.MuiInputLabel-shrink': {right: direction === 'rtl' ? '30px' : 'auto', transformOrigin: direction === 'rtl' ? 'top right' : 'top left', left: direction === 'rtl' ? 'auto' : 0} }}}
             slotProps={{ formHelperText: { sx: { color: 'errorText.main', marginLeft: 0 } } }}
             {...props}
+            dir={direction}
         />
     );
 });