تطبيق تجارة إلكترونية (E-Commerce App) تم تطويره باستخدام Flutter وفقًا لأحدث معايير تصميم التطبيقات، مع الاعتماد على معمارية MVVM لضمان تنظيم الكود وسهولة التوسع، واستخدام Cubit (Bloc) لإدارة الحالة بشكل احترافي.
يعتمد التطبيق على Fake API لعرض المنتجات بشكل ديناميكي، بالإضافة إلى دمج Firebase Authentication لتسجيل الدخول وإنشاء الحسابات، واستخدام Cloud Firestore لتخزين وإدارة عناصر سلة المشتريات.
مميزات التطبيق:
شاشة بداية (Splash Screen)
نظام تسجيل دخول وإنشاء حساب واسترجاع كلمة المرور
عرض المنتجات من API مع:
شريط بحث
فلترة المنتجات
واجهة رئيسية تحتوي على Drawer يشمل:
صورة المستخدم
اسم المستخدم
تفعيل الوضع الليلي (Dark Mode)
الإعدادات
سلة المشتريات
شاشة تفاصيل المنتج:
عرض تفاصيل كاملة
إمكانية إضافة المنتج إلى السلة
سلة المشتريات:
عرض المنتجات المختارة
عرض السعر لكل منتج
حساب السعر الإجمالي تلقائيًا
شاشة الدفع (Checkout)
التقنيات المستخدمة:
Flutter (UI Framework)
Firebase Authentication
Cloud Firestore
REST API Integration
Cubit (State Management)
MVVM Architecture
An E-Commerce mobile application developed using Flutter, following modern development standards with a clean and scalable MVVM architecture, and utilizing Cubit (Bloc) for efficient state management.
The app integrates a Fake API to dynamically display products, along with Firebase Authentication for user login and registration, and Cloud Firestore to manage and store cart items.
Key Features:
Splash Screen
Authentication system:
Sign In
Sign Up
Forgot Password
Product listing from API with:
Search functionality
Filtering options
Home screen with a Drawer that includes:
User profile image
Username
Dark mode toggle
Settings
Cart access
Product Details Screen:
Full product information
Add to cart functionality
Cart Screen:
Display selected products
Show product prices
Calculate total price dynamically
Checkout Screen
Technologies Used:
Flutter
Firebase Authentication
Cloud Firestore
REST API Integration
Cubit (Bloc) State Management
MVVM Architecture