Front-End Engineer specializing in React, Next.js & TypeScript
Building scalable products, enterprise dashboards, and high-performance web experiences.
Portfolio β’ LinkedIn β’ Email
I'm a Front-End Engineer with 3 years of production experience building scalable web applications using React, Next.js and TypeScript.
I've worked on products serving 33K+ active users, enterprise systems used by 230+ government entities, and modern marketing websites focused on performance, accessibility, and user experience.
I enjoy building maintainable architectures, reusable component systems, and polished interfaces with thoughtful animations.
- β‘ Scalable Front-End Architecture
- βοΈ React & Next.js
- π· TypeScript
- π§© Design Systems & Reusable Components
- π Authentication & RBAC
- π¬ GSAP & Motion Design
- π Performance Optimization
- π€ AI-Assisted Engineering (Cursor, Codex & MCP)
Front-End Engineer
- Built production-grade web applications using Next.js and TypeScript
- Developed enterprise dashboards and marketing websites
- Implemented reusable component systems
- Worked with Strapi CMS
- Improved performance, accessibility and SEO
- Collaborated closely with designers to deliver pixel-perfect interfaces
Front-End Engineer
Production social platform serving 33K+ active users
Highlights:
- Recruitment System
- Professional Profiles
- Premium Subscriptions
- Stripe Integration
- Firebase Notifications
- OAuth Authentication
- Progressive Web App
- Seasonal Themes
- Performance Optimization
Front-End Engineer
Built enterprise dashboards used by 230+ government entities, focusing on reporting systems, RBAC, caching strategies, and scalable front-end architecture.
Production portfolio showcasing advanced GSAP animations, scroll-driven storytelling, interactive UI engineering, and modern front-end architecture.
Tech
Next.js β’ TypeScript β’ Tailwind CSS β’ GSAP.
π https://mahmoudadel.online
Production social platform focused on professional networking and knowledge sharing.
Tech
Next.js β’ TypeScript β’ Tailwind CSS β’ React Query β’ Zustand β’ Zod β’ Shadcn/UI β’ NextAuth
π https://qabilah.com
Corporate website powered by Sanity CMS.
Focused on performance, scalability, and content management.
Modern animated landing page built around storytelling and smooth scroll interactions.
GSAP β’ ScrollTrigger
π https://sulis-landingpage-mu.vercel.app/en
A bilingual web application helping users transform everyday habits into acts of worship by organizing meaningful intentions.
- TanStack Query
- Zustand
- Redux
- Strapi
- Sanity
- NextAuth
- OAuth
- JWT
- RBAC
- Playwright
Cursor β’ MCP β’ Stripe
- Enterprise Dashboards
- SaaS Applications
- Marketing Websites
- Design Systems
- Developer Experience
- Performance Optimization
- Accessible Interfaces
- Motion & Interactions
Building products that scale, interfaces people enjoy using, and code teams enjoy maintaining.



