Ship full-stack features
I build typed React and Next.js frontends connected to resilient NestJS, Node.js, Express, Convex, PostgreSQL, and MongoDB backends.
Open to work
Mohamed Abdelhafiz builds production-ready web products.
Full-Stack Developer specializing in React, Next.js, NestJS, TypeScript, and PostgreSQL/MongoDB. Built scalable full-stack applications featuring real-time collaboration, video/chat, authentication, and payment processing – including CodeSync, a real-time collaborative coding platform, and Blogin, a real-time blogging platform built on Convex. 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 featured projects demonstrate end-to-end full-stack capabilities, ranging from real-time collaborative coding platforms and video streaming LMS systems to production e-commerce and 3D virtual spaces.
Live Coding
Monaco/Stream
01
Next.js 16 / NestJS
Full-stack real-time collaborative coding platform pairing a Next.js/Monaco editor frontend with a NestJS + PostgreSQL backend for multi-user live coding sessions.
- Built a full-stack real-time collaborative coding platform pairing a Next.js/Monaco editor frontend with a NestJS + PostgreSQL backend for multi-user live coding sessions.
- Integrated Stream Video SDK and Stream Chat for in-session video calls and chat, with Clerk auth shared across frontend and backend, TypeORM persistence, and Inngest background jobs, deployed on Fly.io + Vercel.
LMS Platform
Mux/Stripe
02
Next.js 16 / React 19
Full-stack learning management system with Clerk authentication and role-based access, letting instructors create and monetize courses while students purchase and track progress.
- Built a full-stack e-learning platform with Clerk authentication and role-based access, letting instructors create and monetize courses while students purchase and track progress.
- Integrated Stripe Checkout with webhooks for course purchases and Mux for adaptive video streaming, backed by Prisma + PostgreSQL and an instructor revenue dashboard.
Real-Time Blog
Convex DB
03
Next.js 16 / React 19
Full-stack real-time blogging platform on Next.js 16 and Convex, using serverless functions and a real-time database for instant article and comment syncing without manual polling.
- Built a full-stack blogging platform on Next.js 16 and Convex, using serverless functions and a real-time database for instant article and comment syncing without manual polling.
- Implemented authentication with Better Auth and modeled the article/comment schema in Convex, adding full-text search and image storage for article content.
E-Commerce
Redis/Stripe
04
Next.js / React
Full-stack e-commerce system backed by JWT authentication, Stripe payments, and Redis caching for cart and session data.
- Cut redundant database reads by caching cart and session data in Redis, backing a full-stack e-commerce platform with JWT authentication and Stripe payments.
- Optimized page performance by structuring the storefront's data fetching around Next.js App Router Server Components, keeping the checkout flow fast on first load.
3D Virtual Space
WebGL/SignalR
05
Next.js (App Router) / TypeScript
Browser-based 3D virtual collaboration platform integrating Unity WebGL 3D, Flutter mobile, and a .NET 8 + SignalR backend with real-time chat and notifications (Graduation Project).
- Architected the Next.js frontend to integrate three platforms in real time: Unity WebGL 3D, a Flutter mobile app, and a .NET 8 + SignalR + PostgreSQL backend.
- Designed a singleton SignalR client shared across the app to keep WebSocket connections and real-time state (chat, notifications) consistent across every route.
Social Platform
TanStack/JWT
06
Next.js / React
Full-stack social media platform with posts, comments, likes, follow system, background sync, and optimistic UI updates.
- Managed server state with TanStack Query caching and background synchronization across a full-stack social platform with posts, comments, likes, a follow system, and JWT authentication.
- Implemented optimistic UI updates for likes and comments, improving perceived responsiveness while keeping client and server state in sync.
CLI Tool
npm Package
07
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 tool on npm that scaffolds Express + TypeScript projects with clean architecture and ready-to-extend boilerplate.
- 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 fundamentals, REST API design, and Agile practices.
- Completed an intensive 180-hour MEAN Stack training program covering full-stack fundamentals, REST API design, and Agile practices, including a team-based group project. Published express-ts-new-app, an open-source CLI tool on npm.
Education
Bachelor of 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
180-hour MEAN Stack Program
NTI (Ministry of Communications) / 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.