Enterprise SPAs, reusable component libraries, design systems, and high-performance UI with React 18.
$next compile --dev↳injecting typescript modules↳hydrating react tree✓compiled successfully
Based in Al Olaya, Riyadh. Senior Frontend Developer and Software Engineer with 5+ years building scalable enterprise applications using React 18, Next.js, TypeScript, RTK Query, Redux Toolkit, DevExtreme, and TailwindCSS. Specialized in enterprise dashboards, data-rich UI, i18n (Arabic/English), RTL, secure UI architectures, and high-performance SPAs.
Enterprise SPAs, reusable component libraries, design systems, and high-performance UI with React 18.
SSR/SSG pipelines, SEO, performance budgets, and scalable Next.js platforms across business modules.
Typed, maintainable codebases with JavaScript, TypeScript, and Node.js for production frontend systems.
State management with Redux Toolkit, RTK Query, and React Router for real-time and data-driven workflows.
Responsive, accessible UIs with TailwindCSS, shadcn/ui, Material UI, Bootstrap, and DevExtreme.
Arabic/English localization, full RTL layouts, locale-aware formatting, and dynamic content loading.
Contributed to responsive UI, API integration, and performance across multiple Public Investment Fund platforms while working with cross-functional teams.
Built the frontend for an AI platform with PDF/PPT/DOC ingestion, chat-based AI summaries, and large-file UI workflows. Deployed with Docker and Azure DevOps.
Enhanced UX and performance by developing admin features and integrating APIs. Collaborated with global teams to deliver a proprietary product.
Built interactive UI workflows for teachers and students and integrated live session modules.
Built an HR management system with portals for personnel, holidays, and task management.
Employment Processing Resource — built UI components for government job portals and processing workflows.
Final Year Project: E-commerce Store built with Laravel, MySQL, and Bootstrap.
Leading frontend development for enterprise-grade platforms on-site for Public Investment Fund (PIF). Architecting React.js, Next.js, and TypeScript applications; optimizing SSR/SSG; integrating REST APIs; building secure dashboards, authentication, and role-based access; collaborating across teams; and driving code quality through reviews.
Core languages used to build and ship production frontend systems.
Libraries and UI systems used across enterprise dashboards and products.
Delivery, visualization, and data tools used in production workflows.
Strong expertise in AEM-style headless content integration, REST APIs, maps, and modular frontend architecture for enterprise platforms.
Performance optimization, SEO, Next.js SSR/SSG pipelines, accessibility compliance, and cross-browser stability for data-rich SPAs.
CI/CD pipelines, Docker, Azure DevOps, project deployment, team mentoring, and Agile/Scrum delivery across multiple products.
Building reusable component libraries, documenting UI patterns, and helping teams ship consistent dashboards with shadcn/ui, TailwindCSS, and MUI.