CrowdFunding platform using HTML , CSS , JavaScript

قمت بتطوير نموذج عملي لمنصة تمويل جماعي (Crowdfunding) متكاملة، تهدف إلى محاكاة الأنظمة الحقيقية لجمع التبرعات ودعم المشاريع. يركز المشروع على إظهار مهارات التعامل مع العمليات البرمجية المعقدة (CRUD Operations)، إدارة صلاحيات المستخدمين، وربط الواجهات الأمامية بواجهات برمجة التطبيقات (RESTful APIs).

1. نظام الإدارة (Admin Role) :

تم بناء لوحة تحكم مخصصة للمدير تضمن سلامة المنصة، وتشمل:

إدارة المستخدمين: عرض كافة المستخدمين المسجلين مع صلاحية حظر (Ban) الحسابات عبر تحديث حالة isActive: false.

رقابة الحملات: مراجعة الحملات الجديدة والموافقة عليها (isApproved: true) أو رفضها وحذف المخالف منها.

إدارة البيانات: القيام بعمليات CRUD كاملة (إنشاء، قراءة، تحديث، حذف) مباشرة على db.json عبر Endpoints مخصصة.

2. نظام المستخدمين المسجلين (Registered User) :

نظام تفاعلي يعتمد بشكل كامل على طلبات fetch() للتواصل مع الـ API:

إنشاء الحملات: إطلاق حملات جديدة تشمل (العنوان، الوصف، المبلغ المستهدف، الموعد النهائي).

معالجة الصور: برمجة خاصية رفع الصور باستخدام تقنية Base64 encoding وتخزينها كـ Strings داخل قاعدة البيانات.

إدارة المساهمات (Pledges): إمكانية دعم الحملات الأخرى وتتبع سجل المساهمات الخاص بالمستخدم عبر GET /pledges?userId=:id.

التحديث الديناميكي: إمكانية تعديل بيانات الحملة (مثل الموعد النهائي) باستخدام طلبات PATCH.

3. نظام الزوار (Anonymous User):

تصفح الحملات التي حصلت على الموافقة فقط عبر فلترة البيانات: GET /campaigns?isApproved=true.

نظام بحث متقدم باستخدام Query Parameters للوصول لحملات محددة (مثل: ?q=music).