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.