
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.
Khaled Hajij
I build production interfaces for complex product workflows—from multilingual dashboards and real-time learning systems to analytics tools and advanced Quran-reading experiences.
10+
products
≈ 4
years of professional work
RTL / LTR
multilingual product systems
Selected work
Selected professional products built at Misraj Technologies. Each case study separates my contribution from the wider team and avoids claims the repositories cannot support.
View all work
AI-assisted recitation · Advanced Quran reader
Frontend integration for live recitation sessions, browser audio, verse-level feedback, and a six-language Quran reader.

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

Learning operations · Real-time administration
An administration platform built from its initial setup, including live hearing councils, GraphQL workflows, attendance, and certification.

Media analytics · Long-running reports
Data-rich dashboards and a resilient custom-report workflow with polling, cancellation, pagination, notifications, and CSV export.

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

Multilingual operations · Content platform
A broad Arabic/English administration system for audio, playlists, analytics, users, permissions, support, and publishing.

Multi-riwayah reader · Progressive web app
A Quran reader that maps narration differences to exact words, preserves reading context in routes, and supports audio and bookmarks.
Personal projects
Independent projects that extend my frontend practice into full-stack workflows and AI integrations.
Personal project · Full-stack holdings dashboard
A stock, crypto, and cash holdings dashboard with portfolio-scoped roles, movement history, manual valuations, and a read-only Gemini assistant.
About the work
At Misraj Technologies, I turn complex requirements into maintainable product interfaces. My strongest work sits where frontend architecture, multilingual UX, server-state coordination, media, and data-rich interaction meet.
Experience
Build and maintain production applications across education, Quran technology, analytics, administration, and CMS-driven public platforms.
Contributed to frontend maintenance and feature delivery for a logistics and fleet-management product as a junior React developer.
Certifications
Structured programs that strengthened the frontend foundations applied across my product work.
Meta · Coursera
Featured credential
A nine-course professional program including Advanced React, Version Control, and UI/UX Design.
February 13, 2023
Completed over approximately 7 months · ~6 hours/week
freeCodeCamp
Completed the freeCodeCamp certification curriculum in JavaScript algorithms and data structures.
June 2022
Engineering strengths
Explicit state, resilient async behavior, and clear recovery across recitation sessions, report jobs, and live councils.
Arabic RTL and English LTR systems with localized routing, content, metadata, validation, and direction-aware UI.
Reusable forms, tables, filters, uploads, permissions, CRUD workflows, and content operations at product scale.
Browser audio, Socket.IO, Jitsi, Directus, Hasura/GraphQL, Firebase, uploads, and analytics visualizations.
Feature boundaries, query layers, custom hooks, reusable component patterns, and maintainable project structure.
Maps, Quran readers, dashboards, charts, calendars, search, comparison tools, and responsive operational interfaces.
Skills in practice
A closer look at the architecture, integrations, and quality controls behind my project work—including an implemented AI-to-CMS automation workflow in Nova.
Explore all skillsImplemented in Nova
I designed and implemented an AI-assisted workflow where Hermes Agent researches and discovers content, returns structured JSON, and hands control to a TypeScript application pipeline. The application validates, filters, deduplicates, ranks, and transforms candidates before creating draft-only entries in Directus for human editorial review.
Feature boundaries, shared data layers, reusable administration patterns, and maintainable project structure across large product surfaces.
Univerta · Mutoon Admin · Quran Orb Admin
Typed contracts and application-owned pipelines that connect interfaces, services, and content platforms without surrendering validation or permissions.
Nova · Bab al-Sham · Quran Orb Admin
Legible UI state for long-running jobs, live sessions, browser media, notifications, cancellation, timeouts, and recovery.
Mushaf Eqrra · Adam Radar · Mutoon Admin
Working stack
Now learning
I am currently deepening my Node.js and Express knowledge. I present this as an active growth direction—not as established professional backend ownership.