Project Name: Wraka E-Commerce App

Project Name: Wraka E-Commerce App (متجر ورقة)

Tagline: A responsive mobile e-commerce application bridging web storefront architecture with native mobile capabilities, deep-link routing, and real-time push notifications.

Overview: Wraka Store is a mobile retail application providing a streamlined shopping experience for office supplies, stationery, and paper products. Designed to bridge the brand's web platform with mobile-first convenience, the app incorporates native device lifecycle controls, intelligent URL scheme routing, pull-to-refresh interactions, and automated promotional notifications.

Role: Flutter Mobile Developer (Engineered the hybrid web-to-mobile bridge, native URL interceptor, offline resilience handling, and Firebase push notifications).

Tech Stack:

Framework & UI: Flutter & Dart (Material Design 3, Cupertino UI elements) Hybrid WebView Engine: flutter_inappwebview (Custom User-Agent, cookie sync, JS bridge) Push Notifications: Firebase Cloud Messaging (FCM) & flutter_local_notifications Deep Linking & Navigation: Native URL Scheme Handlers (WhatsApp, Tel, Social Channels) & PopScope Lifecycle Management

Key Features:

Seamless Hybrid Shopping Experience: Fast, app-like storefront rendering with session persistence, third-party cookie support, and native pull-to-refresh. Smart URL & Deep Link Interception: Intercepts external navigation requests (WhatsApp support, phone calls, social platforms) and redirects them smoothly to native installed applications without disrupting the browsing flow. Dynamic Route & Page Indicator: Synchronizes active web routes (products, cart, account, info) with an animated native position bar for visual navigation clarity. Network Resilience & Offline Handling: Graceful connection error management with custom offline reload screens and user feedback rather than raw browser error pages. Native Navigation Controls: Full hardware back-button and gesture navigation support with history stack traversal to prevent accidental exits. Real-Time Push Alerts: Targeted background and foreground marketing alerts and order updates powered by Firebase Cloud Messaging.