تطبيق إدارة جهات الاتصال ContactHub باستخدام JavaScript

قمت بتطوير تطبيق ContactHub لإدارة جهات الاتصال باستخدام HTML وCSS وJavaScript وBootstrap، مع واجهة مستخدم حديثة ومنظمة تساعد المستخدم على إضافة وتعديل وحذف والبحث عن جهات الاتصال بسهولة.

يوفر التطبيق لوحة بسيطة لعرض إحصائيات جهات الاتصال، مثل إجمالي عدد جهات الاتصال، جهات الاتصال المفضلة، وجهات الطوارئ. كما يدعم حفظ البيانات داخل LocalStorage حتى تظل البيانات موجودة بعد إعادة فتح المتصفح.

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

* HTML5

* CSS3

* JavaScript

* Bootstrap

* LocalStorage

* Font Awesome

* SweetAlert2

* Responsive Design

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

* إضافة جهة اتصال جديدة.

* تعديل بيانات جهة اتصال موجودة.

* حذف جهة اتصال.

* البحث داخل جهات الاتصال.

* تحديد جهات الاتصال كمفضلة Favorite.

* تحديد جهات اتصال للطوارئ Emergency.

* رفع صورة لجهة الاتصال.

* التحقق من صحة البيانات باستخدام JavaScript Validation.

* حفظ البيانات باستخدام LocalStorage.

* عرض إحصائيات Dashboard بشكل ديناميكي.

* واجهة مستخدم responsive ومنظمة.

ركزت في المشروع على بناء تجربة استخدام سهلة، وتنظيم عناصر الواجهة، والتعامل مع البيانات داخل المتصفح بدون Backend.