تطبيق Beatify هو تطبيق موبايل (متوافق مع iOS و Android) مصمم لتقديم تجربة موسيقية متكاملة وعصرية. يتيح للمستخدمين اكتشاف موسيقى جديدة، البحث عن فنانيهم المفضلين، وتشغيل الأغاني بسلاسة تامة، تماماً مثل التطبيقات العالمية الرائدة. تم التركيز في هذا المشروع على بناء واجهة مستخدم (UI) نظيفة ومريحة للعين، مع أداء فائق السرعة يضمن تجربة استماع خالية من التقطيع.
ميزات المشروع:
اكتشاف ذكي للموسيقى: تصفح قوائم تشغيل مخصصة ومتنوعة تناسب جميع الأذواق.
بحث سريع ودقيق: محرك بحث متكامل للعثور على أي أغنية، فنان، أو قائمة تشغيل في ثوانٍ.
مكتبة المفضلة: إمكانية حفظ الأغاني وبناء مكتبة موسيقية شخصية بضغطة زر واحدة.
مشغل وسائط متطور: تحكم كامل وسلس في المقاطع (تشغيل، إيقاف، تخطي، وشريط تتبع التقدم).
تصميم عصري ومتجاوب: واجهة جذابة تعتمد على تأثيرات بصرية حديثة (مثل تدرجات الألوان والتأثيرات الزجاجية Blur)، وتتطابق مع جميع أحجام الشاشات.
طريقة التنفيذ والتقنيات المستخدمة:
تم تطوير التطبيق من الصفر باستخدام أحدث تقنيات تطوير تطبيقات الموبايل لضمان الأداء العالي والاعتمادية:
تطوير الواجهات (Frontend): تم بناء التطبيق باستخدام (React Native 0.79) و بيئة (Expo 53) لضمان خروج التطبيق لمنصتي أندرويد وآيفون بكود برمجي واحد. تم استخدام (Expo Router) لإدارة التنقل بين الشاشات بسلاسة.
إدارة البيانات والحالة: لضمان سرعة استجابة التطبيق، تم دمج (Redux Toolkit) لإدارة حالة التطبيق المركزية، مع (React Query) و (Axios) لجلب وتخزين بيانات الـ APIs بكفاءة دون تحميل زائد على الشبكة.
أداء القوائم والحركات: لضمان عدم حدوث أي بطء عند تصفح آلاف الأغاني، تم استخدام مكتبة (FlashList) من Shopify للرندرة السريعة، بالإضافة إلى (Moti & Reanimated 3) لإنشاء حركات انتقالية (Animations) ناعمة واحترافية.
الصوتيات والتصميم البصري: تم الاعتماد على (Expo Audio) لمعالجة مشغل الموسيقى، واستخدام (React Native Paper) مع أدوات القياس المتجاوبة (Responsive Dimensions) لضمان عرض الواجهات والخطوط بشكل مثالي على أي جهاز.