07 · Software
Web Development
React, Next.js, TypeScript, Three.js/WebGL, Framer Motion, Node, and PHP. This portfolio is the flagship demonstration — alongside a POS web application delivered for a restaurant client.
The proof is the page you're reading: this portfolio — a scroll-driven WebGL particle scene, custom GLSL shaders, and a fully static Next.js build — is the flagship demonstration of the practice.
The stack is modern and typed end to end: React, Next.js, and TypeScript on the front, Three.js/WebGL and Framer Motion for real-time 3D and motion, Node and PHP on the server side.
It ships for real businesses too — including a POS web application delivered for a restaurant client, built to be operated daily by non-technical staff.
Capabilities
What I deliver
Frontend Engineering
React and Next.js applications in strict TypeScript — fast, maintainable, and statically generated where possible.
3D & WebGL
Three.js scenes with custom GLSL shaders — like the 3D particle journey running behind this site.
Motion Design
Framer Motion choreography: scroll-linked reveals and micro-interactions that stay smooth and respect reduced-motion.
Backend & APIs
Node and PHP services that connect interfaces to data and daily operations.
Business Applications
Purpose-built tools like the restaurant POS web application — designed around the workflow, not the framework.
In the field
The work
The toolchain
Process
How it gets done
- 01
Design
Structure, content, and motion planned as one system before code.
- 02
Build
Typed, componentized implementation with performance budgets from day one.
- 03
Polish
Motion, 3D, and micro-interaction detail — verified by rendering, not by assumption.
- 04
Ship
Static generation, clean builds, and production deployment.
Need this done right?
Available in Lebanon and Qatar — let's talk about your project.