Skip to main content

Hi, My Name
Is Noor

Noor Hesham — Senior Fullstack Developer and Creative Frontend Engineer specializing in Next.js, React, TypeScript, Three.js WebGL, GSAP animations, and Node.js architectures. Available for freelance projects and full-time software engineering roles worldwide.

Available For Work

Working As

FULLSTACK DEV.

BUILD • SHIP • SCALE • REPEAT •
BUILD • SHIP • SCALE • REPEAT •
BUILD • SHIP • SCALE • REPEAT •
BUILD • SHIP • SCALE • REPEAT •
BUILD • SHIP • SCALE • REPEAT •
BUILD • SHIP • SCALE • REPEAT •
BUILD • SHIP • SCALE • REPEAT •
BUILD • SHIP • SCALE • REPEAT •

Selected Work

Scroll-cinema, WebGL, and motion-led product sites — proof you can feel.

All Projects
crettiva
Live Interactive Preview
Project #01Production

crettiva

Award-winning Kinetic Studio

Master GSAP timeline coordinating scroll, page transitions, and micro-interactions without animation conflicts.

Tech Stack
01 / 05

Featured Creative & 3D WebGL Projects

  • crettiva — Award-winning Kinetic Studio

    Master GSAP timeline coordinating scroll, page transitions, and micro-interactions without animation conflicts. Physics-aware custom cursor with context-sensitive morphing across interactive states. Scroll-linked 3D perspective transforms engineered to hold 60fps on animation-heavy routes.

    Technologies: Next.js, GSAP, TypeScript, React, Tailwind

    crettiva Live Democrettiva Case Study
  • polary — Cinematic 3D Narrative Engine

    Dual-canvas React Three Fiber mountain scene with a wheel-gated narrative state machine. Voronoi ice-shatter pipeline feeding Lenis unlock into GSAP product-story sections. Camera beats budgeted for locked 60fps cinematic scroll on desktop.

    Technologies: Next.js, Three.js, React, GSAP, TypeScript

    polary Live Demopolary Case Study
  • diagnostics elite — Cinematic bilingual MedTech platform

    Three isolated WebGL islands that sleep offscreen — a glass brain, PACS particle field, and blockchain cube, each with its own GPU budget. Bilingual EN/AR with true RTL: logical CSS, dir=ltr physics islands, and a headless Sanity CMS that never bricks the site. Scroll cinema that survives App Router navigation — Lenis + ScrollTrigger boot sequence with triple refresh on route change.

    Technologies: Next.js, Three.js, GSAP, Sanity, TypeScript

    diagnostics elite Live Demodiagnostics elite Case Study
  • haleef tech — Digital Identity & Motion Ecosystem

    Motion-first identity with GSAP timelines and 3D starfield canvas projections. Custom handshake lab for character orchestration and conflict-resolution visualizers. Dual-mode desktop pin plus mobile flow with landscape-orientation guard.

    Technologies: Next.js, TypeScript, GSAP, Tailwind, Framer

    haleef tech Live Demohaleef tech Case Study
  • invia — High-throughput Fintech Platform

    Dual-language invoice automation with sub-second real-time ledger synchronization across Arabic and English sessions. Stateful document builder talking to a CMS backend without dropping i18n context on dynamic content. Scroll visualizer engineered for guaranteed 60fps across devices while the financial workflow stays instantaneous.

    Technologies: React, TypeScript, Next.js, Tailwind, GSAP

    invia Live Demoinvia Case Study

