# مرحباً، أنا [اسمك]

## عني
مطور [واجهة أمامية/خلفية/شامل] متخصص في [React/Python/...].
أبني تطبيقات ويب تحل مشاكل حقيقية.

## مهاراتي
- React / Next.js / TypeScript
- Python / FastAPI
- PostgreSQL / Docker

## مشاريعي المميزة
- [اسم المشروع](رابط) — وصف قصير
- [اسم المشروع](رابط) — وصف قصير

## تواصل معي
- [LinkedIn](رابط)
- [موقعي الشخصي](رابط)

# أداة توليد ملف README لمشاريع GitHub
# استخدمها لإنشاء توثيق احترافي لكل مشروع

def generate_readme(project_name, description, tech_stack, features):
    """إنشاء ملف README احترافي لمشروع GitHub"""
    readme = f"""# {project_name}

{description}

## التقنيات المستخدمة
"""
    for tech in tech_stack:
        readme += f"- **{tech}**\n"

    readme += "\n## المميزات\n"
    for feature in features:
        readme += f"- {feature}\n"

    readme += """
## التشغيل المحلي
```bash
git clone https://github.com/username/project.git
cd project
npm install
npm run dev

---

## إنشاء موقع شخصي احترافي

### لماذا تحتاجه؟

GitHub يعرض الكود — موقعك يعرض **أنت**. شخصيتك، أسلوبك، قصتك المهنية. **67% من مديري التوظيف** يتأثرون إيجاباً بوجود موقع شخصي. بالنسبة لمطوّري الواجهة الأمامية (Frontend)، الموقع نفسه يصبح **أقوى مشروع في معرض أعمالك**.

### ماذا يتضمن الموقع؟

1. **صفحة رئيسية:** اسمك، تخصصك، جملة واحدة قوية تصف ما تفعله
2. **صفحة "عني":** خبرتك، مسيرتك، ما يميّزك عن غيرك
3. **صفحة المشاريع:** 3-5 مشاريع بصور ولقطات شاشة وأوصاف وروابط مباشرة
4. **صفحة المهارات:** التقنيات التي تُتقنها مع مستوى الإتقان
5. **صفحة التواصل:** بريد إلكتروني احترافي + رابط لينكد إن (LinkedIn) + رابط GitHub

### كيف تبنيه مجاناً؟

| المنصة | التكلفة | الأفضل لـ | مستوى التخصيص |
|--------|--------|----------|-------------|
| GitHub Pages | مجاني | مبتدئين ومطوّرين | متوسط |
| Vercel | مجاني | مطوّري React/Next.js | عالي جداً |
| Cloudflare Pages | مجاني | أداء عالي عالمياً | عالي |
| Carrd | مجاني / 19$/سنة | من يريد شيئاً بسيطاً وسريعاً | منخفض |

<InfoBox type="tip">
إذا كنت مطوّر واجهة أمامية — ابنِ موقعك من الصفر بـ React أو Next.js. الموقع نفسه يصبح أقوى دليل على مهاراتك. إذا كنت مطوّر واجهة خلفية — استخدم قالباً جاهزاً ولا تضيّع وقتاً على التصميم.
</InfoBox>

---

## تحسين ملف لينكد إن (LinkedIn)

### العناصر الأساسية

**1. صورة احترافية:** لا سيلفي ولا صور شخصية عادية. خلفية نظيفة، إضاءة جيدة، ملابس مهنية مناسبة. حسابات بصور احترافية تحصل على **21 ضعف مشاهدات** مقارنة بالحسابات بدون صور.

**2. العنوان الوظيفي (Headline):** لا تكتب "باحث عن عمل". اكتب شيئاً مثل: "مطور شامل | React + Python | أبني تطبيقات تحل مشاكل حقيقية". العنوان هو أول ما يظهر في نتائج البحث.

**3. الملخص (About):** 3 فقرات مركّزة:
- من أنت وماذا تفعل — تخصصك وشغفك
- أبرز إنجازاتك ومشاريعك — أرقام وروابط
- ما تبحث عنه — نوع الفرص والتعاون

**4. الخبرات والمهارات:** أضف كل مهاراتك التقنية. اطلب توصيات (Endorsements) من زملاء ومديرين سابقين. التوصيات المكتوبة (Recommendations) أقوى بكثير.

**5. النشاط الأسبوعي:** انشر محتوى تقنياً أسبوعياً — حتى لو مجرد تلخيص لما تعلمته هذا الأسبوع أو مشكلة حللتها. الحسابات النشطة تظهر في نتائج البحث **5 أضعاف** أكثر من الحسابات الخاملة.

---

## مشاريع يجب أن تضيفها حسب التخصص

### مطوّر الواجهة الأمامية (Frontend)
1. **موقعك الشخصي** (React/Next.js) — هو بحد ذاته أقوى مشروع
2. **لوحة تحكم** (Dashboard) مع رسوم بيانية وبيانات حية
3. **تطبيق متجر إلكتروني** بسلة شراء وإدارة منتجات
4. **تطبيق طقس** يجلب بيانات من واجهة برمجة خارجية (API)
5. **استنساخ موقع مشهور** (Twitter clone أو Trello clone)

### مطوّر الواجهة الخلفية (Backend)
1. **واجهة برمجة REST كاملة** مع توثيق Swagger تفاعلي
2. **نظام مصادقة** متكامل (JWT + OAuth + إعادة تعيين كلمة المرور)
3. **خدمة إشعارات فورية** (WebSocket أو Server-Sent Events)
4. **قاعدة بيانات معقدة** بعلاقات متعددة ومحسّنة الأداء
5. **خدمة مصغّرة** (Microservice) مع Docker وتوثيق كامل

### مطوّر شامل (Full Stack)
1. **تطبيق إدارة مهام** كامل بواجهة أمامية وخلفية
2. **منصة مدوّنة** مع لوحة تحكم للمحتوى
3. **تطبيق دردشة** في الوقت الحقيقي (Real-time Chat)
4. **نظام حجوزات** (مطعم أو عيادة أو صالون)
5. **تطبيق SaaS بسيط** مع نظام اشتراكات

### متخصص الأمن السيبراني (Cybersecurity)
1. **تقارير مسابقات CTF** من منصات TryHackMe وHackTheBox
2. **أداة فحص أمني** بسيطة مكتوبة ببايثون
3. **تحليل ثغرة أمنية** (Write-up) تشرح الاكتشاف والإصلاح
4. **سكريبتات أتمتة أمنية** مفيدة ومُوثّقة

---

## 5 أخطاء قاتلة في بناء معرض الأعمال

### 1. مشاريع الدورات التعليمية فقط

كل من أكمل نفس الدورة لديه نفس المشروع. مدير التوظيف يرى عشرات النسخ المتطابقة يومياً. **ميّز نفسك:** عدّل المشروع بشكل جذري، أضف ميزات لم تكن في الدورة، أو ابنِ شيئاً مختلفاً تماماً يحل مشكلة حقيقية تواجهك.

### 2. مشاريع غير مكتملة

مشروع واحد مكتمل بملف README واضح أفضل من 10 مشاريع نصف جاهزة. المشاريع غير المكتملة تُعطي انطباعاً سلبياً — تقول لمدير التوظيف أنك لا تُنهي ما تبدأه. **أكمل المشروع الحالي قبل أن تبدأ مشروعاً جديداً.**

### 3. كود بدون توثيق

مدير التوظيف لن يقرأ كودك سطراً سطراً — يقرأ **ملف README أولاً**. إذا لم يجد وصفاً واضحاً للمشروع وكيفية تشغيله — ينتقل للمتقدم التالي في ثوانٍ.

### 4. تجاهل التصميم والمظهر

حتى لو كنت مطوّر واجهة خلفية — موقعك يجب أن يبدو **نظيفاً ومهنياً**. استخدم قالباً جاهزاً أو Tailwind CSS إذا لم تكن مصمماً. الانطباع الأول يتشكل في 3 ثوانٍ.

### 5. عدم التحديث المنتظم

معرض أعمال يعرض تقنيات 2024 لا ينفع في 2026. **حدّث مشاريعك كل 6 أشهر** بأحدث التقنيات والممارسات. أضف مشاريع جديدة واحذف القديمة التي لم تعد تمثّلك.

<InfoBox type="info">
معرض الأعمال ليس مشروعاً تبنيه مرة واحدة وتنساه — إنه وثيقة حية تنمو معك. كل مشروع جديد تُضيفه يُثبت أنك تتطور باستمرار.
</InfoBox>

---

## الخلاصة

معرض أعمالك هو **أقوى أداة توظيف** تملكها — أقوى من أي سيرة ذاتية أو شهادة. لا تنتظر أن تصبح خبيراً لتبنيه — **ابنِه الآن** وطوّره مع كل مشروع جديد ومهارة جديدة تتعلمها.

ابدأ اليوم بهذه الخطوات الثلاث:
1. **أنشئ ملف Profile README** على GitHub يعرّف بك باحتراف
2. **ثبّت أفضل 3 مشاريع** مع ملفات README واضحة ومفصّلة
3. **ابدأ ببناء موقعك الشخصي** — حتى لو بسيط، المهم أن تبدأ

اقرأ أيضاً [دليل المسار المهني التقني](/blog/tech-career-guide) لتخطيط مسيرتك المهنية، و[الفرق بين الواجهة الأمامية والخلفية](/blog/frontend-vs-backend-2026) لتحديد تخصصك واختيار المشاريع المناسبة لمعرض أعمالك.