Hasan Al-Kaf
AboutProjectsContactBlog
GitHubLinkedInEmail

© 2026 Hasan Al-Kaf. All rights reserved.

Back to Projects

Motqen Association

Next.js v15Zodnext-intlMotionTailwindCSS
Motqen Association

Overview

Motqen Association is a responsive website for an organisation providing specialised Qur’an education programmes. I contributed to its frontend development, localisation, and responsive interface.

The Challenge

The interface needed to support Arabic and right-to-left content while remaining accessible, responsive, and easy to navigate across different devices.

What I Built

I implemented the frontend using Next.js 15 and next-intl, created reusable components with Tailwind CSS, added Motion transitions, and used Zod for frontend validation.

My Contributions

  • Built responsive pages for desktop, tablet, and mobile screens.
  • Implemented localisation using next-intl.
  • Supported Arabic and right-to-left interface behaviour.
  • Created reusable interface components and accessible interactions.

Outcome

The result is a responsive Arabic experience that helps learners and visitors explore the association’s programmes and content.

Project Links

View Live Demo

Project Type

client