Arabic and right-to-left web development
Right-to-left is not a translation setting. A site in Arabic reads from the other edge of the screen, so the navigation, the layout, every icon that points somewhere and every form field mirrors with it — and the parts that do not mirror, a Latin brand name, a URL, a figure, sit inside the sentence running the opposite way from everything around them.
That last part is where most of the work is. A theme handed an Arabic language file is still a left-to-right site with Arabic text in it: the menu opens from the wrong side, the drawer slides in from the wrong edge, a number drags the punctuation around it to the wrong end of the line. None of it raises an error, and none of it is visible to anyone reading the site in another language — which is usually everyone who signed it off.
The work here runs from a journal archive of more than 12,000 Arabic articles to a Quran reader that has to know where every verse sits on a printed page. Several are bilingual rather than Arabic, which is the harder case: both directions have to be right, in one codebase.
Quran8: a Quran app organised by thumun
A Quran reading and listening app organised by thumun rather than by chapter, covering four riwayat. Computer vision traced every verse on every printed page and speech recognition timed every verse in every recording, so the recitation highlights the page as it plays.
Development tools
-
Laravel
-
Tailwind
-
Javascript
-
Python
-
OpenAI
-
Vue JS
-
Capacitor
-
Firebase
-
Paypal
BCLT: a French-learning platform for children
An online French course for Moroccan children who are struggling at school. I built the platform behind it: a course structure down to individual exercises, monthly exams that mark themselves, per-student progress, subscriptions and payment, and three separate portals.
Development tools
-
Laravel
-
Alpine JS
-
Tailwind
-
Filament
-
Javascript
-
Livewire
IFMBTP: a vocational institute with a career centre
A Fès vocational institute training the construction sector's technicians, born of a partnership between Morocco's Ministry of Equipment and the industry federation. The site carries the part that justifies that partnership: a career centre placing graduates with employers.
Development tools
-
Laravel
-
Alpine JS
-
Tailwind
-
Filament
-
Javascript
-
Livewire
Lotus Academy: an Arabic coaching site and course app
A Moroccan coaching practice working on personal, spiritual and family well-being. I built the Arabic landing site and deployed their course app as an instance of The Nest, so programmes, subscription plans and the student area all run on one platform.
Development tools
-
Laravel
-
Tailwind
-
Javascript
-
Alpine JS
-
Filament
-
Livewire
HFEI: an Arabic course platform on The Nest
A Moroccan institute teaching structured programmes in positive and cognitive psychology. I built their Arabic landing site and stood up their course platform as an instance of The Nest — the white-label product, configured and deployed for a right-to-left audience.
Development tools
-
Laravel
-
Tailwind
-
Javascript
-
Filament
-
Livewire
Majalisnoor: a Quran school off WhatsApp and Discord
A Quran programme taught through WhatsApp audio and Discord rooms, organised by hand after every intake. I built the platform that replaced all of it — member area, live classrooms, and a Mushaf reader written from scratch.
Development tools
-
Wordpress
-
Divi builder
-
PHP
-
MySQL
-
Javascript
-
Whatsapp API
Mayastoron: a bookshop launched, not just built
A stocked bookshop platform that was not selling. I gave it an identity of its own, cut the path to an order, brought the traffic, and moved the books into a shipping partner's warehouse. They started selling in the first month.
Development tools
-
Laravel
-
Vue JS
Tell me what you are building
A short description of the problem is enough to start. You will get a straight answer on whether I am the right person for it.