Hi, I'm Fouzia
>
Currently building scalable mobile features at AirAsia Move — a travel platform serving millions across Asia. 6+ years shipping production apps in FinTech, WealthTech, and AI.
// React Native · TypeScript
import { useState } from 'react'
import { View, Text } from 'react-native'
const Developer = () => {
const [skills] = useState([
'React Native',
'TypeScript',
'AI Integration'
]);
return (
<View style={styles.container}>
<Text>Building great apps</Text>
</View>
);
}
export default Developer;About Me
Building Mobile Apps
That Actually Ship
I'm a Senior Software Engineer with 6+ years of experience building cross-platform mobile apps and AI-driven platforms. Currently at AirAsia Move, shipping features for a travel platform used by millions across Asia.
My career spans FinTech (Avendus, ICICI Mutual Fund, Bank Muscat), WealthTech (Zfunds, Valuefy), and AI-driven platforms (Mphasis). I specialise in React Native performance, MVVM architecture, and integrating AI/ML APIs to deliver intelligent user experiences.
How I Got Here
Started self-teaching React Native in 2020 during lockdown — shipped my first production app 6 months in. Since then, I've never looked back.
What I Love
The intersection of great UX and clean engineering. I'm obsessed with the details: 60fps animations, sub-100ms taps, and apps that feel alive.
Where I'm Heading
Deepening my expertise in AI-native mobile apps. Building experiences where the phone actually knows what you need before you ask.
Beyond Code
When I'm not coding, I'm writing technical articles, mentoring junior devs, or obsessing over productivity tooling.
Career
Where I've Worked
A track record of shipping impactful mobile products across multiple industries.
Senior Software Engineer – Mobile & Frontend
- Developing scalable mobile features for the AirAsia Move app, a travel platform serving millions of users across Asia
- Building complex cross-platform UI modules including travel recommendation tabs, map-based discovery, and personalized content feeds
- Optimizing React Native performance using memoization, list virtualization, and efficient state management to improve rendering speed in high-traffic user flows
- Implementing offline-first strategies for travel content caching and improved reliability in low-connectivity environments
- Developing advanced mobile interactions and animations using React Native Reanimated for smooth and responsive UI experiences
- Collaborating with backend teams to integrate microservices and REST APIs delivering real-time travel recommendations and itinerary data
Senior Software Developer — AI & Financial Platforms
- Architected and delivered AI-driven financial platforms with a strong focus on UI scalability, usability, and performance using React and TypeScript
- Developed reusable component libraries and dashboard frameworks for data-intensive financial visualizations
- Designed advanced filtering, search, and analytics interfaces for large financial datasets, reducing research effort by 40%
- Integrated frontend applications with AI/ML APIs to deliver automated insights and financial commentary
- Designed and delivered dashboards to monitor autonomous AI agents, improving task visibility and operational efficiency for financial reconciliation workflows
Senior Software Developer — Mobile
- Designed and developed high-quality, performant mobile applications using React Native framework
- Contributed to technical discussions and provided expert opinions on architectural decisions and technology choices
- Maintained high code quality through rigorous code reviews, Jest testing, and frontend best practices
Software Developer
- Led development of the Avendus app from scratch using React Native — enabling investors to monitor portfolios, access research-driven insights, and make informed investment decisions on iOS and Android
- Integrated third-party APIs for investment tracking and market news updates, implementing customizable portfolio features for personalized insights
- Revamped UI of the ICICI Mutual Fund app by introducing carousels, reusable components, tooltips, infinite scrolling, and sorting — significantly improving UX and accessibility
- Designed and developed the client self-onboarding journey for the Bank Muscat Wealth Management app, with a report section for downloadable reports and articles
Software Developer
- Spearheaded the creation of the Create and Manage User Investment Portfolio flow from scratch for the Zfunds investor advisory app
- Participated in code reviews, providing constructive feedback to improve code quality and maintain consistency
Software Developer
- Developed a maintenance tracking system for organizations using React.js, resulting in a responsive UI and efficient maintenance management
Associate — Data Analyst
- Worked as a Data Analyst on the EMC project, leveraging Salesforce Admin to manage and optimize data processes
- Managed and maintained data integrity, ensuring accurate and efficient data tracking
Expertise
Skills & Technologies
Tools and technologies I use to build production-grade mobile and web applications.
Mobile Development
Cross-platform iOS & Android apps — my core craft for 6+ years
State & Architecture
Scalable patterns used in production apps at AirAsia Move, Mphasis & Valuefy
Frontend & Web
AI-driven financial dashboards and data-heavy interfaces at Mphasis
Backend & Services
Third-party integrations and backend services across 6+ production apps
AI & Automation
AI-powered platforms and LLM integrations — growing focus area
Testing & DevOps
Quality, reliability and deployment pipelines
VS Code Extension
I Built This for Myself First
After years of copy-pasting the same four files for every new screen, I automated it.
React Native MVVM Feature Generator
Scaffold production-ready React Native features in seconds — not minutes.
ext install fouzianaaz.rn-mvvm-feature-generatorCtrl+P → paste → Enter😤 The Problem
Every new React Native screen means manually creating a View, ViewModel, Service, and Types file — then wiring them all together. Developers waste hours on repetitive scaffolding instead of building features.
What Gets Generated
├── CheckoutView.tsx # UI component├── useCheckoutViewModel.ts # State + actions├── checkoutService.ts # API / data layer├── checkoutTypes.ts # TypeScript types├── CheckoutView.test.tsx # Render tests├── useCheckoutViewModel.test.ts # Unit tests└── index.ts # Barrel export
Every file is pre-wired — the View imports the ViewModel, ViewModel imports the Service. Zero circular dependencies.
5 State Adapters
All Features
One-Command Scaffolding
Generates View, ViewModel, Service, Types, and tests in a single step. Every file is pre-wired — zero boilerplate to write.
5 State Adapters
Supports useState, Zustand, Redux Toolkit, TanStack Query, and Jotai. Set a default so you're never prompted.
Test Files by Default
ViewModel unit tests and View render tests generated automatically — covering loading, success, error, and refresh states.
Navigation Registration
Detects @react-navigation in your project and auto-injects the new screen into your navigator.
Open Feature
Jump to any existing feature instantly via quick pick — no more hunting through folders.
AI Generation
Describe a screen in plain English and get real, working MVVM code — powered by AI.
Convert to MVVM
Right-click any .tsx / .jsx file to refactor an existing screen into proper MVVM structure.
Commands
RN MVVM: Create FeatureCmd+Shift+P → type the commandRN MVVM: Create Feature in This FolderRight-click any folder in ExplorerRN MVVM: Open FeatureQuick pick to jump to any featureRN MVVM: Convert to MVVMRight-click any .tsx / .jsx fileRN MVVM: Generate with AIDescribe a screen, get working codeWriting
Blog & Articles
Practical insights on React Native, mobile architecture, and building with AI — from real production experience.
10 JS Tricks Senior Devs Don’t Tell You
The patterns that separate 10x engineers from the rest hidden in plain sight inside the language you use every day. After a decade writing JavaScript at scale from scrappy startups…
How I Built and Published My First VS Code Extension for React Native Developers
Every React Native developer knows the pain. You need to add a new screen. So you open an existing feature folder, copy all four files, rename them one by one, fix the imports, and…
The Three Papers That Built Modern AI
Every major language model ChatGPT, Claude, Gemini rests on three discoveries made between 2017 and 2022. Here’s how they fit together. When people talk about the AI revolution, th…
How I Design Scalable Feature Modules in React Native
As React Native apps grow, the biggest challenge isn’t writing code it’s organizing it. A project that starts with a few screens can quickly turn into: hundreds of components scatt…
How I Refactored a Messy React Native Screen into MVVM (A Real Example)
Most React Native projects don’t start messy. They become messy over time. A screen that once handled simple UI gradually starts doing everything: API calls state management data t…
Common React Native Performance Mistakes (And How to Fix Them)
Performance issues in React Native apps rarely come from one big mistake. They usually come from small decisions repeated across the codebase . I’ve run into this multiple times ap…
How I Structure Scalable React Native Apps Using MVVM
As React Native apps grow, one problem becomes unavoidable: things start getting messy. What begins as a simple component structure slowly turns into: tightly coupled logic hard-to…
Default Import vs Named Import in JavaScript (ES6)
A Complete Beginner to Pro Guide If you’ve written modern JavaScript or worked with frameworks like React, you’ve probably seen imports like these: import React from "react&qu…
Portfolio
Projects That Ship
Real apps built with performance, scalability, and clean architecture at the forefront.
PhotoLoot
Problem
Building a full-scale social photo-sharing platform with real auth flows, media storage, real-time data, multi-language support, and crash monitoring — all cross-platform.
Solution
Architected a production-grade TypeScript React Native app with a complete auth journey (Sign In, Sign Up, Forgot Password, Verification, Reset, Change Password), Redux state management, Firebase full suite, 6-language i18n, and a reusable component library.
Key Impact & Architecture
- 170+ TypeScript source files across a clean containers/components/modules architecture
- 2Full Firebase suite: Auth, Firestore, Storage, Analytics, Crashlytics, Database
- 36-language i18n (EN, DE, CS, IT, NL, PL) with a dedicated translation module
- 4Complete auth flow: Sign Up → Email Verification → Reset Password → Change Password
- 5Redux with typed actions, reducers & store — scalable state architecture
Implemented a full navigation architecture using React Navigation (drawer + bottom tabs + stack), connected to a REST API via Axios with async storage for session persistence.
▸Drawer + bottom tabs + stack navigation combined
News App
Developed a React Native news app with bottom tab navigation, Axios-powered REST API integration, Reanimated transitions, and AsyncStorage for reading history.
▸Bottom tabs + native stack navigation
Weather App
Built a React Native weather app using device geolocation, Redux for state, linear gradients for dynamic UI, and moment-timezone for accurate local time display.
▸Live geolocation with @react-native-community/geolocation
Covid Tracker
Created a Covid tracking app with D3-powered data visualisation, drawer + bottom tab + top tab navigation combo, and real-time stats from a public API.
▸D3-shape charts for statistics visualisation
Zfunds Investment App
Developed the Zfunds user app with React Navigation (stack + bottom tabs), react-native-vector-icons, WebView integration, and Reanimated-powered transitions.
▸Production app built during Zfunds internship
Property Listing Screen
Built a standalone React Native property screen component with custom styling, layout composition, and reusable card patterns.
▸Reusable card and listing UI components
Animated Expand List
Implemented an animated expand/collapse list using React Native's Animated API with layout animation, suitable as a drop-in component for any RN project.
▸Smooth expand/collapse with React Native Animated API
To-Do App
Built a full-featured To-Do app with create, read, update, and delete operations, local state management, and persistent storage.
▸Full CRUD functionality
Contact
Let's Build Something
Open to full-time roles, freelance contracts, and interesting collaborations. Response within 24h.
Open to Opportunities
Available for full-time roles, freelance projects, and technical consulting. Prefer async-first, remote teams.