موقع بورتفوليو احترافي مطوّر باستخدام React + Vite + Tailwind + GSAP

هذا المشروع هو موقع بورتفوليو شخصي احترافي قمت بتطويره باستخدام React و Vite و TailwindCSS مع دمج مكتبات متقدمة للأنيميشن مثل GSAP و React-Bits.

يهدف الموقع إلى تقديم علامة شخصية قوية، ويعرض خبراتي، ومهاراتي، والمشاريع التي عملت عليها، وآراء العملاء، وطرق التواصل معي.

أبرز ميزات العمل:

تصميم عصري ومتجاوب 100% على جميع الأجهزة

واجهة مستخدم مبنية بـ React + Vite لأداء عالي

استخدام TailwindCSS لتنسيق نظيف وسريع

أنيميشن احترافية باستخدام GSAP Timeline + ScrollTrigger

استخدام React Bits Components لتحسين تجربة المستخدم

هيكلة واضحة للمكونات (Components Structure)

سرعة تحميل عالية وتحسينات Performance

تطبيق لوجيك للتنقل السلس بين الأقسام

معرض مشاريع تفاعلي

قسم شهادات العملاء

صفحة تواصل كاملة مع نموذج إرسال

طريقة التنفيذ

بناء الهيكلة بـ React Components

ربط الأنيميشن باستخدام GSAP داخل useEffect

تصميم الستايل بالكامل عبر Tailwind

ضغط الصور وتحسين الأداء

تجهيز الإصدار النهائي عبر Vite Build

رفع الموقع على Vercel

التقنيات والأدوات المستخدمة

React.js

Vite

TailwindCSS

GSAP

React Bits

Bootstrap Icons

JavaScript ES6

Responsive Design

Git + GitHub