EdTech platform

The Conversationalists — Game-based English learning platform

A platform for a game-based English academy: students book courses and join live classes inside the site, with breakout rooms, recording and screen share.

  • Year: 2024-2025
  • Duration: 5 months
  • Client: The Conversationalists
  • Outcome: Live classes built in

Technologies: PHP, Laravel, LiveKit, Filament, Livewire

Project links: Website · Watch the project video

The Challenge

A game-based English academy needed more than a website. Students had to find a course, book it and join their class in one place, and teachers needed to run that class themselves (breakout rooms, screen share, recording, extra time) without sending anyone to a third-party meeting app.

Behind it, the academy's admins, secretaries and quality controllers each needed their own access to courses, groups, meetings, recordings and exams, in Arabic and English.

Our Approach

  1. Discovery — How the academy runs its courses, groups and live sessions, and what each of its five roles needs.
  2. UX & UI design — User flows and screens for students, teachers, secretaries, quality controllers and admins, in a playful look.
  3. Development — The public site, course booking, student dashboard and admin panel, built from the designs.
  4. Live classroom — Video classes inside the platform: waiting room, breakout rooms, screen share, recording and extra time.
  5. Arabic and English — Every page in both languages, with a true right-to-left layout.
  6. Testing and launch — Checked across roles, languages and screen sizes, then launched.

Core Features

  • Live classes in the platform — No third-party meeting app: the class runs on the site itself.
  • Breakout rooms — Split the class into groups and bring it back, mid-session.
  • Recording and screen share — Sessions recorded from the platform itself.
  • Extend a session — The teacher adds time while the class is live.
  • Waiting room — The teacher admits each student into class.
  • Catalogue and instant search — Results appear as you type, with no page reload.
  • Five roles, one panel — Courses, groups, meetings, recordings and exams, with separate roles for admins, secretaries and quality control.
  • Fully bilingual — Arabic and English with a true right-to-left layout.

The Results

  • 5 User roles with their own permissions
  • 2 Languages, true right to left
  • 0 Third-party meeting apps

منصة تعليمية

The Conversationalists — منصة لتعلّم الإنجليزية بالألعاب

منصة لأكاديمية تعلّم الإنجليزية بالألعاب: يحجز الطلاب الكورسات ويحضرون الحصص المباشرة داخل الموقع، مع غرف فرعية وتسجيل ومشاركة للشاشة.

  • السنة: 2024-2025
  • المدة: ٥ أشهر
  • العميل: The Conversationalists
  • النتيجة: حصص مباشرة داخل المنصة

التقنيات المستخدمة: PHP، Laravel، LiveKit، Filament، Livewire

روابط المشروع: الموقع · شاهد فيديو المشروع

التحدي

احتاجت أكاديمية لتعلّم الإنجليزية بالألعاب إلى أكثر من موقع. كان على الطالب أن يجد الكورس ويحجزه ويدخل حصته من مكان واحد، وعلى المدرّس أن يدير الحصة بنفسه (غرف فرعية، مشاركة الشاشة، تسجيل، وقت إضافي) دون تحويل أحد إلى تطبيق اجتماعات خارجي.

وخلف ذلك، احتاج كل من الإدارة والسكرتارية ومراقبي الجودة إلى صلاحيات خاصة على الكورسات والمجموعات والحصص والتسجيلات والاختبارات، بالعربية والإنجليزية.

كيف عملنا

  1. الاكتشاف — كيف تدير الأكاديمية كورساتها ومجموعاتها وحصصها المباشرة، وما يحتاجه كل دور من أدوارها الخمسة.
  2. تصميم تجربة وواجهة المستخدم — رحلات المستخدم والشاشات للطلاب والمدرّسين والسكرتارية ومراقبي الجودة والإدارة، بشكل مرح مستوحى من الألعاب.
  3. التطوير — الموقع العام وحجز الكورسات ولوحة الطالب ولوحة التحكم، مبنية من التصميمات.
  4. الفصل المباشر — حصص فيديو داخل المنصة: غرفة انتظار، غرف فرعية، مشاركة الشاشة، تسجيل ووقت إضافي.
  5. عربي وإنجليزي — كل صفحة باللغتين، بواجهة حقيقية من اليمين لليسار.
  6. الاختبار والإطلاق — اختبار كل الأدوار واللغتين ومقاسات الشاشات، ثم الإطلاق.

الميزات الأساسية

  • حصص مباشرة داخل المنصة — بدون تطبيق اجتماعات خارجي: الحصة تعمل على الموقع نفسه.
  • غرف فرعية — تقسيم الفصل لمجموعات وإعادته أثناء الحصة.
  • التسجيل ومشاركة الشاشة — تسجيل الحصص من داخل المنصة.
  • تمديد الحصة — المدرّس يضيف وقتًا والحصة شغالة.
  • غرفة الانتظار — المدرّس يقبل دخول كل طالب للحصة.
  • الكتالوج والبحث الفوري — النتائج تظهر أثناء الكتابة بدون إعادة تحميل الصفحة.
  • خمسة أدوار ولوحة واحدة — الكورسات والمجموعات والحصص والتسجيلات والاختبارات، بأدوار منفصلة للإدارة والسكرتارية ومراقبة الجودة.
  • بلغتين بالكامل — العربية والإنجليزية بواجهة حقيقية من اليمين لليسار.

النتائج

  • ٥ أدوار بصلاحيات خاصة لكل دور
  • ٢ لغتان بواجهة من اليمين لليسار
  • ٠ تطبيقات اجتماعات خارجية

Previous Project: Awn — Urgent medical care, booked in minutes · Next Project: Wayout — Interior design studio website, in English and Arabic · Back to Portfolio · Start a Conversation