Mutashabih

A full-stack  platform built to support the study of Mutashabihat (similar Quranic verses) through a modern bilingual web experience and a scalable backend architecture. The project combines a high-performance Ruby on Rails REST API + CMS with a responsive Next.js frontend, delivering structured Quranic content, advanced search tools, and personalized user features.

On the backend, I developed a secure and maintainable API that manages complex relational data between Suras, Ayahs, and verse similarities, while also powering dynamic CMS content such as articles, events, FAQs, SEO pages, and sliders. The system includes authentication flows, OTP verification, password recovery, and role-based access control for administrators through an ActiveAdmin dashboard.

On the frontend, I built a fast, bilingual (Arabic / English) interface with full RTL/LTR support, enabling users to explore Quranic similarities through searchable, filterable, and paginated experiences. I implemented secure JWT-based sessions, favorites, protected routes, optimized data fetching with caching, and polished UX features such as skeleton loaders and responsive layouts.

Key Highlights

• Full-stack architecture connecting Rails API with Next.js frontend
• Arabic & English localization with RTL/LTR adaptive UI
• Advanced Quranic verse similarity explorer with filtering & search
• Secure authentication, OTP, password reset, and user accounts
• Admin CMS for managing content without developer involvement
• Optimized API consumption with caching and smooth UX loading states