Featured Fullstack Architecture & Enterprise Systems

  • GOODS&U — Redis-locked multi-currency commerce

    Engineered Redis distributed mutex locking with TTL reservations, eliminating 100% of overselling race conditions under concurrent flash sales. Built integer-cent multi-currency engine across 6 MENA currencies with live cached exchange rates. Checkout snapshots inventory at lock time; HMAC webhooks plus ProcessedWebhook idempotency keep payments consistent.

    Technologies: Next.js, TypeScript, NestJS, Redis, Postgres

    GOODS&U Live DemoGOODS&U Case Study
  • DR. GAMES — Hybrid gaming marketplace & fulfillment engine

    Hybrid fulfillment strategy: provider API automation and manual admin queues as interchangeable order paths. Dynamic requirement engine — per-game credential schemas resolved before checkout so every order is valid. Multi-currency wallet + OPay/Paymob with atomic credit/debit and real-time fulfillment chat.

    Technologies: Next.js, TypeScript, Node.js, React, Tailwind

    DR. GAMES Live DemoDR. GAMES Case Study
  • CRAWLEO AI ENGINE — Real-time web intelligence API

    Event-driven payment orchestration with Paddle webhooks, race-condition handling, and 100% provider-to-database consistency. Redis-backed API-key, rate-limit, and quota middleware for sub-millisecond authorization on the hot path. MCP server for bi-directional agent integration (Claude Desktop, Cursor) with zero-data-retention crawl policy.

    Technologies: Next.js, TypeScript, Node.js, Redis, MongoDB, Docker

    CRAWLEO AI ENGINE Live DemoCRAWLEO AI ENGINE Case Study
  • IQ ACADEMY — Arabic-first EdTech learning OS

    Video heartbeat engine (15s) across Vimeo, YouTube, and HTML5 for honest watch-time reporting. BFF auth with HttpOnly Sanctum cookies, guest→auth cart merge, and gateway-aware checkout (wallet / IQ Pay / Moyasar). Exam state that survives refresh, PDF watermarking, and Firebase FCM after authenticated SDK init.

    Technologies: Next.js, TypeScript, React, Tailwind, Firebase

    IQ ACADEMY Live DemoIQ ACADEMY Case Study
  • TMT EYE — Enterprise intelligent transport OS

    Vertical-agnostic core for transit, waste, and fleet logistics sharing geospatial and asset services. Live map engine for 10k+ assets — clustering, lazy viewports, memoized markers for dispatcher 60fps. Rehla route composition + Ujrah compliance wizards enforcing municipal schemas before dispatch.

    Technologies: Next.js, TypeScript, React, Tailwind

    TMT EYE Live DemoTMT EYE Case Study

BEYONDTHE CODE.

I don't just build websites; I engineer digital legacies.
Scroll to explore the architect, the craftsman, and the mentor.

THE ARCHITECT

FULL-STACK ENGINEER

01 / 03

THE ARCHITECT

Architecture is the bridge between human intent and computational scale. I engineer resilient distributed backends, ultra-low latency real-time pipelines, and scalable cloud ecosystems—crafted from first principles to thrive under extreme global concurrency with zero downtime.

THE CRAFTSMAN

IMMERSIVE EXPERIENCES

02 / 03

THE CRAFTSMAN

Where computational precision meets kinetic poetry. I push the boundaries of WebGL, GLSL shaders, and silky 60fps micro-animations—transforming complex product logic into visceral, award-worthy digital experiences that captivate, inspire, and convert.

Three.jsGSAPWebGL ShadersInteractive 3D
THE MENTOR

COMMUNITY LEADER

03 / 03

THE MENTOR

True mastery is measured by the developers you elevate. Through 'NoorTech' and engineering team leadership, I mentor thousands of developers worldwide—instilling deep architectural intuition, clean system design, and the passion to build the extraordinary.

LeadershipMentoringContent CreationTeam Lead
01—03
Beyond The Code

Some Companies I've worked with...

Carecomm
Right Mind
Crettiva
Invia
FIX vision
Masdr MENA
upwork
mobifly
sourcya
Carecomm
Right Mind
Crettiva
Invia
FIX vision
Masdr MENA
upwork
mobifly
sourcya

BEYOND PORTFOLIO

Beyond the Code — More About Me

Countries I worked With

Watachiwa Noor des !

Saudi Arabia

