Dynamic Notifications System

وصف المشروع:

نظام تنبيهات تفاعلي وديناميكي بالكامل، يُستخدم لعرض الرسائل المختلفة داخل واجهات الويب مثل التنبيهات، الأخطاء، الملاحظات، النجاحات، والنصائح.

المشروع مصمم ليكون قابل لإعادة الاستخدام (Reusable Component)، حيث يمكن إضافة أنواع جديدة من التنبيهات بسهولة من خلال الكود فقط دون الحاجة لتعديل التصميم.

طريقة التنفيذ:

تم تطوير المشروع باستخدام React.js و SASS لتنظيم الأكواد وتحقيق مرونة عالية في التنسيق.

النظام يعتمد على البيانات الديناميكية (Dynamic Props / State) لتوليد التنبيهات آليًا حسب نوع الرسالة.

تم تطبيق Dark Mode بشكل متكامل مع ألوان ديناميكية لكل نوع تنبيه.

الكود منظم باستخدام Component-based structure مما يجعله قابل للتوسع بسهولة.

مميزات المشروع:

إنشاء وحذف التنبيهات ديناميكيًا.

دعم كامل للوضع الليلي (Dark Mode).

ألوان وأيقونات مخصصة لكل نوع من التنبيهات.

استخدام SASS variables & mixins لسهولة التحكم في التصميم.

كود نظيف وسهل الدمج في أي مشروع أكبر.

تصميم متجاوب يعمل على جميع الأجهزة.