ContactHub – نظام إدارة جهات الاتصال بسيط وعملي

هل تحتاج إلى واجهه سهلة لإدارة جهات الاتصال من إضافة، تعديل أو حذف بسرعة؟

هذا مشروع ContactHub هو حل عملي أنشأته باستخدام JavaScript صافي (Vanilla JS) و DOM Manipulation لتجربة سلسة وسريعة داخل المتصفح – بدون تعقيد أو إعدادات إضافية.

ماذا يفعل المشروع؟

ContactHub يتيح للمستخدم:

إضافة جهة اتصال جديدة (الاسم، رقم الهاتف، البريد الإلكتروني).

تعديل بيانات أي جهة بسهولة.

حذف جهات الاتصال بضغطة واحدة.

تحديث وعرض القائمة فورًا دون إعادة تحميل الصفحة.

مميزاته:

واجهة مستخدم نظيفة وسهلة الاستخدام.

أداء سريع يعتمد فقط على JavaScript وDOM.

قابل للتهيئة والتطوير مستقبلًا (يمكنك ربطه بقاعدة بيانات/API).

مناسب لمشاريع MVP أو أدوات إدارة سريعة.

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

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

HTML5 – CSS3 – Vanilla JavaScript (ES6+) – DOM Manipulation – Local Storage