spotify clone

Spotify Clone – تطبيق استعراض وتشغيل الموسيقى

الوصف:

قمت بتطوير نسخة مخصصة من منصة Spotify باستخدام تقنيات حديثة، تهدف إلى توفير تجربة مستخدم سلسة لاستعراض وتشغيل الموسيقى، مع إمكانية البحث، وإنشاء قوائم تشغيل، واستعراض الأغاني المُفضلة والمُشغلة مؤخرًا.

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

React – لبناء واجهة المستخدم بشكل مكوني وحديث.

TypeScript – لضمان كتابة كود آمن وقابل للصيانة.

Spotify API – لجلب بيانات الأغاني، الفنانين، والألبومات بطريقة ديناميكية.

YouTube API – لتوفير تشغيل الأغاني مباشرةً من اليوتيوب عند عدم توفر رابط المعاينة من سبوتيفاي.

? الخصائص الرئيسية:

شريط بحث ديناميكي: للبحث عن الأغاني، الألبومات، أو الفنانين باستخدام Spotify API.

استعراض الأغاني: عرض الأغاني المُشغّلة مؤخرًا، الأغاني المفضلة، وقوائم تشغيل قابلة للتخصيص.

تشغيل الأغاني: تشغيل الأغاني باستخدام روابط المعاينة من Spotify أو تشغيل الفيديو الكامل من YouTube تلقائيًا في حال عدم توفرها.

واجهة مستخدم تفاعلية وحديثة: بتصميم مستوحى من سبوتيفاي، مع ألوان جذابة وتجربة مستخدم مميزة.

تصميم متجاوب (Responsive): متوافق مع جميع أحجام الشاشات (موبايل – تابلت – كمبيوتر).

ملاحظات تقنية إضافية:

تم استخدام Hooks مثل useEffect و useState لإدارة حالة التطبيق.

اعتماد على Axios لجلب البيانات من Spotify و YouTube APIs.

إعداد نظام Routing باستخدام React Router للتنقل بين الصفحات.