KH
Open navigation menu

Professional product work at Misraj

Work that shows how I think and ship.

Selected professional products built at Misraj Technologies. Each case study separates my contribution from the wider team and avoids claims the repositories cannot support.

Mushaf Eqrra public product presentation showing its Quran reader on desktop and mobile

AI-assisted recitation · Advanced Quran reader

Mushaf Eqrra

Frontend integration for live recitation sessions, browser audio, verse-level feedback, and a six-language Quran reader.

Next.jsReactTypeScriptnext-intlMUISocket.IOWeb AudioDexieTanStack Query
Abstract blue modular system representing Univerta's shared frontend architecture

Education platform · Frontend architecture

Univerta

Broad admin and student workflows, plus an Nx dependency cleanup that restored hot reload and improved a controlled Lighthouse run from 78 to 92.

ReactTypeScriptNext.jsNxMUITanStack QueryReact ContextESLint
Abstract council of connected learning participants around an open book and audio waveform

Learning operations · Real-time administration

Mutoon Admin

An administration platform built from its initial setup, including live hearing councils, GraphQL workflows, attendance, and certification.

ReactTypeScriptViteMUIReact QueryGraphQL CodegenHasuraSocket.IOJitsii18next
Abstract radar field connecting media signals, report progress, filters, and analytics

Media analytics · Long-running reports

Adam Radar

Data-rich dashboards and a resilient custom-report workflow with polling, cancellation, pagination, notifications, and CSV export.

ReactTypeScriptMUIReact QueryAxiosApexChartsRechartsVisxFirebaseReact Hook Form
The Syrian eagle emblem above a connected geographic project network

Interactive map · CMS ownership

Bab al-Sham

A bilingual CMS-driven platform with searchable projects, localized content, and a responsive D3 geographic explorer.

Next.jsReactTypeScriptTailwind CSSnext-intlDirectusD3 GeoGeoJSONFramer Motion
Abstract orbit of audio, content, analytics, and operational modules

Multilingual operations · Content platform

Quran Orb Admin

A broad Arabic/English administration system for audio, playlists, analytics, users, permissions, support, and publishing.

ReactTypeScriptViteMUIReact QueryAxiosReact Hook FormYupi18nextApexCharts
Hafidhun open-Quran emblem connected to reader and narration modules

Multi-riwayah reader · Progressive web app

Hafidhun

A Quran reader that maps narration differences to exact words, preserves reading context in routes, and supports audio and bookmarks.

Next.jsReactTypeScriptMUIRedux ToolkitXStateSWRDexiePWA

Personal projects

Exploring the whole product, from interface to data.

Independent projects that extend my frontend practice into full-stack workflows and AI integrations.

Personal project · Full-stack holdings dashboard

Wealth Portfolio Tracker

A stock, crypto, and cash holdings dashboard with portfolio-scoped roles, movement history, manual valuations, and a read-only Gemini assistant.

Next.jsReactTypeScriptTailwind CSSPrismaPostgreSQLBetter AuthVercel AI SDKGoogle Gemini