أولاً، قمت بتصميم واجهة مستخدم بسيطة وحديثة باستخدام React.js (أحدث إصدار 19).
ثانيًا، استخدمت state وhooks وprops لإدارة مكونات مختلفة بكفاءة، والاستفادة من hook useState للتعامل مع البيانات الديناميكية.
ثالثًا، استخدمت hook useEffect لجلب "API" للبيانات بنجاح كملف JSON وعرضها في المتصفح.
أخيرًا، تعلمت كيفية استخدام hooks خاصة مثل useDebounce، واستكشفت مزاياها وعيوبها، وقمت بتنفيذها لتحسين عملية البحث على موقع الويب.