KH

منتجات احترافية ضمن شركة مسراج

العمل الذي يثبت طريقة تفكيري وتنفيذي.

منتجات احترافية مختارة طُورت في شركة مسراج للتقنية. تفصل كل دراسة حالة مساهمتي الشخصية عن عمل الفريق وتلتزم بما تدعمه المستودعات.

عرض عام لمصحف اقرأ يظهر قارئ القرآن على الحاسوب والهاتف

تلاوة مدعومة بالذكاء الاصطناعي · قارئ قرآن متقدم

مصحف اقرأ

تكامل واجهة لجلسات التلاوة المباشرة، وصوت المتصفح، والملاحظات على مستوى الآية، وقارئ قرآن بست لغات.

Next.jsReactTypeScriptnext-intlMUISocket.IOWeb AudioDexieTanStack Query
نظام وحدات أزرق تجريدي يمثل معمارية Univerta المشتركة

منصة تعليمية · معمارية الواجهة الأمامية

Univerta

تدفقات إدارة وتعلم واسعة، مع معالجة اعتماديات Nx أعادت التحديث الفوري ورفعت اختبار Lighthouse مضبوطاً من 78 إلى 92.

ReactTypeScriptNext.jsNxMUITanStack QueryReact ContextESLint
مجلس تعلم تجريدي متصل حول كتاب مفتوح وموجة صوتية

عمليات تعلم · إدارة فورية

إدارة متون

منصة إدارة طورتها منذ إعدادها الأول، وتشمل مجالس التسميع المباشرة وGraphQL والحضور والشهادات.

ReactTypeScriptViteMUIReact QueryGraphQL CodegenHasuraSocket.IOJitsii18next
حقل رادار تجريدي يصل إشارات الإعلام بتقدم التقرير والفلاتر والتحليلات

تحليلات إعلامية · تقارير طويلة التنفيذ

Adam Radar

لوحات غنية بالبيانات وتدفق تقارير مخصصة مع الاستطلاع والإلغاء والتصفح اللانهائي والإشعارات وتصدير CSV.

ReactTypeScriptMUIReact QueryAxiosApexChartsRechartsVisxFirebaseReact Hook Form
شعار النسر السوري فوق شبكة جغرافية مترابطة للمشاريع

خريطة تفاعلية · امتلاك نظام المحتوى

باب الشام

منصة ثنائية اللغة مع محتوى قابل للبحث ومستكشف جغرافي متجاوب مبني بـ D3.

Next.jsReactTypeScriptTailwind CSSnext-intlDirectusD3 GeoGeoJSONFramer Motion
مدار تجريدي يجمع وحدات الصوت والمحتوى والتحليلات والعمليات

عمليات متعددة اللغات · منصة محتوى

إدارة Quran Orb

نظام إدارة عربي/إنجليزي واسع للصوت وقوائم التشغيل والتحليلات والمستخدمين والصلاحيات والدعم والنشر.

ReactTypeScriptViteMUIReact QueryAxiosReact Hook FormYupi18nextApexCharts
شعار حافظون المفتوح متصل بوحدات القارئ والروايات

قارئ متعدد الروايات · تطبيق ويب تقدمي

حافظون

قارئ يربط اختلاف الروايات بالكلمات الدقيقة ويحفظ سياق القراءة في المسار ويدعم الصوت والعلامات.

Next.jsReactTypeScriptMUIRedux ToolkitXStateSWRDexiePWA

مشاريع شخصية

استكشاف المنتج كاملاً، من الواجهة إلى البيانات.

مشاريع مستقلة توسّع ممارستي في الواجهات إلى تطوير التطبيقات المتكاملة وتكاملات الذكاء الاصطناعي.

مشروع شخصي · لوحة محافظ متكاملة

متتبع المحافظ المالية

لوحة لتتبع الأسهم والعملات الرقمية والنقد، مع صلاحيات لكل محفظة وسجل حركات وتقييم يدوي ومساعد Gemini للقراءة فقط.

Next.jsReactTypeScriptTailwind CSSPrismaPostgreSQLBetter AuthVercel AI SDKGoogle Gemini