I build scalable frontend systems for complex, production-grade products.
Frontend engineer with 3+ years building enterprise banking platforms for UAE & KSA clients at Infosys.
Example system I worked on โ a role-based frontend architecture handling real-time data, permissions, and performance constraints.
About โ How I approach frontend engineering
I'm a frontend engineer focused on building predictable, scalable user interfaces for data-intensive products. Over the past 3+ years, I've worked on enterprise banking applications for GCC clients (UAE, KSA) at Infosys.
Open to roles in UAE / KSA
Skills
JavaScript (ES6+) โ Core language
React.js โ Primary framework
Next.js โ Production usage
TypeScript โ Daily development
Testing โ Regression safety
Tailwind โ Design systems & UI consistencyExplore Architecture
PulseBoard โ Role-Based Frontend Architecture
A frontend system designed to handle role-based access, real-time KPI data, and complex user interactions while remaining predictable and scalable as features grow.
- โข Implemented RBAC at route, component, and action levels
- โข Separated server state and UI state using React Query
- โข Schema-driven form validation with Zod for safer refactors
- โข Designed tables and charts to handle large, paginated datasets
Klimate โ Performance & UX
A modern weather app with live OpenWeather API, search, animated UI & theme switching.
Reflct โ Forms & Workflow
A distraction-free writing app with authentication, theme switching & clean UI.
Core Web Vitals
Real performance improvements that boosted Lighthouse scores and improved both user experience & SEO.
Lighthouse Score Improvement
Before
After
What Was Improved?
Reduced CLS (Layout Shift)
Applied proper width/height attributes & optimized image loading.
Improved LCP with optimized hero image
Compressed hero assets, converted to WebP, and used next/image.
Reduced JS bundle size by ~40%
Code-splitting, dynamic imports, removed unused libraries.
Improved FID by minimizing JS execution
Deferred heavy scripts and removed blocking resources.
Better caching strategy
Used ISR, caching headers, and Next.js prefetching.
Final Results
Achieved 95+ Lighthouse scoreson both Mobile and Desktop by systematically optimizing Core Web Vitals. This resulted in:
โข Faster loading
โข Smoother interactions
โข Higher SEO ranking
โข Better user experience and retention
Experience
Frontend Developer
Infosys โข 2022 โ Present
- โข Developing high-performance UI for enterprise banking systems (UAE & KSA markets).
- โข Building reusable, scalable React + Next.js components used across multiple product modules.
- โข Improved UI load speed by optimizing rendering, reducing bundle size, and implementing best-practice caching.
Digital Banking Portal โ Frontend Lead
Infosys โข 2024 โ Present
- โข Led UI revamp for customer & admin portals using React, Next.js, and modern state management.
- โข Reduced LCP and CLS issues and improved Lighthouse performance scores to 90+.
- โข Collaborated with backend, QA, and design teams to deliver seamless feature rollouts in Agile sprints.