
657 days ago
Understanding JavaScript Closures
A deep dive into closures, one of JavaScript's most powerful features.
Cairo, Egypt · Available for work
[About]
Frontend-focused engineer with production SaaS, GRC, and mentoring experience.

Frontend Developer
Cairo, Egypt
About me
I build production-grade web apps with React, Next.js, and TypeScript — from SaaS dashboards to multilingual marketing sites. I care about clean, scalable UI, measurable performance, and shipping with Agile teams. I have also mentored 150+ students through structured frontend workshops.
Bachelor's Degree in Computer Science
Higher Institute of Computer Science & Information Systems – El Obour Institutes
GPA 3.2 · 2025
150+
Students mentored
GDSC workshops covering HTML, CSS, JavaScript, and React.
30%
Lighthouse gain
Lazy loading and code-splitting for faster production UI.
40%
Booking efficiency
Hotel booking redesign that made reservations easier to complete.
[Experience]
Production SaaS, enterprise GRC, mentoring, and real-world product delivery.
SimpleWay for Digital Solutions
SECURESIST — Cybersecurity Awareness Platform
Job Simulation Program (JSP) — Upskilling
Google Developer Student Club (GDSC)
[Skills]
Frontend-first, with growing ASP.NET Core API experience and a focus on performance.
React.jsFrontendCore stack
Next.jsFrontendCore stack
TypeScriptFrontendCore stack
JavaScript (ES6+)FrontendCore stack
HTML5FrontendCore stack
CSS3FrontendCore stack
Tailwind CSSStyling & UICore stack
Shadcn UIStyling & UICore stack
MUIStyling & UICore stack
BootstrapStyling & UICore stack
Styled ComponentsStyling & UICore stack
Redux ToolkitState & DataCore stack
React QueryState & DataCore stack
Context APIState & DataCore stack
AxiosState & DataCore stack
GraphQLState & DataCore stack
ASP.NET CoreBackend & APIsCore stack
REST APIsBackend & APIsCore stack
C# (basic)Backend & APIsCore stack
Error HandlingBackend & APIsCore stack
GitToolingCore stack
GitHubToolingCore stack
ViteToolingCore stack
VS CodeToolingCore stack
FigmaToolingCore stack
Chrome DevToolsToolingCore stack
LighthouseDeliveryCore stack
Lazy loadingDeliveryCore stack
Code-splittingDeliveryCore stack
next-intlDeliveryCore stack
Agile / ScrumDeliveryCore stack
JiraDeliveryCore stack
JiraDeliveryCore stack
Agile / ScrumDeliveryCore stack
next-intlDeliveryCore stack
Code-splittingDeliveryCore stack
Lazy loadingDeliveryCore stack
LighthouseDeliveryCore stack
Chrome DevToolsToolingCore stack
FigmaToolingCore stack
VS CodeToolingCore stack
ViteToolingCore stack
GitHubToolingCore stack
GitToolingCore stack
Error HandlingBackend & APIsCore stack
C# (basic)Backend & APIsCore stack
REST APIsBackend & APIsCore stack
ASP.NET CoreBackend & APIsCore stack
GraphQLState & DataCore stack
AxiosState & DataCore stack
Context APIState & DataCore stack
React QueryState & DataCore stack
Redux ToolkitState & DataCore stack
Styled ComponentsStyling & UICore stack
BootstrapStyling & UICore stack
MUIStyling & UICore stack
Shadcn UIStyling & UICore stack
Tailwind CSSStyling & UICore stack
CSS3FrontendCore stack
HTML5FrontendCore stack
JavaScript (ES6+)FrontendCore stack
TypeScriptFrontendCore stack
Next.jsFrontendCore stack
React.jsFrontendCore stack
[Projects]
Production SaaS, dashboards, and product UIs — from cybersecurity to e-commerce.
Hotel booking platform with rooms, date-based booking, reviews, and admin tools. UI redesign improved booking efficiency by 40%.
[Services]
Frontend delivery for SaaS, dashboards, and high-converting product interfaces.
Responsive, accessible product UIs with React, Next.js, and TypeScript — built for real users and real data.
Role-based dashboards, analytics, tables, and complex API-driven workflows like GRC and cybersecurity platforms.
Reusable component libraries, lazy loading, code-splitting, and Lighthouse-focused frontend optimization.
[Blog]
Short reads on JavaScript, React, and shipping better frontend.

657 days ago
A deep dive into closures, one of JavaScript's most powerful features.

664 days ago
Learn how to leverage hooks to write cleaner, functional React components.

699 days ago
A look at the new features and improvements in Next.js 15 for developers.
[Contact]
Open to frontend and full-stack roles, freelance product work, and collaborations.
+20 101 296 6375 · Cairo, Egypt
I am always open to discussing new products, dashboards, and frontend systems.