Remote

United States

Remote

Egypt

Remote-On + site

India

Remote-On + site

Courses & Tutorials

Founder of NoorTech. I've produced 100+ hours of advanced development content.

Start Learning

My tech stacks

If you like using these tools too, we'll get along.

type
node
next
react
tailwind
re
tail
ts
fm
next
query
type
node
next
react
tailwind
re
tail
ts
fm
next
query

Want To contact me ?

Mansoura, Egypt

Mansoura, Egypt

📍 Mansoura, Egypt

NoorTech — YouTube

I create in-depth tutorials & full courses for developers worldwide.

React & Next.js Full Course12K+
Node.js Backend Mastery8K+
GSAP Animation Deep Dive6K+
View All Videos →

I Keep evolving my skills

From enhancing my problem solving skills to keeping myself updated with new tech

LeetCodeProblem Solving
DSA
FrontendReact & UI/UX
UI
BackendNode.js & APIs
API
AI / MLPrompt Engineering
AI

I’m a Full-Stack Software Engineer with 4+ years of experience engineering scalable web ecosystems, high-concurrency enterprise backends, and award-winning interactive 3D experiences. From modernizing 7-year enterprise commerce platforms and architecting 60 FPS GIS live maps to building payment infrastructure and AI pipelines, I turn ambitious engineering challenges into production-ready software that scales seamlessly. 🚀

Subscribers
10K+

YouTube

Followers
10K

LinkedIn

Production projects
+30

Shipped

Happy partnerships
+30

Clients

Shipping systems
+4

Years

More About My Experience!

Production Track Record

Engineering Experience

4+ years shipping enterprise fulfillment systems, 60 FPS GIS maps, payment engines, and WebGL experiences.

Fullstack Software Engineer @ Carecomm

Cairo, Egypt (Hybrid) · Full-time·Oct 2026 — Present
Company Page
7-Yr Legacy ModernizedZero-Error QC PackingLive Change Streams
  • Omnichannel Fulfillment Engine: Modernized a 7-year enterprise codebase for Golden Collections (Node.js, GraphQL, MongoDB), orchestrating Shopify, web, and mobile orders with split-shipment support.
  • Multi-Operator Packing & QC: Engineered shared-device PIN auth, admin-governed exclusive order locking, and camera QR/barcode scanning with real-time audio feedback for zero-error packing.
  • Event-Driven Warehouse Cache: Accelerated peak warehouse throughput via a multi-layer read-through cache backed by MongoDB Change Streams and automated end-of-day courier manifests.
  • Mobile & Storefront Sync: Upgraded the customer app (Flutter, Next.js, GraphQL) with region-targeted back-in-stock campaign webhooks and live Hive-to-Shopify inventory sync.
Stack:Node.jsGraphQLMongoDBChange StreamsShopify APINext.jsFlutterHive

Complete Professional Experience & Technical Architecture

Fullstack Software Engineer at Carecomm (Oct 2026 — Present — Cairo, Egypt (Hybrid) · Full-time)

  • Omnichannel Fulfillment Engine: Modernized a 7-year enterprise codebase for Golden Collections (Node.js, GraphQL, MongoDB), orchestrating Shopify, web, and mobile orders with split-shipment support.
  • Multi-Operator Packing & QC: Engineered shared-device PIN auth, admin-governed exclusive order locking, and camera QR/barcode scanning with real-time audio feedback for zero-error packing.
  • Event-Driven Warehouse Cache: Accelerated peak warehouse throughput via a multi-layer read-through cache backed by MongoDB Change Streams and automated end-of-day courier manifests.
  • Mobile & Storefront Sync: Upgraded the customer app (Flutter, Next.js, GraphQL) with region-targeted back-in-stock campaign webhooks and live Hive-to-Shopify inventory sync.

Technologies: Node.js, GraphQL, MongoDB, Change Streams, Shopify API, Next.js, Flutter, Hive

