Back to All ProjectsCase Study 3 of 4
MOBILEIn DevelopmentIn Development

AKFP Cross-Platform Mobile App

Native iOS & Android Philanthropy Experience with Hermes Optimization

Production mobile application developed in React Native for Alkhidmat Foundation, bringing real-time campaign tracking and Zakat calculations directly to mobile devices.

Target Platforms

iOS & Android

Engine

Hermes Optimized

Role

Frontend Dev (Contract)

Core Technologies & Tools

React NativeTypeScriptHermes EngineiOSAndroid

Context & Architecture

Extending Alkhidmat Foundation's reach into mobile ecosystems with dedicated iOS and Android experiences tailored for quick giving and live impact updates.

The Challenge

Supporting diverse budget Android hardware across Pakistan while maintaining silky 60fps animations, fast cold starts, and minimal memory footprints.

Engineering Solution

Architected using React Native with Hermes bytecode compilation, fine-grained bundle optimization, and native stack navigation.

Key Architectural Highlights

01.

Hermes Bytecode Engine

Precompiled JavaScript bytecode provides instantaneous cold boot and compact memory consumption on budget devices.

02.

Zakat & Donation Calculators

Interactive calculation elements delivering transparent financial math for religious giving and humanitarian donations.

03.

Native Navigation Architecture

Seamless transition hierarchy between emergency campaigns, donor histories, and regional project updates.

Engineering Status: What Shipped vs. In Progress

Completed & Shipped

  • React Native CLI foundation configured for iOS and Android
  • Hermes profiling and bundle optimization pipelines
  • Core design tokens and donor navigation stacks
  • Zakat calculation logic and interactive input modules

Currently In Development

  • Native payment SDK bridge integrations
  • Push notification handlers for urgent disaster relief drives