Ship full-stack features
I build typed React and Next.js frontends connected to structured Node, Express, MongoDB, and Convex backends.
Open to work
Mohamed Abdelhafiz builds production-ready web products.
Full-Stack Developer specializing in React, Next.js, TypeScript, and Node.js. Built production-style apps including a Stripe-integrated e-commerce platform and a social platform, and led frontend development on CollabSpace, a multi-platform 3D collaboration graduation project. I build sharp interfaces, resilient APIs, and clear product flows from idea to deployment.
Based in
Benha, Egypt
Education
Benha CS graduate
NTI score
85%
Keep systems dependable
I care about validation, auth, database indexing, optimistic states, and recoverable user flows.
Technical range
A practical stack for modern product work.
The stack is selected around maintainability: typed UI, predictable state, validated APIs, and data models that can grow.
Selected work
Projects with product surface and backend depth.
These projects show the range from ecommerce and social products to backend APIs and developer tooling.
3D
WebGL
01
Next.js / TypeScript
Browser-based 3D virtual collaboration platform integrating Unity WebGL, Flutter mobile, and a .NET 8 + SignalR backend with real-time chat and notifications (Graduation Project).
- Built the Next.js frontend for a multi-platform system integrating Unity WebGL 3D, a Flutter mobile app, and a .NET 8 + SignalR + PostgreSQL backend.
- Implemented real-time chat and notifications using a singleton SignalR client shared across the app for consistent WebSocket connection handling.
- Led frontend development as a graduation project with cross-platform coordination.
Checkout
Stripe
02
Next.js / React
Full-stack ecommerce system with JWT authentication, Stripe payment integration, and Redis caching for cart and session data to avoid re-querying the database on every cart read.
- Built a full-stack e-commerce system with JWT authentication, Stripe payment integration, and Redis caching for cart and session data.
- Structured the storefront's data fetching around Next.js App Router Server Components to eliminate client-side waterfalls.
- Kept the checkout flow's critical path fast on first load with server-first data patterns.
Auth
JWT
03
Next.js / React
Full-stack social media platform with posts, comments, likes, follow system, and JWT-based authentication with TanStack Query v5 caching and optimistic updates.
- Built a full-stack social media platform with posts, comments, likes, a follow system, and JWT-based authentication.
- Replaced manual refetching with TanStack Query v5 caching and background refetch for efficient data loading.
- Added optimistic UI updates for likes and comments so actions feel instant instead of waiting on a round-trip.
Realtime
Convex
04
Next.js / React
Full-stack blog platform with SSR/SSG pages, Convex real-time backend, and reusable Shadcn/ui components focused on SEO-friendly rendering and fast load times.
- Built an SSR/SSG blog platform with Next.js, focused on SEO-friendly rendering and fast load times.
- Integrated Convex as a real-time backend so content updates appear live without a manual refresh.
- Designed reusable Shadcn/ui components with strict TypeScript contracts.
CLI
npm
05
Node.js / TypeScript
npm CLI that scaffolds Express.js TypeScript projects with a clean folder structure, starter middleware, and ready-to-extend boilerplate.
- Built and published an open-source CLI that scaffolds Express + TypeScript projects in under 10 seconds.
- Encoded clean architecture patterns and folder structure best practices into generated boilerplate.
- Eliminated repetitive setup across backend projects, saving 20+ minutes per new project.
Experience
Jun 2025 -- Sep 2025
Full Stack Developer Trainee
NTI (Ministry of Communications)
180-hour MEAN Stack Program completed with a score of 85%. Covered full-stack development fundamentals, REST API design, and Agile practices.
- Completed a 180-hour MEAN Stack training program covering full-stack development fundamentals, REST API design, and Agile practices.
- Contributed to a team-based group project, gaining hands-on exposure to collaborative development workflows and version control.
- Practiced Agile methodologies in a team environment with structured code reviews.
Education
Bachelor of Science, Computer Science
Faculty of Computers and Artificial Intelligence, Benha University / 2022 - 2026
GPA: 3.3 / 4.0. Data Structures, OOP, DBMS, Computer Networks, Software Engineering.
Certifications
MEAN Stack Web Developer Career Accelerator
Ministry of Communications & NTI / Score: 85%
Contact
Let's build something clear and durable.
Send a role, project brief, or product problem. I'll reply with next steps and the technical questions that matter.