تحسينات وإصلاحات فنية لموقع مبني بـ React و Supabase

typescript CSS Tailwind CSS React jQuery Back End typescript CSS Tailwind CSS React jQuery Back End

وصف المشروع: أحتاج إلى مطور front-end و back-end لديه خبرة في React و Supabase لتنفيذ مجموعة من التحسينات والإصلاحات على موقعي الإلكتروني. التفاصيل كالتالي: ⸻ المهام المطلوبة: 1.حل مشكلة تحديث الصفحات (Redirect Issue): عند تحديث بعض الصفحات الداخلية (مثل نموذج تسجيل السائق)، تظهر صفحة خطأ. أحتاج إلى ضبط التوجيه (Routing) بحيث تعمل الصفحة بشكل طبيعي عند التحديث أو الدخول المباشر. 2.إضافة رابط فيسبوك: إضافة أيقونة أو رابط صفحة فيسبوك الخاصة بالموقع في التذييل (Footer) أو في مكان مناسب في الواجهة. 3.إرفاق الهوية والرخصة في نموذج السائق: تعديل نموذج تسجيل السائق ليشمل إمكانية رفع صورة الهوية الوطنية وصورة رخصة القيادة، ويتم ربط الملفات بحساب السائق في قاعدة البيانات (Supabase). 4.تحسين الترجمة وتنسيق اللغة: •محاذاة النصوص حسب اللغة (يمين للعربية، يسار للإنجليزية). •التأكد من أن كل المحتوى يظهر بلغة واحدة دون خلط. •إصلاح مشكلة تغيير لغة الموقع بالكامل للعربية عند الضغط على “الدعم والمساعدة” أثناء استخدام اللغة الإنجليزية. 5.تنسيق رقم الطلب والفاتورة: •تنظيم أرقام الطلبات والفواتير لتكون تسلسلية (مثل: 1000، 1001…). •عرض رقم الفاتورة بوضوح في لوحة تحكم العميل والسائق مع إمكانية الرجوع إليه لاحقًا. 6.إصلاح صفحة “نسيت كلمة المرور”: تفعيل وظيفة استعادة كلمة المرور لتعمل بشكل صحيح مع إرسال رسالة عبر البريد الإلكتروني. 7.إزالة رسالة الخطأ في صفحة الطلبات: رسالة خطأ تظهر في صفحة الطلبات رغم أن الصفحة تعمل. المطلوب إزالة الرسالة أو إصلاح السبب الحقيقي وراء ظهورها. 8.تفعيل خانة “الإبلاغ عن مشكلة”: الخانة موجودة لكنها غير مفعلة. أحتاج إلى تفعيلها لتمكين المستخدمين من إرسال بلاغات، مع ربطها بنظام التنبيهات أو حفظها في قاعدة البيانات. 9.تصحيح إشعار تأكيد البريد بعد تسجيل السائق: حالياً يظهر إشعار غير دقيق بأن رسالة تأكيد البريد قد أُرسلت، بينما لا يتم الإرسال فعلياً. المطلوب إما تعديل النص ليعكس الواقع أو تنفيذ إرسال بريد تأكيد حقيقي. 10.تعديل لون زر “تسجيل الخروج”: تغيير لون زر تسجيل الخروج في جميع لوحات التحكم (السائق، العميل، المشرف) ليكون برتقاليًا (مطابق للون شعار الموقع). ⸻ التقنيات المستخدمة حالياً في المشروع: •React •TypeScript •Vite •Tailwind CSS •Shadcn UI •Radix UI •React Query •React Router •Supabase (للبيانات والمصادقة) ⸻ ملاحظات إضافية: يفضل من لديه خبرة سابقة في مشاريع مماثلة.