Qatar Foundation

Multilingual chatbot platform

Role
Frontend Tech Lead
Year
2025
Stack
AngularTypeScriptAzure Bot ServiceRTL Support

01 /Context

The Qatar Foundation chatbot is a bilingual conversational platform (English and Arabic) integrated into the foundation's web. Qatar Foundation is an international non-profit covering more than fifty entities across education, science and community development. They needed a conversational entry point on their web platform that could serve users in English and Arabic equally well, route questions across a large internal map of programs, and feel native to a region where Arabic is not a translation afterthought.

02 /My role

I led the frontend integration of the chatbot inside the foundation's site. That meant building the conversation surface in Angular, wiring it against Azure Bot Service and Cognitive Services, and — the part that defined the project — making the whole experience genuinely bidirectional. Right-to-left for Arabic is not a CSS flip; it touches typography, layout flow, focus order, animation direction, icon mirroring and the way the bot handed off content between languages. I owned that part end to end.

03 /Technical highlights

  • Angular chat surface integrated into the foundation's existing web platform.
  • Full RTL support for Arabic: layout flow, focus order, typography, animation direction and icon mirroring.
  • Language switching that preserved conversation state across LTR and RTL.
  • Azure Bot Service and Cognitive Services on the backend, exposed through a thin typed client on the front.
  • Accessibility baseline aligned with the foundation's standards: keyboard reachable, screen-reader friendly in both languages.

04 /Outcome

The chatbot shipped as a bilingual entry point on Qatar Foundation's platform, with the Arabic experience treated as a first-class citizen rather than an afterthought. The project is one of Bravent's public reference cases in the region.

05 /External links