Flutter E-Commerce App with WebView, Deep Links & Push AlertsFlutter E-Commerce App with WebView, Deep Links & Push Alerts
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
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.
Post image
Back to feed
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started