ReelSkills – אפליקציית מובייל לקליפים של CS2
ReelSkills – אפליקציית מובייל לקליפים של CS2
אודות הפרויקט
ReelSkills היא אפליקציית המובייל של פלטפורמת הקליפים, מוצר בית של Red Ghost. פיתחנו אותה ב-React Native עם Expo ו-expo-router, כדי לספק חוויית וידאו אנכית מלאת-מסך בסגנון TikTok לשחקני CS2. האפליקציה מציגה פיד קליפים עם ניגון אוטומטי, שכבת killfeed ומעטפת פעולות של לייק, שמירה ותגובות, לצד מסך הגדרות, פרופיל והתחברות דרך Steam בתוך האפליקציה – והכול מבסיס קוד אחד ל-iOS ולאנדרואיד.
תכונות מרכזיות
אפליקציית מובייל מלאה ב-React Native ו-Expo ל-iOS ולאנדרואידפיד קליפים אנכי מלא-מסך בסגנון TikTok עם ניגון אוטומטי (expo-video ו-reanimated)מעטפת פעולות: לייק, שמירה, תגובות ומעקב, עם שכבת killfeed מעל הקליפהתחברות דרך Steam בתוך האפליקציה באמצעות OpenIDדו-לשוניות מלאה – עברית ואנגלית עם תמיכת RTL מלאה (use-intl)ניתוב מבוסס קבצים עם expo-router ומסלולים מוקלדים (typed routes)עיצוב כהה בלבד במצב פורטרייט, ניטור שגיאות עם Sentryבנייה בענן ל-iOS ולאנדרואיד עם EAS מבסיס קוד אחד
אתגרים
אפליקציית וידאו למובייל שמרגישה מיידית מציבה כמה אתגרים טכניים מרכזיים שנדרשנו לפתור:
פיד וידאו אנכי חלק במובייל. להביא חוויית גלילה אחת-קליפ-לעמוד עם ניגון אוטומטי חלק ומעטפת פעולות, בלי קפיצות ובלי טעינות איטיות על מכשירים אמיתיים.
אימות Steam בתוך אפליקציה. Steam עובד עם OpenID שנועד לדפדפן, ולא לזרימת התחברות טבעית בתוך אפליקציית מובייל.
דו-לשוניות מלאה עם RTL במובייל. תמיכה בעברית ובאנגלית מחייבת היפוך פריסה מלא ל-RTL, כולל אייקונים, ניווט ורכיבי הפיד – ולא רק תרגום טקסט.
פתרונות
לכל אתגר בנינו פתרון ממוקד שנשען על מערכת האקוסיסטם של React Native ו-Expo:
פיד מבוסס expo-video ו-reanimated. בנינו פיד אנכי מלא-מסך של קליפ-בעמוד עם ניגון אוטומטי, שכבת killfeed ואנימציות פעולה חלקות שמריצות על ה-UI thread.
זרימת Steam OpenID מובנית. מימשנו התחברות דרך Steam בתוך האפליקציה, כך שהמשתמש מתחבר ומגיע חזרה לפיד שלו ברצף אחד.
תשתית i18n עם use-intl ו-RTL. הקמנו בסיס דו-לשוני מלא לעברית ולאנגלית עם היפוך פריסה אוטומטי, כך שכל מסך נראה נכון בשני הכיוונים.
בסיס קוד אחד עם EAS. ריכזנו את כל האפליקציה בבסיס קוד אחד ובנינו ממנו גרסאות אחידות ל-iOS ולאנדרואיד בענן.
תוצאות
פיד קליפים אנכי מהיר בסגנון TikTok, שהופך רגעי משחק של CS2 לחוויית וידאו זורמת במובייל.חוויית מובייל מלאה: התחברות דרך Steam, פרופיל, הגדרות והתראות – בעברית ובאנגלית עם RTL מלא.בסיס קוד אחד ב-React Native ו-Expo שמניב גרסאות אחידות ל-iOS ולאנדרואיד באמצעות EAS.אפליקציה שלמה מקצה לקצה, עם ניטור שגיאות ב-Sentry וניתוב מוקלד ב-expo-router
