مشروع Crowdfunding بواسطة HTML, CSS, and JS

Crowdfunding Platform

قمت بتطوير منصة تمويل جماعي (Crowdfunding Platform) تتيح للمستخدمين إنشاء حملات لجمع التبرعات ودعمها، مع لوحة تحكم متكاملة للمشرف (Admin Dashboard) لإدارة جميع العمليات داخل المنصة.

المشروع تم تنفيذه باستخدام HTML, CSS, وVanilla JavaScript بدون أي مكتبات أو فريموركات خارجية.

أنواع المستخدمين:

1. Administrator (المشرف):

لوحة تحكم لمراجعة الحملات (Campigners) والداعمين (Backers).

عرض جميع التبرعات بالتفاصيل.

قبول أو رفض الحملات المقدمة.

حظر المستخدمين المخالفين.

إدارة الحساب الشخصي (تعديل الصورة – تغيير كلمة السر – حذف الحساب).

2. Campaigner (صاحب الحملة):

تسجيل الدخول / التسجيل.

إنشاء حملة تمويل مع تفاصيل كاملة.

انتظار الموافقة من الأدمن على الحملة.

تعديل بيانات الحساب (بما في ذلك الصورة وكلمة المرور).

3. Backer (المساهم):

استعراض جميع الحملات المتاحة.

التبرع لأي حملة نشطة.

تجربة تبرع سهلة وسريعة.

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

HTML5: لبناء الهيكل الأساسي للصفحات.

CSS3: لتنسيق الواجهات بأسلوب متجاوب وجذاب.

Vanilla JavaScript: لإضافة التفاعلية، التحكم في البيانات، تنفيذ تسجيل الدخول، التحقق من المدخلات، وإدارة حالة المستخدم.

أهم المميزات:

تسجيل دخول مخصص لكل نوع مستخدم.

صلاحيات منفصلة وواضحة (Role-Based Access).

واجهة مستخدم سهلة الاستخدام ومناسبة لجميع الأجهزة (Responsive Design).

تحكم كامل في الحملات والتبرعات من قبل الأدمن.

تجربة تبرع واقعية تحاكي منصات التمويل الجماعي المعروفة.