Senior Frontend Developer
React · Next.js · TypeScript. Insurance platforms, mini apps, and RTL admin systems.
Detail-oriented Front-End Developer with more than 5 years of experience building interactive web applications. Skilled in HTML5, CSS3, JavaScript, and React/Next.js. Known for writing clean, maintainable code and improving site speed — currently shipping production systems at Hafez Insurance.
About
Detail-oriented Front-End Developer with more than 5 years of experience developing interactive web applications. Skilled in HTML5, CSS3, JavaScript, and React/Next.js. Contributed to projects that enhanced user engagement and functionality, with a focus on clean, maintainable code and site performance.
Currently Senior Frontend Developer at Hafez Insurance Co., shipping Bale mini apps, enrollment platforms, reinsurance admin panels, and digital insurance systems with 3D inspection. Previously built PWAs, multilingual e-commerce, HR dashboards, and industrial ops UIs at Metaponic, Kaveh Glass, and AloBiz.
Tech Stack
Projects
End-to-end delivery across insurance, HR, e-commerce, and industrial sectors.
Articles
Deep dives into 3D web, state management, PWA patterns, and modern React architecture.
MCP is not just a backend protocol for AI agents. For frontend engineers, it creates a standard way to connect models to APIs, product data, developer tools, and interactive UI. Here is what MCP means for React and Next.js developers—and where it actually helps.
React Server Components are more than another rendering option. This practical guide explains the Server/Client boundary, data fetching, streaming, caching, security, common mistakes, and how to decide what belongs on each side in a modern Next.js application.
Job posts increasingly want engineers who ship with models, agents, and evaluation by default — not as a side hobby. What AI-first really means, why demand is rising, and how to hire (or become) that profile.
When to stay modular, when micro-frontends pay off, and how a monorepo should enforce contracts—not just house more folders. Lessons from five years of shipping React/Next.js production systems.
How we replaced paper insurance workflows with an interactive WebGL car model — raycasting, picking, media capture, and a React/Redux review loop built for real claims teams.
IndexedDB sync, service-worker caching, and the practical trade-offs that helped a sensor-heavy Metaponic PWA stay usable offline without sacrificing real-time dashboards.
After shipping insurance admin panels with Redux Toolkit and product apps with Zustand + TanStack Query, here is where each one still earns its place in 2024–2026.
End-to-end type safety beyond generics: Zod at the boundary, typed route handlers, and error shapes that keep Next.js App Router apps honest under real traffic.
