(ContactHub) | CRUD Web Application

مرحباً بكم، أشارك معكم مشروع "ContactHub" (الموضح في ملف المعاينة ziadtar.github.io_CRUDS_.png)، وهو عبارة عن تطبيق ويب متكامل لإدارة وتنظيم جهات الاتصال بشكل ذكي وديناميكي. تم بناء وتطوير التطبيق بالكامل باستخدام تقنيات الـ Front-End الأساسية: HTML5، CSS3، مع الاعتماد على Bootstrap لتنسيق الواجهات، و Vanilla JavaScript لبناء المنطق البرمجي وإدارة البيانات.

أبرز الميزات والوظائف البرمجية في المشروع:

لوحة تحكم وإحصائيات فورية (Dynamic Dashboard): يحتوي التطبيق على بطاقات إحصائية في الأعلى لتقصي الأعداد الإجمالية لجهات الاتصال، المفضلة، وجهات الطوارئ وتحديثها تلقائياً مع كل إجراء.

إدارة كاملة للبيانات (Full CRUD Operations): يتيح التطبيق للمستخدم إضافة جهات اتصال جديدة (Add Contact)، استعراضها، تعديل بياناتها، أو حذفها تماماً بسلاسة وبدون الحاجة لإعادة تحميل الصفحة.

نظام بحث وتصفية ذكي (Advanced Real-time Search): ميزة البحث الفوري بمجرد الكتابة، حيث يمكن للمستخدم تصفية جهات الاتصال بالاسم، أو رقم الهاتف، أو البريد الإلكتروني في نفس الوقت.

قوائم الوصول السريع (Favorites & Emergency): تصميم أقسام جانبية منفصلة تتيح للمستخدم رؤية جهات الاتصال المميزة بنجمة (المفضلة) أو جهات الطوارئ للاتصال السريع.

تصميم متجاوب وعصري (Responsive UI): واجهة مستخدم مريحة للعين، تعتمد على الألوان الهادئة والبطاقات المنظمة، ومتوافقة تماماً مع شاشات الموبايل والتابلت والكمبيوتر بفضل الـ Bootstrap Grid.

تم دمج خاصية الـ LocalStorage لضمان حفظ واستمرار البيانات حتى بعد إغلاق المتصفح أو إعادة تحميل الصفحة.