نظام جمع بيانات لغة الإشارة العربية باستخدام MediaPipe وSupabase مع استضافة مجانية على Vercel

قمت بتطوير نظام Web مخصص لجمع بيانات لغة الإشارة العربية (ARSL) مباشرة من المتصفح باستخدام الكاميرا وتقنيات تتبع اليد في الوقت الحقيقي عبر MediaPipe. يعتمد المشروع على استخراج Hand Landmarks أثناء تسجيل الإشارات ثم معالجة البيانات وتطبيعها (Normalization) قبل رفعها تلقائيًا إلى Supabase Storage بصيغة JSON، مما ساعد في بناء Dataset منظمة وقابلة للاستخدام في تدريب نماذج Machine Learning الخاصة بالتعرف على لغة الإشارة. يدعم النظام تسجيل الإشارات الثابتة والمتحركة، مع تتبع عدد العينات المطلوبة لكل إشارة وتنظيم البيانات حسب الفئات المختلفة، بالإضافة إلى واجهة تفاعلية مبنية بـ React وVite توفر تجربة استخدام سريعة وخفيفة. تم نشر المشروع مجانًا على Vercel وربطه بخدمة Supabase لتخزين البيانات وإدارتها بشكل مباشر. التقنيات المستخدمة React 19 Vite MediaPipe Tasks Vision JavaScript Supabase Supabase Storage HTML / CSS Web Camera API JSON Data Processing ESLint طريقة التنفيذ والربط إنشاء واجهة تفاعلية باستخدام React وVite استخدام MediaPipe لاكتشاف Hand Landmarks في الوقت الحقيقي تسجيل الإشارات الثابتة والمتحركة عبر الكاميرا تنفيذ عمليات Normalization على بيانات اليد قبل التخزين ربط المشروع بـ Supabase باستخدام supabase-js رفع البيانات تلقائيًا إلى Supabase Storage بصيغة JSON تنظيم العينات وتتبع عدد التسجيلات لكل Label نشر المشروع مجانًا على Vercel المميزات التقنية استخراج بيانات اليد في الوقت الحقيقي دعم الإشارات الثابتة والمتحركة نظام تتبع لعدد العينات المطلوبة تخزين منظم للبيانات بصيغة JSON معالجة البيانات قبل الرفع لتحسين جودة الـ Dataset واجهة سريعة ومتجاوبة تعمل بالكامل من المتصفح