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
- Drove end-to-end feature development across 3 platforms (web, mobile web, React Native) on the AirAsia Move home surface, a travel super-app serving millions of monthly active users
- Built the Recommendation Tabs system (For You, Promotions, Movements) end to end: API integration, cross-tab data prefetching, swipe-gesture navigation with React Native Gesture Handler, and localization
- Instrumented view/click event tracking with structured logging providers across all home modules and repaired 6 broken Firebase event pipelines, restoring impression/click parity for hero banners, promotions, and recommendations
- Delivered offline mode for the mobile home screen with a custom network-state hook, cached last-known content, and retry-on-reconnect logic for low-connectivity reliability
- Accelerated rendering speed by ~35% in high-traffic user flows through memoization, list virtualization, and efficient state management
- Cut homepage load time by ~40% via code splitting, lazy loading, and resolving a Lighthouse performance regression, including eliminating a per-render network fetch
- Root-caused and fixed 2 production crash sources on web-mobile through revert-and-reland cycles, and shipped a hotfix for an SSR blank-page rendering failure on the homepage
- Migrated the bottom tab bar to a CMS-driven design-system component, rolled out platform-config feature flags for homepage tiles, and integrated the AskBo chatbot into the home experience
Senior Software Developer
- Developed the frontend of a RAG (Retrieval-Augmented Generation) platform in React and TypeScript for a leading global investment banking client, enabling analysts to query financial PDFs and receive LLM-generated answers grounded in retrieved document chunks
- Designed dashboards spanning 4 financial data domains: stock prices, trading volumes, economic indicators, and analyst reports
- Reduced manual financial research effort by 40% through data search, filtering, and visualization features
- Connected the UI to LLM and retrieval APIs, rendering source-cited answer chunks, automated insights, and commentary for document question-answering
- Created interfaces for monitoring autonomous AI agents handling reconciliation and task automation
- Owned frontend delivery from development through production release, collaborating with product owners, backend engineers, and AI teams
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 — my core craft for 6+ years
Frontend & Web
Web apps and data-heavy interfaces
State & Architecture
Scalable patterns used across production apps
AI & DevOps
AI integrations 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 codeDeep Dives
Architecture Case Studies
Problem, architecture, data flow, performance decisions, and results — written up in detail.
Writing
Blog & Articles
Practical insights on React Native, mobile architecture, and building with AI — from real production experience.
React Native 0.85 Explained: What’s New, Performance Improvements & Should You Upgrade?
React Native 0.85 is the latest stable version of React Native. Here’s what changed, what actually matters for production apps, and whether upgrading is worth it. If you’ve been bu…
JavaScript this Keyword Explained (With Real Examples)
Learn how the JavaScript this keyword actually works, why developers struggle with it, and how it behaves in functions, objects, arrow functions, classes, and callbacks. Few JavaSc…
Meet Reqflow An Interactive System Design Playground
Reqflow Interactive System Design Playground Reqflow helps you learn system design by watching systems work in real time . Instead of staring at architecture diagrams, you can: ✅ P…
JavaScript Debouncing vs Throttling Explained (With Real Production Examples)
Learn the difference between debouncing and throttling in JavaScript, when to use each, and why senior frontend engineers rely on them for scalable performance. One of the biggest…
JavaScript Polyfills Explained: Real Polyfills Every Frontend Developer Should Know
Learn how JavaScript polyfills actually work by building real examples like map(), filter(), bind(), Promise.all(), and more. Most articles explain JavaScript polyfills like this:…
JavaScript Patterns That Work Great… Until Scale Breaks Them
Some frontend patterns feel elegant at first until production traffic, large datasets, and complex state expose their real cost. One of the biggest mindset shifts in frontend engin…
Why Buying Second-Hand Online Feels Broken And How a Workplace Marketplace Fixes It
Most of us have tried selling something used online at some point. A chair, a phone, an old laptop, a fridge before moving cities. And most of us have walked away from that experie…
Why Buying Second-Hand Online Feels Broken And How a Workplace Marketplace Fixes It
Online marketplaces in India are full of scams, fake listings, and sellers who vanish after the deal. Here’s why a marketplace built for verified professionals across companies mig…
12 Modern JavaScript Features Most Developers Still Don’t Use
These underrated JavaScript features can make your code cleaner, safer, and much easier to maintain. JavaScript evolves incredibly fast. Every year, new features quietly get added…
Portfolio
Projects That Ship
Products built with performance, scalability, and clean architecture at the forefront.
Reqflow
Problem
Static diagrams and slides leave too much to imagination when learning system design, forward-deployed engineering (FDE), and data structures & algorithms — engineers preparing for FAANG and senior architecture interviews need to see systems and algorithms actually run, not just read about them.
Solution
Built an interactive learning platform teaching system design, FDE, and DSA through runnable artifacts instead of static slides — 28 live system diagrams tracing requests through real architectures (Instagram, Uber), step-through algorithm visualizers for 15 algorithms, dual synchronized Python/JavaScript code panels, an SM-2 spaced repetition quiz engine, an algorithm comparison tool, dynamic complexity visualization, and an animated tree/graph renderer.
Key Impact & Architecture
- 150+ users learning system design, FDE, and DSA through interactive artifacts
- 228 live, traceable system diagrams covering real-world architectures like Instagram and Uber
- 315 interactive algorithm visualizers with step-through animations (sorting, searching, BFS/DFS, BST)
- 4SM-2 spaced repetition quizzes that automatically surface a learner's weak spots
- 5Side-by-side algorithm comparison tool and dynamic O(n²) vs O(n log n) complexity visualization
- 6No account required to start — expert-reviewed content with plain-English and technical explanation modes
ScholarMark
Built a Chrome extension that lets users highlight, annotate, and track research reading across any webpage — color-coded by stance (Important, Disagree, Agree, Question), with contextual annotation prompts that adapt to content type (Claim/Method/Finding/Limitation for papers, Fact/Opinion/Source/Context for news), an outline builder exportable to Markdown, reading-position memory, duplicate detection, and a searchable dashboard with collections.
- 4+ users on the Chrome Web Store
- Works across research papers, news articles, documentation, Wikipedia, and PDFs
- Contextual annotation prompts that adapt to content type instead of generic highlighting
- Outline builder and dashboard with search/filter by stance, source, collection, or timeframe
- Export to Markdown or CSV — all data stored locally, no account required
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.