Valorant

نظرة عامة على المشروع

تطبيق معلومات Valorant هو مشروع شخصي قمت بتطويره بالكامل باستخدام Flutter بهدف إنشاء دليل تفاعلي ومرئي لعناصر اللعبة الشهيرة (العملاء، الخرائط، والأسلحة). تم بناء هذا التطبيق كتطبيق Native Cross-Platform (يعمل على iOS و Android) مع التركيز على جودة الواجهة (UI) والتجربة البصرية (UX).

نجح المشروع في تحقيق تكامل سلس مع واجهة برمجة تطبيقات خارجية وفي تقديم واجهة مستخدم قوية وجريئة تعكس الهوية البصرية للعبة.

المميزات التقنية وإنجازاتي كمطوّر

1. بنية التطبيق والتكامل مع API:

إطار العمل: Flutter (Dart) لضمان قاعدة كود واحدة عالية الأداء لكلا النظامين.

مصدر البيانات: تكامل كامل وفعال مع واجهة http://valorant-api.com/. قمت بتنفيذ طبقة API للتعامل مع جلب وتجهيز البيانات المتنوعة (Agents, Maps, Weapons) والتعامل مع حالات التحميل والأخطاء.

إدارة الحالة (State Management): تطبيق بنية إدارة حالة نظيفة ومقروءة لضمان تدفق البيانات بسلاسة بين الواجهة والأجزاء الخلفية، مما يحافظ على سرعة استجابة التطبيق.

2. تصميم الواجهة وتجربة المستخدم (UI/UX):

تصميم جاذب (Evocative UI): تصميم الواجهة بالكامل يعتمد على النمط الداكن (Dark Theme) والألوان المميزة للعبة (الأسود، الأحمر، الأبيض)، مما يوفر تجربة غامرة ومطابقة لهوية العلامة التجارية.

تخصيص العناصر: بناء عناصر واجهة مخصصة مثل شريط التنقل المبوب (Tab Bar) في الجزء العلوي وبطاقات العرض الكبيرة والجريئة للعملاء والخرائط.

تصميم تفصيلي لشاشات العملاء: تصميم شاشات مفصلة لعرض العميل وصورته الكاملة، مع تقسيم واضح للوصف وعرض أيقونات القدرات (Abilities) بشكل بصري.

3. الوظائف الرئيسية المنفذة:

القسمالميزات التي قمت بتنفيذها

العملاء (Agents)تصميم بطاقات عملاء مخصصة، عرض تفصيلي لـ الوصف والـ Abilities (القدرات) لكل عميل.

الخرائط (Maps)عرض صور وخرائط مصغرة جذابة للخرائط الرئيسية (Ascent, Split, Fracture)، بتصميم بطاقات متدرج الألوان.

الأسلحة (Weapons)عرض الأسلحة مصنفة حسب النوع (Heavy, Rifles) مع صور واضحة وأسماء بخطوط مميزة.

التنقلتنفيذ نظام تنقل سلس يعتمد على التبويبات الثلاثة الرئيسية، مما يسهل على المستخدم الوصول إلى المعلومات.