منصة "وين في العراق" - دليلك الشامل للخدمات المحلية | موقع الكتروني

كمهندس برمجيات full stack، قمت بتصميم وتطوير منصة "وين في العراق" لصالح أحد العملاء، وهي بوابة إلكترونية متقدمة تهدف إلى ربط المستخدمين بمقدمي الخدمات المحليين في جميع أنحاء العراق. كانت مسؤوليتي شاملة لجميع مراحل المشروع، بدءًا من فهم متطلبات العميل وحتى التنفيذ والنشر.

دوري ومسؤولياتي:

تصميم قواعد البيانات (Database Design):

قمت بتصميم وهيكلة قاعدة البيانات باستخدام Supabase و PostgreSQL، مع التركيز على بناء علاقات قوية بين الجداول لضمان تكامل البيانات وسهولة الاستعلام.

عملت على تحسين أداء الاستعلامات (Query Optimization) من خلال إنشاء طرق عرض مجسّدة (Materialized Views) وفهارس متقدمة، مما أدى إلى تسريع عرض البيانات بشكل ملحوظ.

كتبت ونفذت عمليات ترحيل (Migrations) لإدارة التغييرات في مخطط قاعدة البيانات بشكل آمن ومنظم.

التطوير الخلفي (Backend Development):

اعتمدت على Supabase كمنصة خلفية متكاملة، حيث قمت ببناء وظائف الخادم (Serverless Functions) لإدارة منطق العمل المعقد.

طورت نظامًا قويًا للبحث يعتمد على البحث بالنص الكامل (Full-Text Search) والمرشحات الجغرافية (Geospatial Filters) للسماح للمستخدمين بالعثور على الخدمات بناءً على الموقع والقرب.

قمت بتطبيق سياسات أمان على مستوى الصف (Row-Level Security) لضمان حماية بيانات المستخدمين والتحكم في صلاحيات الوصول.

التطوير الأمامي (Frontend Development):

طورت واجهة مستخدم تفاعلية وحديثة باستخدام React و TypeScript، مع التركيز على تقديم تجربة مستخدم سلسة وسريعة الاستجابة.

استخدمت مكتبة Shadcn/UI لبناء مكونات واجهة المستخدم، مما ضمن الاتساق في التصميم وسهولة الصيانة.

قمت بإدارة الحالة العامة للتطبيق باستخدام TanStack Query (React Query) لجلب البيانات وتخزينها مؤقتًا بكفاءة عالية.

طورت لوحة تحكم إدارية متكاملة باستخدام React Admin، مما يتيح للإدارة التحكم الكامل في محتوى وبيانات المنصة.

التقنيات المستخدمة:

الواجهة الأمامية: React, TypeScript, Vite, Tailwind CSS, Shadcn/UI, React Admin

الواجهة الخلفية وقاعدة البيانات: Supabase, PostgreSQL, PL/pgSQL

أدوات ومكتبات أخرى: React Router, React Hook Form, Zod