GitHub Explorer - تطبيق React للبحث في مستخدمي GitHub ومستودعاتهم
تفاصيل العمل
تطبيق ويب (Single Page App) للبحث عن أي مستخدم على GitHub، وعرض ملفه الشخصي ومستودعاته، وحفظ المستخدمين المفضلين.
المميزات:
- بحث فوري عن المستخدمين مع Debounce لتقليل الطلبات على الـ API
- صفحة ملف شخصي تعرض الصورة والنبذة والإحصائيات والمستودعات، وكل قسم يُحمّل بشكل مستقل حتى لا يتأثر أحدهما بفشل الآخر
- قائمة مفضلة تُحفظ حتى بعد إعادة تحميل الصفحة
- معالجة كاملة لحالات التحميل والنتائج الفارغة والأخطاء، ورسالة واضحة عند تجاوز حد طلبات GitHub API
التقنيات:
React 19 + TypeScript، Vite، TanStack Query، Zustand، React Router، Axios، Tailwind CSS
الاختبارات:
34 اختبارًا باستخدام Vitest و React Testing Library تغطي الـ Hooks والـ Stores والمنطق والمكونات.
تم النشر على Vercel، والكود متاح على GitHub: