واجهة أمامية لتطبيق جمع تبرعات (SPA) باستخدام React & Redux Toolkit

يمثل هذا المشروع تطوير واجهة أمامية كاملة لتطبيق أحادي الصفحة (SPA) مخصص لحملات جمع التبرعات، حيث كان الهدف الأساسي هو بناء هيكل برمجي ذو أداء عالٍ وهيكلة نظيفة، يعكس الكفاءة في استخدام أحدث ممارسات تطوير الويب. تم استخدام React 19 كنواة للمشروع، مع الاعتماد على Vite كمجمع لتسريع عملية التطوير وضمان سرعة تحميل فائقة للتطبيق النهائي. لإدارة تدفق البيانات المعقدة في تطبيق تمويل (مثل تتبع التبرعات وحالة المصادقة)، تم تطبيق حل إدارة الحالة المركزي Redux Toolkit (RTK)، مما يوفر هيكلًا مركزيًا وقابلًا للتنبؤ للبيانات غير المتزامنة. تم الاهتمام بالتصميم والتجاوبية، حيث استُخدم Bootstrap 5 لتنفيذ تصميم مرن وجذاب يتكيف بذكاء مع جميع الأجهزة. كما تميز التطبيق بكفاءة التعامل مع النماذج؛ إذ تم استخدام مكتبة React Hook Form لتنفيذ نماذج تسجيل دخول وتسجيل ذات تحقق صارم من صحة البيانات على مستوى العميل. أما على مستوى النتائج، فقد تم تسليم تطبيق جاهز للعمل بشكل كامل، حيث يشتمل على نظام توجيه سلس (Routing) باستخدام React Router DOM (v6)، مع تهيئة مسبقة للربط الديناميكي للبيانات من واجهة خلفية (Backend API) باستخدام fetch. هذا المشروع يبرهن على القدرة على بناء تطبيقات React واسعة النطاق، ذات أداء محسن، وجاهزة للنشر الفوري بفضل تهيئة المسارات المخصصة للاستضافة الثابتة (مثل GitHub Pages).