Live Search & Filter Application Using React.js

# تطبيق البحث والتصفية الفورية للأسماء باستخدام React.js

قمت بتطوير تطبيق ويب تفاعلي باستخدام React.js يتيح للمستخدم البحث داخل قائمة من الأسماء وعرض النتائج بشكل فوري أثناء الكتابة، مع تحسين تجربة المستخدم من خلال تقليل عمليات البحث المتكررة باستخدام تقنية Debouncing.

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

* البحث الفوري داخل قائمة الأسماء.

* تحديث النتائج بشكل ديناميكي دون إعادة تحميل الصفحة.

* استخدام Debouncing لتحسين الأداء وتقليل العمليات غير الضرورية أثناء الكتابة.

* إمكانية مسح البحث بضغطة زر.

* عرض رسالة مخصصة عند عدم العثور على نتائج مطابقة.

* تصميم حديث وسهل الاستخدام مع واجهة مستخدم منظمة.

* استخدام React Hooks لإدارة البيانات والتفاعلات بكفاءة.

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

* React.js

* JavaScript (ES6+)

* HTML5

* CSS3

* React Hooks (useState, useEffect, useMemo)

ما يبرزه المشروع:

يُظهر هذا المشروع القدرة على تطوير واجهات ويب تفاعلية باستخدام React، وإدارة الحالة (State Management)، والتعامل مع الأحداث (Events)، وتحسين الأداء باستخدام Debouncing، بالإضافة إلى تقديم تجربة مستخدم احترافية وسلسة.