قمت بتطوير وبناء منصة متكاملة (Full-Stack) مخصصة لمعاهد تحفيظ القرآن الكريم، تهدف إلى إدارة المنظومة التعليمية بالكامل من خلال ثلاث لوحات تحكم متخصصة: (المدير، المعلم، الطالب). المشروع يعمل حالياً كنسخة تجريبية حية على خادمي الخاص. أبرز المهام والميزات التي قمت بتطويرها: نظام الطلاب الذكي: فرز وتوزيع تلقائي للطلاب على الفصول الدراسية (بفصل تلقائي للذكور والإناث). يحتوي حساب الطالب على جدول أسبوعي، وأرشيف للدروس (مرئية وصوتية)، ونظام تفاعلي للمناقشات المحددة بوقت. نظام اختبارات متقدم ومضاد للغش (Anti-Cheat): صممت بيئة اختبارات صارمة تتضمن: منع الوصول إلى فحص العنصر (Inspect Element)، حفظ تلقائي لحظي للإجابات، منع الطالب من مغادرة صفحة الاختبار (إجبار على العودة في حال الخروج أو انقطاع الإنترنت)، وتسليم تلقائي بمجرد انتهاء الوقت. أدوات المعلم والتحليلات: إمكانية إدارة الحضور والغياب، وجدولة أو تأجيل الدروس. بالإضافة لنظام تصحيح هجين للاختبارات (تصحيح تلقائي للأسئلة الموضوعية بضغطة زر، وتصحيح يدوي للمقالية)، مع توفير لوحة تحليلات دقيقة لمستوى كل طالب. معالجة متقدمة للبيانات والصور: برمجة خوارزمية لإنشاء معرّف مستخدم (ID) مخصص بصيغة: [role][year][gender][birth_day][sequence]. كما طورت نظاماً لرفع الصور (بحد أقصى 5MB) يقوم بقص الصورة وتحويلها تلقائياً إلى صيغة WebP لتوفير مساحة التخزين وتريع التحميل. هندسة الأداء والأمان: بناء أجزاء كبيرة من الموقع باستخدام (Server Components) لضمان أداء فائق السرعة، مع استخدام واجهات تحميل (Skeleton Loading). كما قمت بتأمين الموقع بترويسات أمان (Security Headers) قوية مع JS Nonce. بيانات الدخول للتجربة : المعلم: t12345678 الطالب: s12345678 المدير: a12345678 كلمة المرور للجميع: 12345678

موقع ويب متعدد اللغات (Hawari) - الترحيل إلى Next.js وتحسين محركات البحث قمت بالعمل على قالب (Template) مبني مسبقاً بـ React، وتخصيصه بالكامل ليحتوي على صفحتين رئيسيتين (الرئيسية، ومن نحن). لضمان أقصى استفادة من قدرات تحسين محركات البحث (SEO) والأداء العالي، قمت بترحيل (Migration) المشروع بالكامل إلى بيئة Next.js. أبرز المهام والميزات التي قمت بتطويرها: الترحيل إلى Next.js: نقل الكود وتحديث بنية المشروع للاستفادة من ميزات Next.js الحديثة، مما يوفر سرعة تحميل فائقة وأداءً ممتازاً. تحسين متقدم لمحركات البحث (Advanced SEO): إعداد شامل لملفات sitemap.xml و robots.txt و manifest، بالإضافة إلى تحسينات هيكلية لزيادة الظهور العضوي على محركات البحث. أمان عالي (Security Headers): تطبيق سياسات أمان صارمة من خلال إعداد وتخصيص ترويسات الأمان (HTTP Security Headers) لحماية الموقع من الثغرات الشائعة. دعم 4 لغات مختلفة: بناء نظام تدويل (Internationalization) متكامل باستخدام next-intl لخدمة جمهور متنوع بأربع لغات مختلفة بسلاسة تامة

قمت بتطوير تطبيق "يمي" (والتي تعني "بالقرب مني" في اللهجة العراقية)، وهو منصة إعلانات مبوبة شاملة للهواتف المحمولة تقدم تجربة تسوق وتصفح مشابهة لتطبيق "Sahibinden" التركي الشهير. تم إطلاق التطبيق بنجاح وهو متاح الآن على متجري Google Play و Apple Store. أبرز المهام والميزات التي قمت بتطويرها: تطوير تطبيق الهاتف من الصفر: قمت ببناء التطبيق بالكامل باستخدام إطار عمل Expo، مع التركيز على تقديم واجهة مستخدم سلسة وعصرية وتجربة أداء عالية على نظامي iOS و Android. المحادثات الفورية (Real-time Chat): ساهمت في تطوير أجزاء من الواجهة الخلفية (Backend) وربطها مع التطبيق لبناء نظام محادثات فوري بين المستخدمين باستخدام Socket.io. نظام الإشعارات: تنفيذ وإدارة نظام الإشعارات (Push Notifications) لضمان بقاء المستخدمين على اطلاع دائم برسائلهم وتحديثات إعلاناتهم. بناء الواجهات وإدارة النماذج: استخدام مكتبات متقدمة لبناء واجهات مستخدم متجاوبة ونماذج معقدة لإضافة الإعلانات والبحث عنها بفعالية عالية.

