Stack
0.79+ New Architecture
Server Components & SSG
Strict Type Safety
C++ / JSI Bindings
Async Server State
60fps Animations
PyTorch & OpenCV
Scalable Serverless Infra
Case Studies
The Technical Challenge
Architecting a fragmented financial ecosystem across two distinct regions with different banking regulations and payment infrastructures. The goal was to launch four distinct native applications (Consumer Wallet & Merchant POS for both regions) that shared rigorous security standards despite having separate codebases and unique UI flows.
Architecture & Strategy
- Regional Polymorphism: Designed distinct architectural patterns for KKTC and AZ to handle different payment gateways and regulatory compliance (KYC) while maintaining a consistent "Tiko" brand experience.
- Unified Security Core: Implemented a shared Runtime Integrity Layer across all four apps. This engine detects Root access, Jailbreaks, and Debuggers, instantly terminating sessions (exitApp) on compromised devices to protect financial data.
- KYC & Identity: Bank-grade identity verification integrated via Veriff SDK and custom native camera modules.
Key Engineering Wins
- Security: Achieved a 100% block rate on unsafe environments across all platforms using the shared integrity engine.
- Performance: Delivered 60fps native performance for both consumer (Wallet) and merchant (POS) dashboards, replacing legacy hybrid solutions.
- Scale: Successfully deployed and maintained 4 separate production apps serving 15,000+ active users and merchants daily.
Tech Stack
React Native
Custom Native Modules (JSI)
TanStack Query
Zustand
Reanimated 3
The Technical Challenge
Merchants required a high-performance, data-heavy dashboard to visualize cash flow, export tax reports, and process manual payments. The goal was zero bloat: eliminating heavy UI frameworks in favor of a bespoke, high-performance design system.
Architecture & Strategy
- Bespoke Design System: Architected a custom Utility-First SASS Engine (similar to Tailwind but lightweight) using CSS Variables and Tokenization. This eliminated unused CSS execution and ensured 100% brand consistency.
- Bleeding Edge Performance: leveraged Next.js 16 and React 19 to utilize the latest Server Components and concurrent rendering features.
- Client-Side Heavy Lifting: Offloaded complex reporting logic (Excel generation, PDF printing) to the client using specialized libraries (xlsx, react-to-print), reducing server computation costs.
Key Engineering Wins
- Performance: Achieved near-perfect Lighthouse scores by replacing external UI libraries with a custom 12kb CSS architecture.
- Data Visualization: Built real-time financial charting (Recharts) to help merchants track daily revenue trends.
- Efficiency: Automated financial reporting workflows, allowing users to export bulk transaction data without API latency.
Tech Stack
Next.js 16
React 19
TanStack Query
Zustand
Custom SASS Architecture
Other Notable Work
WebSocket-integrated point of sale with offline-first transaction queuing.
High-performance SSG (Static Site Generation) with dynamic SEO injection.
A lightweight (3kB) all-in-one validator for Phones, Credit Cards and IBANs.
AI-powered editor leveraging CV for colorization, and background removal.