Software Engineer at Masdr MENA (Apr 2026 — Oct 2026 — Remote · Full-time)

  • Typed Next.js Architecture: Spearheaded an incremental, zero-downtime migration of a coupled legacy JS/CSS codebase into a modular Next.js & TypeScript system with TanStack Query.
  • Rails API & Real-Time Chat: Aligned Ruby on Rails REST data contracts, optimized payload serialization, and resolved 100+ production bugs across B2B buyer, supplier, and live chat flows.
  • Frontend Ownership & RTL/LTR: Re-engineered full bilingual RTL/LTR responsiveness and led technical alignment across UI/UX, QA, and Rails backend teams for zero-regression releases.

Technologies: Next.js, TypeScript, TanStack Query, React, Ruby on Rails, REST APIs

Software Engineer at Sourcya (May 2025 — May 2026 — Remote · Full-time)

  • Uber-Style Fleet & Trip Core: Architected a modular Next.js & TypeScript trip management system with interactive historical/live timelines and granular waypoint route inspection.
  • 60 FPS HTML5 Canvas GIS Engine: Rendered thousands of real-time moving vehicles, polylines, and stops simultaneously using viewport lazy-loading, spatial clustering, and memoized Canvas layers.
  • Real-Time Dispatch Desk: Designed a high-throughput monitoring dashboard supporting multi-stage vehicle assignments, automated route triggers, and persistent multi-tab state.

Technologies: Next.js, TypeScript, TanStack Query, GIS, HTML5 Canvas, GSAP

Fullstack Developer at Crettiva (Sep 2024 — Present — Riyadh, Saudi Arabia · Part-time)

  • Centralized Payment Engine: Built a unified billing architecture on Moyasar with PCI-conscious client-side tokenization and Node.js transaction orchestration across company verticals.
  • Async Multi-Model AI Pipeline: Designed an asynchronous review and analysis pipeline orchestrating 6 concurrent LLM and vision models via Redis and BullMQ worker queues.
  • 3D & Motion Product Surfaces: Shipped interactive Next.js, Three.js, and GSAP web experiences that drove a 200% surge in organic web traffic and user engagement.

Technologies: Next.js, Node.js, Moyasar, Redis, BullMQ, Three.js, GSAP

Frontend Developer (Contract) at PwC / Mobifly (May 2025 — Aug 2025 — Remote · Enterprise Contract)

  • AI-Powered Office Add-ins: Engineered two production Microsoft Office add-ins (Word, PowerPoint, Teams) for a PwC enterprise initiative with automated summarization and in-place document edits.
  • Real-Time Contextual NLP Agents: Delivered production-ready NLP assistant workflows within a rapid 2-week sprint, handling complex multi-turn Q&A directly inside the enterprise Office environment.

Technologies: React, TypeScript, Microsoft Office Add-ins, NLP Agents, Enterprise UI

Fullstack Developer at Right Mind (May 2024 — May 2025 — Cairo, 5th Settlement · Full-time)

  • Unified Plug-and-Play Auth: Served as Sole Frontend Engineer, building a shared Multi-Language Authentication System (2FA, Social OAuth, Account Management) deployed across company platforms.
  • Orient Paints E-Commerce Engine: Architected a Next.js SSR/ISR platform featuring a multi-attribute variant engine (color swatch matrices, volume/weight calculators, datasheets, and hybrid cart sync).
  • Medical SaaS & Server Control Panel: Engineered the Doctor-Nurse recruitment & booking SaaS (RBAC, bidirectional scheduling) plus a cPanel-style dashboard for automated domain & DNS provisioning.

Technologies: Next.js, TypeScript, SSR/ISR, Node.js, MongoDB, RBAC