قمت بتطوير منصة ويب شاملة لشركة "Sezerchina"، وهي شركة متخصصة في توزيع المنتجات الكهربائية لتجار التجزئة والتجار. التحدي: واجهت "Sezerchina" تحديات تشغيلية كبيرة في إدارة طلبات العملاء. كانت الشركة تعتمد على إرسال واستقبال ملفات متعددة، مما خلق عملية فوضوية ومربكة لكل من الشركة وعملائها. كان سير العمل اليدوي هذا غير فعال، ويستغرق وقتاً طويلاً، ويعيق القدرة على التوسع والنمو. الحل: قمت ببناء منصة ويب احترافية أحدثت تحولاً جذرياً في عملية الطلبات بأكملها من خلال: نظام متقدم لتصفح المنتجات: يمكن للتجار الآن البحث عن المنتجات وتصفحها بسهولة عبر فئات، وكتالوجات، وفلاتر للعلامات التجارية، مما يجعل اكتشاف المنتجات عملية سلسة وفعالة. تجربة مستخدم محسنة (UX): تم تصميم المنصة بنهج يضع المستخدم في المقام الأول، لتزويد التجار بكافة المعلومات الأساسية في متناول أيديهم - بدءاً من التفاصيل الدقيقة للخدمات وحتى معلومات التواصل - لضمان تجربة احترافية وسلسة. إدارة ديناميكية للمحتوى: بالاعتماد على Strapi كنظام إدارة محتوى منفصل (Headless CMS)، قمت بتطوير لوحة تحكم إدارية قوية تمكن فريق Sezerchina من إضافة وتحديث وإدارة المنتجات، والفئات، والكتالوجات بسهولة دون الحاجة لتدخل تقني. أداء عالٍ وتحسين احترافي لمحركات البحث (SEO): تم بناء المنصة باستخدام Next.js لضمان سرعة تحميل فائقة وأداء مثالي. طبقت أفضل ممارسات الـ SEO مع دعم كامل للغتين (العربية والإنجليزية)، مما أدى إلى تحسين ظهور المنصة على محركات البحث والوصول العضوي بشكل كبير. الأثر: حوّل هذا المشروع عملية استيراد معقدة ويدوية إلى تجربة رقمية مبسطة. حسّنت المنصة الكفاءة التشغيلية لشركة Sezerchina، وقللت من الأعباء الإدارية، ورفعت من مستوى رضا العملاء من خلال تزويد التجار بنظام طلبات حديث واحترافي.

في أحد الأيام، عملت مع اثنين من أصدقائي على تطوير منصة ويب متكاملة. نظراً لحقوق الطبع والنشر والسرية، لا يمكنني مشاركة تفاصيل دقيقة، وسأكتفي بعرض صورة أو صورتين آمنتين لا تؤثران على خصوصية الموقع أو أصحابه. أبرز المهام والميزات التي قمت بتطويرها: نظام الصلاحيات (Role-Based Access): قمت بتطوير النظام ليدعم 3 أنواع من المستخدمين: المدير (بصلاحيات كاملة)، منشئ الصور، والمستخدم العادي، مع تخصيص الواجهات والعمليات لكل دور. محرر صور متقدم: باستخدام مكتبة Konva، صممت أداة تفاعلية تتيح للمستخدمين التعديل على صورهم (تكبير، تصغير، إضافة وتلوين النصوص) وتصدير الصورة النهائية لتحميلها بجودة عالية. محرك بحث ذكي: طورت نظام بحث تقريبي (Fuzzy Search) يدعم البحث المخصص؛ حيث يمكن استخدام الرمز @ للبحث عن المستخدمين، والرمز # للبحث عن منتجات تحتوي على "هاشتاغ" معين. إدارة مساحات التخزين: عملت في البداية على ربط المشروع بخدمة Amazon S3 لتخزين الملفات، ولاحقاً قمت بتنفيذ عملية ترحيل (Migration) ناجحة لخدمة تخزين أخرى لتلبية متطلبات المشروع بشكل أفضل.