Dynamic Web Magic with Next.js

Transforming Concepts into Seamless User Experiences

Hi! I'm Yahia, a Next.js Developer based in Egypt.

/b1.svg
I constantly try to improve
React.JSThree.JSTypescript
DjangoNext.JSPython
/grid.svg
/b4.svg
/b5.svg
/grid.svg
The Inside Scoop

A small selection of recent projects

bgimg
/3d-iphone.png

Animated Apple Iphone 3D Website

Recreated the Apple iPhone 15 Pro website with GSAP animations and Three.js 3D effects.

/re.svg
/tail.svg
/ts.svg
/three.svg
/gsap.svg

Check Live Site

/ iphone3d-1.web.app
bgimg
/brainwave.png

AI chatbot – BrainwaveCurve

A landing page showcasing benefits and roadmap of AI chatbot with bold visuals, animations, and modern design trends. Built with Vite, React, GSAP, and Tailwind.

/re.svg
/tail.svg
/js.svg
/gsap.svg

Check Live Site

/ brainwave-2.web.app
bgimg
/3d-earth.png

3D - Earth

A beautiful, interactive 3D globe built with Three.js. Smooth animations, clean design, and a real-world feel.

/re.svg
/tail.svg
/ts.svg
/three.svg

Check Live Site

/ threejsearth.web.app
bgimg
/xogame1.png

Tic-Tac-Toe (XO Game)

Luxurious Tic-Tac-Toe game with smooth animations, (4) AI levels, history tracker, and celebratory effects.

/html.svg
/css.svg
/js.svg

Check Live Site

/ xo-game1.web.app
bgimg
/newpost.png

portfolio - NewPost

Responsive developer portfolio with a dark luxury theme, showcase personal projects, skills, and contact info. Built using HTML, CSS, and JavaScript

/html.svg
/css.svg
/js.svg

Check Live Site

/ newpost-1.web.app
bgimg
/webnest.png

webnest ( Python web framework )

WebNest is a lightweight Python framework designed for building web applications quickly. It offers easy project setup, server management, database integration, and custom HTML tags (similar to Jinja2) for dynamic content rendering, such as {{ title }}. WebNest also features simple routing to streamline your development process.

/python.svg

Check Live Site

/ pypi.org/project/webnest

My work experience

My Skills

My Approach

Planning & Strategy

We'll start by understanding your project's purpose, audience, and goals. I'll help outline the ideal structure, core features, and tech stack to bring your idea to life..

Development & Progress

Once everything’s aligned, I’ll jump into the build process — setting up the architecture, writing clean code, and keeping you in the loop with regular updates as things come together.

Final Touches & Launch

After testing and final adjustments, your site is ready to go live. I’ll ensure it’s optimized, responsive, and running smoothly — and I’ll be here if you need anything post-launch.