Founder & Tech Educator at NoorTech (2022 — Present — Global · YouTube & Community)

  • Architectural Deep-Dives: Founded and scaled NoorTech to 10,000+ subscribers and 100,000+ views, publishing in-depth engineering courses on React, Next.js, Node.js, and system design.
  • Community & Team Mentorship: Produced 100+ hours of advanced Arabic & English developer curriculum while mentoring engineering teams at IEEE, CAT Reloaded, and production startups.

Technologies: React, Next.js, Node.js, System Design, GSAP, Technical Mentoring

High-Load Fulfillment & Commerce — ENTERPRISE COMMERCE

  • Omnichannel Order Orchestration: Fulfillment & packing engines (Node.js, GraphQL, MongoDB) ingesting Shopify, web, and mobile orders with split-shipment routing and PIN-authenticated QC.
  • Concurrency-Safe Inventory Locks: Redis-backed inventory reservation service with per-variant TTL locks and MongoDB Change Streams cache invalidation to eliminate checkout race conditions.
  • Precision Multi-Currency Engine: Integer-cent pricing architecture across 6 currencies with live Redis-cached exchange rates, eliminating floating-point rounding errors under load.

Stack: Node.js, GraphQL, MongoDB, Redis TTL Locks, Shopify API, Change Streams

Frontend Architecture & 60FPS GIS — FRONTEND & GIS

  • Modular Next.js & TypeScript: Incremental legacy migrations into strictly typed Next.js App Router architectures with centralized TanStack Query caching and optimistic UI updates.
  • High-Density GIS Live Maps: 60 FPS HTML5 Canvas map engines rendering thousands of live moving vehicles, active polylines, and spatial clusters without DOM bottlenecks.
  • Bilingual RTL/LTR Design Systems: Accessible, multi-tab operational dashboards and RTL/LTR responsive component libraries engineered for zero-regression deployments.

Stack: Next.js, TypeScript, React, TanStack Query, HTML5 Canvas, Tailwind CSS

WebGL Shaders & GPU Simulations — WEBGL & MOTION

  • GPU Cellular Simulation (BioBlob): Rendered 44,000+ interactive entities at a locked 60 FPS using Three.js and custom GLSL shaders, offloading physics to Web Workers.
  • Algorithmic Collision Optimization: Implemented spatial hash grids in Web Workers to reduce collision detection complexity from O(N²) to O(N) alongside WASM ultrasonic data transmission.
  • Scroll-Cinema Choreography: Custom GSAP ScrollTrigger timelines and WebGL particle morphing scenes that attracted 30,000+ unique visitors within 96 hours of launch.

Stack: Three.js, WebGL, GLSL Shaders, GSAP, Web Workers, WASM

AI Pipelines & MCP Infrastructure — AI & INFRASTRUCTURE

  • Real-Time Web Intelligence (Crawleo): Privacy-first scraping and intelligence SaaS integrating Model Context Protocol (MCP) to feed AI agents live, structured web data with zero data retention.
  • Distributed BullMQ Worker Queues: Asynchronous AI review pipelines orchestrating 6 concurrent LLM and vision models via Redis + BullMQ with fault-tolerant retries.
  • Voice & Enterprise NLP Agents: Low-latency e-commerce voice assistants (ElevenLabs TTS + LLMs) and production Microsoft Office NLP add-ins for automated document editing.

Stack: MCP Protocol, Redis, BullMQ, LLM Orchestration, ElevenLabs, Node.js

Payment Gateways & SaaS Billing — PAYMENTS & BILLING

  • Multi-Gateway Strategy Resolver: Unified Kashier, Stripe, and COD behind a single strategy interface with webhook signature verification and idempotent keys for zero double-charges.
  • Centralized Moyasar Tokenization: Client-side card tokenization and Node.js transaction orchestration powering multi-vertical enterprise billing in Saudi Arabia.
  • Metered Subscription Lifecycles: High-concurrency metered billing on Paddle with Guest-to-Customer conversion pipelines that prevent ghost transactions.

Stack: Moyasar, Stripe, Kashier, Paddle, Idempotency, Webhook Security

