Portofolio

? Ahmed | بورتفوليو Fullstack احترافي

قمت بتطوير Ahmed Hub، وهو بورتفوليو متكامل عالي الأداء يعرض المهارات والمشاريع بأسلوب احترافي حديث، مع التركيز على تجربة مستخدم مميزة باستخدام أحدث تقنيات الويب.

✨ أهم المميزات والتجربة

? تأثير Apple (حركات تفاعلية أثناء التمرير)

نظام أنيميشن متكامل يجعل كل أجزاء الموقع تظهر بشكل تدريجي وانسيابي أثناء التمرير، باستخدام حركات مخصصة تعطي إحساس احترافي وسلس.

? تصميم Glassmorphism احترافي

تأثيرات ضبابية (Blur) عالية الجودة في الواجهة

تفاصيل دقيقة مثل الظلال الخفيفة والحواف الشفافة

دعم الوضع الليلي والنهاري بشكل ديناميكي

? معرض المشاريع (Projects Gallery)

نظام فلترة احترافي للمشاريع حسب التقنية

عرض عدد المشاريع لكل تصنيف بشكل ديناميكي

أنيميشن لإعادة ترتيب الكروت بشكل سلس

نافذة تفاصيل لكل مشروع تشمل التقنيات وروابط العرض والكود

? نموذج تواصل احترافي

إرسال الرسائل مباشرة إلى البريد باستخدام EmailJS

التحقق من صحة البيانات باستخدام Zod

عرض حالة الإرسال (جاري الإرسال – نجاح – خطأ) بشكل تفاعلي

⏳ الخبرات والمسار المهني (Timeline)

عرض زمني منظم للخبرات والتدريبات

توضيح الرحلة المهنية والتطور بشكل جذاب

متزامن مع نظام الأنيميشن العام للموقع

?️ التقنيات المستخدمة

Frontend: React.js + Vite

Styling: Tailwind CSS

Animations: Framer Motion

Forms: React Hook Form

Validation: Zod

UI Components: shadcn/ui

Icons: FontAwesome + React Icons

Email Integration: EmailJS

Animations إضافية: Lottie

? وصف عام

المشروع يعكس مستوى متقدم في بناء واجهات المستخدم الحديثة (Frontend)، مع الاهتمام بالتفاصيل الدقيقة في التصميم، الأداء، وتجربة المستخدم.

كما يوضح قدرتي على دمج الأنيميشن، إدارة الحالة، والتحقق من البيانات لإنشاء تطبيق احترافي قابل للتطوير.