I will create
a dynamic and interactive website using Django, Alpine.js, and Tailwind. Develop Vue.js admin panels & dashboards with TanStack Query, and custom Static Websites using Astro.
web developer with
a strong foundation in HTML, CSS, and JavaScript.
supercharge vibe coding with AI
accelerating web development through intuitive, flow-based coding and real-time AI assistance.
passionate about
learning new technologies and staying updated on the latest trends in web development.
projects
my portfolio

images sniper chrome extension

ta3allam el roosiya

Astro Markdown Blog Template

CMS - Django

articles
- jul162025
Three.js Tutorial for Beginners: Create a 3D Solar System Step by Step.
Getting started with Three.js can feel overwhelming when you’re new to 3D graphics, but it doesn’t have to be. In this tutorial, you’ll take your first practical steps into Three.js by building a small project: a 3D Solar System...Read more
- feb82025
Bring Your Scroll to Life: A Beginner’s Guide to Scroll-Based Animations with GSAP.
In this post, we’ll break down how to use HTML, CSS, and JavaScript—with the help of GSAP and its ScrollTrigger plugin—to create scroll-based animations...Read more
- sep22024
Create Shopping Cart using Alpinejs.
We'll delve into the process of creating a shopping cart using Alpine.js. We'll explore how to structure components, manage state with Alpine's store, and implement essential features such as fetching new products, adding and removing items, calculating total price, and handling UI interactions...Read more
- jul212024
Create animated columns of tiles with a background-images fade in and fade out.
I will show you how I created animated columns of tiles that smoothly expand and animate both their height and background images ...Read more

