Flutter Health & Wellness App with Hybrid Web ArchitectureFlutter Health & Wellness App with Hybrid Web Architecture
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: Ivitasa Health & Wellness Platform (تطبيق آي فيتاسا)
Tagline: A specialized health and wellness mobile application offering personalized health questionnaires, lab test bookings, virtual medical consultations, and vitamin retail through a hybrid Flutter architecture.
Overview: Ivitasa is a digital health and wellness platform designed to provide personalized medical guidance and nutritional care. The mobile application combines diagnostic and e-commerce services, allowing users to complete health questionnaires for custom vitamin recommendations, schedule specialized laboratory analyses, book virtual doctor consultations, and purchase health supplements. The app pairs a native Flutter UI shell with an optimized, headless background web-rendering engine for seamless navigation.
Role: Flutter Mobile Developer (Engineered the hybrid app shell, background headless web pre-rendering, custom DOM element blockers, bilingual localization, and notification services).
Tech Stack:
Framework & UI: Flutter & Dart (Material Design 3, Shimmer skeleton loaders, Cairo typography) State Management: Flutter BLoC (flutter_bloc, equatable) & Provider Hybrid Architecture: flutter_inappwebview (HeadlessInAppWebView pre-warming, custom UserScripts, DOM CSS/JS blockers) Dependency Injection: get_it Push Notifications: Firebase Cloud Messaging (FCM), flutter_local_notifications, Timezone scheduling Localization & Storage: Dynamic Arabic (RTL) & English (LTR) localization, shared_preferences
Key Features:
Personalized Health Questionnaires: Interactive diagnostic assessments that generate tailored vitamin plans and nutritional guidance based on user health profiles. Lab Services & Virtual Consultations: Direct mobile booking for specialized clinical laboratory tests and virtual appointments with medical doctors. Background Headless Pre-Warming: Employs background HeadlessInAppWebViews to pre-load and cache core screens (home and cart), eliminating loading latency and screen flicker. Clean Native App Shell: Injects custom CSS and JavaScript scripts at document start to strip web headers, footers, cookie banners, and third-party overlays, transforming web modules into a clean native look. Custom Shimmer Skeleton Loaders: Structured skeleton loading states tailored for home banners and product grids while remote views synchronize. Bilingual Localization (Arabic & English): Complete bidirectional layout support (RTL/LTR) with dynamic language switching across the entire application interface. Centralized Notifications Center: BLoC-driven notification management handling promotional alerts, consultation updates, and scheduled health reminders.
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