عن المشروع
يوفر هذا المستودع تطبيق ويب بسيطاً يعرض سيرة ذاتية بتصميم بسيط ومناسب للطباعة. تم بناء التطبيق باستخدام Next.js (App Router) وTypeScript وTailwind CSS، ويتضمن مكونات shadcn/ui للحصول على واجهة نظيفة وعصرية.
الميزات الرئيسية:
- تصميم بسيط: يركز على عرض احترافي ونظيف مناسب للطباعة أو التصدير بصيغة PDF.
- التخصيص عبر ملف واحد: يتم تعريف كافة محتويات السيرة الذاتية (الاسم، الملخص، الخبرة العملية، التعليم، المهارات، المشاريع) في ملف src/data/resume-data.ts، مما يسهل التحديث دون الحاجة لتعديل كود المكونات.
- البيانات المهيكلة: يتضمن دعماً للبيانات المهيكلة (JSON-LD) لتحسين محركات البحث وقابلية القراءة آلياً.
- تصميم متجاوب: يستخدم Tailwind CSS للتنسيق، مما يضمن ظهور السيرة الذاتية بشكل جيد على مختلف أحجام الشاشات.
- دعم Docker: يوفر ملف docker-compose.yml للنشر عبر الحاويات.
بدء الاستخدام:
1. استنساخ المستودع.
2. تثبيت التبعيات باستخدام pnpm install.
3. تشغيل خادم التطوير باستخدام pnpm dev وفتح الرابط http://localhost:3000.
4. تعديل ملف src/data/resume-data.ts لتخصيص سيرتك الذاتية.
السكربتات:
- pnpm dev: بدء خادم التطوير.
- pnpm build: البناء للإنتاج.
- pnpm start: بدء خادم الإنتاج.
- pnpm lint / pnpm lint:fix: تشغيل فحوصات Biome (مع الإصلاح التلقائي).
- pnpm format / pnpm format:fix: فحص/تنسيق الكود باستخدام Biome.
- pnpm check / pnpm check:fix: تشغيل فحوصات التنسيق والتدقيق (مع الإصلاح التلقائي).
هيكل المشروع:
- src/app/: صفحات وتخطيط Next.js App Router.
- src/components/: المكونات المشتركة، بما في ذلك الأيقونات وعناصر shadcn/ui.
- src/data/: يحتوي على resume-data.ts لكافة محتويات السيرة الذاتية.
- src/lib/: الأدوات وأنواع TypeScript.
التخصيص:
- قم بتعديل src/data/resume-data.ts لتغيير كافة تفاصيل السيرة الذاتية.
- اضبط الألوان والأنماط العامة في tailwind.config.js وsrc/app/globals.css.
النشر:
- يمكن النشر على Vercel بضغطة زر واحدة (الزر متوفر في ملف README).
- بدلاً من ذلك، استخدم Docker عبر docker compose build وdocker compose up -d.
الترخيص: MIT
Comments
0 Rating appears after 10 ratings
Sign in to join the discussion.