protofolio

مشروع محفظة الأعمال (Next.js + Tailwind)

هذا المشروع عبارة عن تحويل لموقع محفظة الأعمال الثابت الأصلي باستخدام Next.js (App Router). يحافظ على التصميم العام، والانتقالات، والتنسيق مع الانتقال إلى بنية React.

✅ الميزات

قائمة تنقل ثابتة مع انتقالات بين الأقسام

اختصارات لوحة المفاتيح (H، S، P، T، C)

بطاقات مشاريع ثلاثية الأبعاد

عناوين متحركة

قائمة جانبية متجاوبة

أزرار تحميل السيرة الذاتية

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

Next.js (App Router)

React

Tailwind CSS (أساسي) + أنماط عامة مخصصة

Font Awesome (أيقونات عبر CDN)

▶️ تشغيل المشروع

npm run dev

افتح [https://portfolio-bay-xi-......] في متصفحك.

️ الموارد

صورة الغلاف وصور المشاريع المصغرة مُمثلة بعناصر نائبة مُنسقة. استبدل الملفات الأصلية بملفات صور حقيقية عن طريق إضافة ملفات الصور إلى المجلد العام وتحديث ترميز HTML في الملف src/app/page.js.

الملفات الرئيسية

src/app/page.js — تخطيط الصفحة الرئيسية ومنطق التنقل

src/app/globals.css — أنماط CSS العامة المُرحّلة

src/app/layout.js — تخطيط الصفحة العامة + أيقونات CDN