3 files changed, 36 insertions, 7 deletions

diff --git a/README.md b/README.md
index 9e51c75..965c12c 100644
--- a/README.md
+++ b/README.md
@@ -59,3 +59,4 @@ make fmt.write
 | German              | [devofthings](https://github.com/devofthings)     |
 | Indonesia           | [nyancodeid](https://github.com/nyancodeid)       |
 | Polish              | [olekstomek](https://github.com/olekstomek)       |
+| Arabic              | [Ahmed Tokyo](https://github.com/a-tokyo)         |
diff --git a/src/App.js b/src/App.js
index 4e9ee3e..1db0b85 100644
--- a/src/App.js
+++ b/src/App.js
@@ -4,20 +4,20 @@ import logo from '../src/images/wifi.png';
 import { Card } from './components/Card';
 import './style.css';
 
+/* List of languages that require RTL direction (alphabetic order). */
+const RTL_LANGUAGES = ['ar', 'fa-IR'];
+
 function App() {
   const html = document.querySelector('html');
   const { t, i18n } = useTranslation();
 
   const changeLanguage = (language) => {
-    if (language === 'fa-IR') {
-      html.style.direction = 'rtl';
-    } else {
-      html.style.direction = 'ltr';
-    }
+    html.style.direction = RTL_LANGUAGES.includes(language) ? 'rtl' : 'ltr';
     i18n.changeLanguage(language);
   };
 
-  if (i18n.language === 'fa-IR') {
+  /* handle the edge case of the initial render requiring RTL direction */
+  if (RTL_LANGUAGES.includes(i18n.language)) {
     html.style.direction = 'rtl';
   }
 
@@ -52,6 +52,7 @@ function App() {
           <option value="de-DE">German (Germany)</option>
           <option value="id-ID">Indonesian (Indonesia)</option>
           <option value="pl-PL">Polish - PL (Polski)</option>
+          <option value="ar">Arabic - العربية</option>
         </select>
       </div>
 
@@ -62,7 +63,7 @@ function App() {
         <a href="https://github.com/bndw/wifi-card">{t('desc.source')}</a>.
       </p>
 
-      <Card direction={i18n.language === 'fa-IR' ? 'rtl' : 'ltr'} />
+      <Card direction={RTL_LANGUAGES.includes(i18n.language) ? 'rtl' : 'ltr'} />
     </div>
   );
 }
diff --git a/src/i18n.js b/src/i18n.js
index 4c6c500..f816585 100644
--- a/src/i18n.js
+++ b/src/i18n.js
@@ -397,6 +397,33 @@ const resources = {
       select: 'Dil Seçin',
     },
   },
+  ar: {
+    translation: {
+      title: 'بطاقة واي فاي',
+      'desc.use':
+        'اطبع بطاقة بسيطة تحتوي على تفاصيل تسجيل الدخول إلى شبكة الواي فاي. إلصقه على الثلاجة، اوإحتفظ به في محفظتك.',
+      'desc.privacy':
+        'لا يتم إرسال معلومات الشبكة الخاصة بك إلى الخادم او اي اماكن اخري. لا يتم استخدام التتبع أو التحليلات أو البصمات الإلكترونية على هذا الموقع. اعرض ملف',
+      'desc.source': 'البرنامج',
+      'wifi.login': 'تسجيل الدخول',
+      'wifi.name': 'إسم الشبكة',
+      'wifi.name.placeholder': 'إسم الشبكة',
+      'wifi.password': 'كلمه السر',
+      'wifi.password.placeholder': 'كلمه السر',
+      'wifi.password.hide': 'إخفاء حقل كلمة المرور قبل الطباعة',
+      'wifi.password.encryption': 'التشفير',
+      'wifi.tip':
+        'وجّه كاميرا هاتفك إلى رمز الاستجابة السريعة للاتصال تلقائيًا',
+      'wifi.alert.name': 'لا يمكن أن يكون اسم الشبكة فارغًا',
+      'wifi.alert.password.length.5':
+        'يجب أن تكون كلمة المرور مكونة من ٥ أحرف على الأقل',
+      'wifi.alert.password.length.8':
+        'يجب أن تكون كلمة المرور مكونة من ٨ أحرف على الأقل',
+      'button.rotate': 'تدوير',
+      'button.print': 'طباعة',
+      select: 'اختر لغة',
+    },
+  },
   'hi-IN': {
     translation: {
       title: 'वाईफाई कार्ड',