من صفر إلى تطبيق باستخدام Firebase Studio و Gemini!

Описание: في هذا الفيديو، راح نبني تطبيق كامل باستخدام بيئة Google الجديدة: Firebase Studio
تطبيق يعمل بالذكاء الاصطناعي، يُولّد وصفات من المكونات + يعرض الصور + المعلومات الغذائية + التخزين في Firestore + تسجيل دخول وحماية المسارات!

يدعم: Web + iOS + Android.


ماذا ستتعلم:

ربط المشروع بـ Firestore
توليد وصفات + صور بالذكاء الاصطناعي
عرض السعرات والبروتين والدهون
تسجيل دخول مع Auth
حماية الصفحات (Protected Routes)
استخدام Git و GitHub
واجهة مستخدم احترافية (Landing Page)

كود المشروع (GitHub):
🔗 https://github.com/rylar1/RecipeSage

⭐ لا تنس تعمل Star للمستودع إذا عجبك المشروع!


الأدوات المستخدمة:
Firebase: https://firebase.google.com

Firebase Studio: https://firebase.google.com/studio

Google Cloud Console: https://console.cloud.google.com

Google AI Studio (Gemini): https://aistudio.google.com



Chapters:

0:00 - 2:19 - المقدمة – مقدمة عن فكرة المشروع ومميزاته
2:19 - 5:11 - ما هو Firebase – شرح سريع للمنصة واستخداماتها
5:11 - 6:58 - بناء القالب – إعداد واجهة المشروع الأولية
6:58 - 9:51 - العرض التوضيحي – استعراض شامل للميزات قبل الدخول بالكود
9:51 - 13:59- بناء مشروع – البدء بتجهيز الهيكل البرمجي
13:59 - 18:29 - مميزات Firebase Studio – لماذا نستخدمه بدل الطريقة التقليدية
18:29 - 23:09 - الانتقال إلى البرمجة – بدء كتابة الكود الفعلي للمشروع
23:09 - 26:14 - توليد الوصفات بأي لغة – دعم اللغات المختلفة باستخدام الذكاء الاصطناعي
26:14 - 33:23 - الدعم الكامل للغة العربية – تحويل واجهة المستخدم لـ RTL
33:23 - 38:09 - إضافة التغذية للوصفة – السعرات والبروتين والدهون تلقائياً
38:09 - 45:57 - وصفات متعددة – توليد أكثر من وصفة بناءً على المكونات
45:57 - 48:14 - صفحة الهبوط – تصميم واجهة احترافية للصفحة الرئيسية
48:14 - 52:23 - التوثيق مع Firebase – إعداد مصادقة المستخدمين
52:23 - 58:53 - إنشاء مشروع في Firebase – تجهيز المشروع وربطه بالتطبيق
58:53 - 1:05:37 - حفظ المستخدمين – تخزين بيانات المستخدم في قاعدة Firestore
1:05:37 - 1:10:00 - دفع إلى GitHub – نشر الكود على GitHub ومشاركة المشروع
1:10:00 - 1:11:00 - النشر واستعراض النتائج النهائية للمشروع

هذا الفيديو هو دليلك الكامل لبناء مشروع احترافي خطوة بخطوة باستخدام Firebase Studio!
اشترك لمزيد من المشاريع الذكية والمفيدة. 💡


محتوى زي كذا ياخذ ساعات من الشغل والبحث والتجربة،
لكن بضغطة لايك وتعليق منك… تعطيني سبب أستمر وأطور أكثر.
فإذا عجبك الشرح؟ ادعمني بالتفاعل ✌️