React Native & Flutter Ecosystems — MOBILE & CROSS-PLATFORM

  • Hybrid Marketplace App (Dr. Games): Cross-platform React Native application featuring real-time checkout, dynamic push notifications, and runtime schema-based form validation.
  • Offline-First Cart Synchronization: Flutter customer apps utilizing local Hive persistence synchronized with live Shopify Storefront GraphQL inventory and region-targeted campaigns.

Stack: React Native, Expo, Flutter, GraphQL, Hive, Push Notifications

300+ students already inside

LEARN THE CRAFT
OF MOTION.

This isn't a highlight reel — it's the classroom. My course platform walks 300+ students through the same GSAP, Next.js, and production systems I ship for clients. Noor Stack.

TRUSTED BY
CLIENTS WORLDWIDE.

Don't just take my word for it. Here's what technical founders and business owners say about our collaboration.

Top Rated on Upwork

Working with Noor was an outstanding experience. He delivered exactly as promised, ensuring everything was fully functional and completed to perfection. His technical skills as a full-stack developer are truly impressive, but equally remarkable is his personal integrity.

His technical skills are truly impressive.
Faizul Islam

Faizul Islam

Client via Upwork

2023

Verified Upwork Client Review

I wholeheartedly recommend Noor to anyone seeking a highly skilled and trustworthy developer. His exceptional work and strong ethical values set him apart, making him an asset to any project.

A highly skilled and trustworthy developer.
Andrew Molt

Andrew Molt

Client via Upwork

2023

Verified Upwork Client Review

Noor's speed and efficiency left me speechless! He completed my project in record time with flawless precision and attention to detail. His ability to maintain top-notch quality is truly impressive. A remarkable talent!

Completed in record time with flawless precision.
Mohamed Ellithy

Mohamed Ellithy

Client via Upwork

2023

Verified Upwork Client Review

Incredibly fast and responsive, and as expected, mind blowing animation skills. Highly recommended 🤩

Mind blowing animation skills.
Ahmed Hassanein

Ahmed Hassanein

Website redesign and animations

Mar 26, 2026 - Apr 3, 2026

Verified Upwork Client Review

Working with Noor was an outstanding experience. He delivered exactly as promised, ensuring everything was fully functional and completed to perfection. His technical skills as a full-stack developer are truly impressive, but equally remarkable is his personal integrity.

His technical skills are truly impressive.
Faizul Islam

Faizul Islam

Client via Upwork

2023

Verified Upwork Client Review

I wholeheartedly recommend Noor to anyone seeking a highly skilled and trustworthy developer. His exceptional work and strong ethical values set him apart, making him an asset to any project.

A highly skilled and trustworthy developer.
Andrew Molt

Andrew Molt

Client via Upwork

2023

Verified Upwork Client Review

Noor's speed and efficiency left me speechless! He completed my project in record time with flawless precision and attention to detail. His ability to maintain top-notch quality is truly impressive. A remarkable talent!

Completed in record time with flawless precision.
Mohamed Ellithy

Mohamed Ellithy

Client via Upwork

2023

Verified Upwork Client Review

Incredibly fast and responsive, and as expected, mind blowing animation skills. Highly recommended 🤩

Mind blowing animation skills.
Ahmed Hassanein

Ahmed Hassanein

Website redesign and animations

Mar 26, 2026 - Apr 3, 2026

Verified Upwork Client Review

Continuous
Learning & Growth.

Certifications and specialized courses that have sharpened my skills and expanded my technical horizons.

DREAM BIG

Heal the World
Help Humanity
Leave Reasons to Be Missed
Written in History
I Will Never Give Up
I Will Be the Best Frontend Developer
Become the Biggest Arabic Influencer
Nooreldin Hesham

"If Your Dreams do not scare you, they are too small!"

Got a project? Let’s vibe together and
make it ninjaa-precise—get in touch!

Call Me Now!

address

From Egypt, Mansoura