Flutter Tunisie

الوقت هو أغلى رأس مال ⏳
كل دقيقة تضيعها اليوم
تنجم تكون خطوة للنجاح غدوة

✨ انضمّ لمجموعتنا
📌 تعلّم كيف تلقى حلول حقيقية
📌 نرافقوك خطوة بخطوة
📌 مسار واضح نحو الربح

✅ 100% مجاني
🚀 وإحنا معاك في كل مرحلة من رحلتك
https://chat.whatsapp.com/HH3KOfjbawkG0evzebNNAV

يعني إيه Hive؟ وأصلاً يعني إيه Local Storage في Flutter؟ 🤔📱
لو أنت شغال فلاتر، أكيد عديت على مرحلة إنك محتاج تسجل بيانات في الموبايل والبيانات دي تفضل موجودة حتى لو قفلت التطبيق.. هنا بيجي دور الـ Local Storage.
ببساطة.. يعني إيه Local Storage؟
هي مساحة تخزين صغيرة "جوه الموبايل"، بنستخدمها عشان نحفظ حاجات زي:
الـ Theme (دارك مود ولا لايت مود؟).
الـ Token (عشان المستخدم ما يضطرش يسجل دخول كل شوية).
بيانات بسيطة زي اسم المستخدم أو الإعدادات الخاصة بالتطبيق.
طيب إيه هو الـ Hive ده؟ 🐝
الـ Hive هو واحد من أقوى وأسرع الـ Databases (NoSQL) اللي ممكن تستخدمها في فلاتر عشان تعمل Local Storage.
ليه الـ Hive مكسر الدنيا؟
سرعة خرافية: أسرع بكتير من Shared Preferences ومن SQLite.
NoSQL: مش محتاج تكتب SQL Queries معقدة، بتتعامل مع البيانات كأنها Map أو Objects.
Cross-Platform: شغال زي الفل على Android,
iOS, Web, و Desktop بنفس الكود.
Strong Encryption: لو محتاج تشفر البيانات (زي
الـ Login Data) الـ Hive بيوفرلك ده بسهولة.
إمتى تستخدم Hive؟ 🛠️
لو بتعمل تطبيق To-Do ومحتاج تحفظ المهام أوفلاين.
لو عندك بيانات كتير وعاوز الـ Performance يفضل صاروخ.
لو بتطبق Clean Architecture وعاوز Data Layer سريعة ومنظمة.

الـ setState بريئة.. إنت اللي بتستخدمها غلط! 😅🛠️
وانت بتعمل تطبيق زي To-Do List، لما المستخدم يدوس على الـ Checkbox ✅، هل منطقي تعيد رسم الشاشة كلها من أول الـ AppBar لحد آخر زرار تحت؟
​أكيد لأ! ده اسمه "إهدار لموارد الجهاز".
​عشان تستخدم setState بذكاء وماتتقلش التطبيق، اتبع القاعدة دي:
​"انزل بالـ State لتحت خالص" (Push State Down)
​يعني إيه؟
بدل ما تخلي صفحة الـ HomePage كلها StatefulWidget وتعمل setState وتحدث الصفحة كلها عشان أيقونة اتغيرت..
👈 الحل: افصل الـ To-Do Item الواحد في
Widget لوحده (مثلاً TaskTile)، وخليه هو الـ Stateful.
​لما تعمل كدة وتدوس على الـ Checkbox:
​الـ TaskTile بس هو اللي هيعمل Rebuild.
​باقي الصفحة هتفضل ثابتة زي ما هي.
​التطبيق هيبقى طيارة 🚀.
​قاعدة ذهبية: "حدث اللي اتغير بس، وسيب الباقي في حاله".
​في تطبيقك الحالي، لما بتدوس على زرار، بتحدث الصفحة كلها ولا الجزء الخاص بيه بس؟

دليل لتعلم تطوير الـ API خطوة بخطوة.

# 10 Mock Projects for Flutter Development

These projects are designed to help you practice and showcase your Flutter development skills using various technologies and APIs.

# # 1. To-Do List App with Firebase Sync

**Features:** Add, edit, and delete tasks + sync with Firebase Firestore.

**Technologies:** Firebase Firestore, Provider/BLoC, Local Storage (Hive/Sqflite).

# # 2. Chat App (like WhatsApp)

**Features:** Send and receive instant messages, support images, push notifications using Firebase.

**Technologies:** Firebase Authentication, Firestore, Firebase Cloud Messaging (FCM), WebSockets.

# # 3. Simple E-Commerce App

**Features:** View products, add to cart, login and sign up, payment (Stripe or PayPal).

**Technologies:** Firebase or any Backend like Node.js, Stripe API, BLoC/Provider.

# # 4. Personal Expense Management App

**Features:** Add expenses, view statistics, sync with Google Sheets or Firebase.

**Technologies:** Charts Package, Local Storage (Hive/Sqflite), Google Sheets API.

# # 5. News App with API (like Google News)

**Features:** Display news from API, Search, Save for later reading.

**Technologies:** REST API (like NewsAPI), Shared Preferences, Provider/BLoC.

# # 6. Fitness App

**Features:** Training programs, Pedometer, Calorie tracking.

**Technologies:** Health API, Local Notifications, SQLite/Hive.

# # 7. Simple Social Media App

**Features:** Login, Post photos/text, Comments and likes.

**Technologies:** Firebase Firestore, Firebase Storage, Authentication, Provider/BLoC.

# # 8. Food Ordering App (like Uber Eats)

**Features:** Display restaurants, Order, Payment, Track order.

**Technologies:** Google Maps API, Firebase, Payment Gateway, Provider/BLoC.

# # 9. Notes App with OCR

**Features:** Create notes, Convert text from images using OCR.

**Technologies:** Firebase ML Kit, Local Storage, Provider/BLoC.

# # 10. Student Management App for Teachers

**Features:** Add students, Attendance, Assessments, Notifications to parents.

**Technologies:** Firebase Firestore, Firebase Authentication, Cloud Functions.

# # Project Implementation Tips

- Start with UI design using Figma or Adobe XD before coding
- Use proper state management (Provider, BLoC, Riverpod)
- Implement responsive layouts for different screen sizes
- Write clean, reusable widgets
- Include error handling and loading states
- Add unit and widget tests for your code
- Implement proper navigation and routing

# # Learning Resources

- Official Flutter documentation and codelabs
- Flutter YouTube channels (Flutter, The Flutter Way, FilledStacks)
- Udemy and Coursera Flutter courses
- GitHub repositories with similar projects for reference
- Flutter community packages on pub.dev

SQL Joins