تخطَّ إلى المحتوىجعفر محمود — مطوّر واجهات أمامية
كل الأعمال

مطوّر واجهات أمامية في Davinda

سبعة أشهر على منتجين: Filter Car، منصة SaaS من نوع multi-tenant لمراكز خدمة السيارات، و Evexl، منصة بطاقات عمل رقمية.

السنة
2026
الدور
مطوّر واجهات، ضمن فريق مع الباك إند والاختبار
العميل
Davinda، اللاذقية
التقنيات
React, JavaScript, TanStack Query, Tailwind CSS, i18next, Vite

نظرة عامة

تدير Filter Car العمل اليومي لمراكز خدمة السيارات: بطاقات العمل، وعروض الأسعار، والفواتير، والمدفوعات، والمخزون، وأوامر الشراء، بالعربية والإنجليزية. وتبيع Evexl بطاقات عمل بتقنية NFC، كل بطاقة مرتبطة بصفحة شخصية. الكود والواجهات سرّية، لذلك لا توجد صور في هذه الصفحة.

ما بنيته

مصنع hooks فوق TanStack Query: دالة واحدة تنشئ hooks القائمة والتفاصيل والتعديل لأي مورد، مع query keys موحّدة و pagination وتحديث الكاش.

التحكم بالصلاحيات: hook للصلاحيات، وحماية للمسارات، و wrapper يُظهر الإجراءات أو يخفيها، بناءً على الصلاحيات التي يرسلها الباك إند.

في Evexl: تجديد الاشتراكات وإدارة وسائل الدفع (البطاقات المحفوظة والمقاعد)، مربوطة بالباك إند وبصفحة دفع خارجية.

صفحة سجل العمليات مع الفلترة، وتحميل الصفحات عند الحاجة (lazy loading) ما جعل التحميل الأول أسرع بحوالي 20%.

أعدت هيكلة ترجمات العربية والإنجليزية من كائن واحد غير منظّم إلى مجموعات حسب الصفحة، مع النصوص المشتركة ضمن common.

الفريق وطريقة العمل

حللت مشكلة في جرد المخزون مع Odoo بفحص طلبات الشبكة: وجدت الحقل الذي يفرّق بين الصفر الحقيقي و"لم يُجرد بعد"، ما سمح للباك إند بإصلاحها.

أصلحت الأخطاء يوميًا مع مختبر الجودة ومطوّري الباك إند، وحضرت اجتماعات مع العميل، وساعدت في تحويل المتطلبات إلى مهام للواجهة. وأصبح عملي على Git أكثر احترافية: الفروع، و pull requests، وحل تعارضات الدمج.