Portfolio - AlHussein Alsahati

موقع بورتفوليو احترافي للحسين السحاتي - مهندس الأمن السيبراني والذكاء الاصطناعي.

المميزات

• 🎨 تصميم سيبربانك/فيوتشريستيك عصري
• 🎭 تأثير Digital Glitch على صورة البروفايل
• ⚡ رسوم متحركة متقدمة مع GSAP
• 📱 تصميم متجاوب 100%
• 🛡️ موضوع الأمن السيبراني والذكاء الاصطناعي

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

• Next.js 16 - إطار العمل
• React 19 - مكتبة واجهات المستخدم
• TypeScript - لغة البرمجة
• Tailwind CSS 4 - التنسيق
• GSAP - الرسوم المتحركة
• Framer Motion - الحركات التفاعلية
• shadcn/ui - مكونات UI

طريقة التشغيل

1. تثبيت المتطلبات

npm install
# أو
bun install

2. تشغيل الموقع

npm run dev
# أو
bun run dev

3. فتح الموقع

افتح المتصفح على: http://localhost:3000

البناء للإنتاج

npm run build
npm run start

هيكل المشروع

├── public/
│   ├── profile.png      # صورة البروفايل
│   ├── cyber-bg.png     # خلفية الأمن السيبراني
│   └── ai-bg.png        # خلفية الذكاء الاصطناعي
├── src/
│   ├── app/
│   │   ├── page.tsx     # الصفحة الرئيسية
│   │   ├── layout.tsx   # التخطيط الرئيسي
│   │   └── globals.css  # الأنماط العامة
│   ├── components/
│   │   ├── GlitchImage.tsx  # مكون الصورة مع تأثير Glitch
│   │   └── ui/          # مكونات shadcn/ui
│   ├── hooks/           # React Hooks
│   └── lib/             # الأدوات المساعدة
├── package.json
├── tailwind.config.ts
└── tsconfig.json

معلومات التواصل

• الاسم: الحسين السحاتي (AlHussein Alsahati)
• المسمى: مهندس أمن سيبراني وباحث ذكاء اصطناعي
• الشركة: RedLayer.ly
• البريد: Alhussein.ali@redlayer.ly

الترخيص

جميع الحقوق محفوظة © 2026 AlHussein Alsahati