Nectar

Nectar Grocery App

​Role: Lead Flutter Developer

​1. The Vision

​مشروع Nectar هو تطبيق متكامل لبيع البقالة بالتجزئة، تم بناؤه من الصفر باستخدام Flutter لتحويل تصميم Figma معقد إلى منتج حقيقي وسلس. الهدف كان تقديم تجربة مستخدم (UX) تضاهي التطبيقات العالمية في السرعة والاستجابة.

​2. Tech Stack (الأدوات المستخدمة)

​Framework: Flutter.

​State Management: Provider

​Architecture:​ MVC (Model-View-Controller).

​UI/UX: Figma to Code (Pixel Perfect Implementation).

​3. Key Features

​Auth Flow: نظام تسجيل دخول متكامل (Login/Sign-up) مع واجهات إدخال بيانات المستخدم.

​Dynamic Cart System: نظام سلة مشتريات ذكي يسمح بإضافة، تعديل، وحذف المنتجات مع تحديث السعر لحظياً.

​Product Exploration: واجهة بحث وتصنيف متطورة (Find Products) لتسهيل الوصول للمنتجات.

​Checkout Journey: تجربة دفع سلسة تبدأ من السلة حتى تأكيد الطلب بنجاح.

​4. Technical Challenges

​Pixel Perfect Design: التحدي كان في تحويل الـ Layouts المعقدة من Figma إلى Flutter Widgets تحافظ على أبعادها في مختلف أحجام الشاشات.

​Performance Optimization: التعامل مع قائمة منتجات كبيرة وصور عالية الجودة دون التأثير على سرعة الـ Scrolling.