تطبيق ويب ثنائي اللغة (عربي/إنجليزي) لإنشاء سير ذاتية A4 تفاعلية وتصديرها كـ PDF بروابط نشطة. يتميز بدمج ذكاء Gemini لتحليل الوصف الوظيفي واقتراح الكلمات المفتاحية والملخصات لتجاوز أنظمة ATS.

[وصف المشروع] منصة ويب تفاعلية ومبتكرة لإنشاء وتخصيص السير الذاتية الاحترافية (A4) باللغتين العربية والإنجليزية. تدمج المنصة الذكاء الاصطناعي التوليدي لمساعدة المستخدمين على سد الفجوة بين خبراتهم الحالية والمتطلبات الوظيفية المستهدفة وتجاوز أنظمة فحص السير الذاتية (ATS). [المشاكل التي يحلها المشروع] 1. عدم التوافق مع أنظمة ATS: يحلل التطبيق الوصف الوظيفي ويدمج الكلمات المفتاحية الذكية، المهارات والملخصات المهنية المخصصة. 2. صعوبات التنسيق والطباعة: يضمن بقاء المحتوى داخل إطار A4 صارم ومحدد مع إمكانية إعادة ترتيب الأقسام لمنع التداخل. 3. تعقيد التعدد اللغوي: تبديل فوري بين العربية (RTL) والإنجليزية (LTR) بلمسة زر ودون أي تداخل برمجى. [المميزات الرئيسية] - محرر بيانات ديناميكي: إدخال وتعديل فوري للمعلومات والخبرات والتعليم والمشاريع والمهارات واللغات والروابط. - التحكم بالترتيب التفاعلي: أزرار تفاعلية لنقل الأقسام لأعلى/لأسفل أو بين الصفحات لتنظيم المساحة. - المحسن الذكي (AI Optimizer): مدعوم بنموذج Gemini-2.5-Flash لاقتراح مسمى وظيفي وملخص واستخلاص المهارات وتطبيقها تلقائياً. - دعم ثنائي اللغة سلس (Bilingual): تبديل فوري للاتجاهات مع شاشة انتقالية متحركة تمنع الوميض البصري وتحافظ على تجربة المستخدم. - تصدير PDF فائق الدقة: تصدير بجودة 3x مع الحفاظ التام على الروابط التشعبية النشطة (Hyperlinks) في الملف النهائي. - الجولة التوجيهية والوضع التجريبي: دليل تفاعلي للمستخدم خطوة بخطوة مع إمكانية ملء بيانات تجريبية فورية لتسهيل الاستخدام. [التقنيات المستخدمة] - React 19 & Vite: لبناء الواجهات الأمامية والتحميل السريع ومزامنة البيانات. - Context API & Framer Motion: لإدارة الحالة العامة والحركات الانتقالية السلسة. - html2canvas & jsPDF: لمعالجة الواجهات رسومياً وتوليد الـ PDF التفاعلي ذي الروابط النشطة. - Google Gemini API: لمعالجة النصوص وتقديم الاقتراحات والتحليلات المهنية. - Vanilla CSS: لبناء نظام التخطيط الدقيق (A4 Layout System) المتجاوب. [التحديات التي تم حلها] 1. فقدان تفاعلية الروابط عند التصدير: تم ابتكار خوارزمية تمسح إحداثيات عناصر الروابط في الصفحة قبل التصدير وتراكبها كعناصر روابط نشطة في ملف الـ PDF الناتج عبر مكتبة jsPDF. 2. التحكم بمساحة A4 الصارمة: بناء نظام مراقبة يعطي تنبيهاً ذكياً للمستخدم في حال تجاوز الحدود المسموحة لترحيل أو ترتيب الأقسام. 3. وميض شاشة التبديل اللغوي: تصميم مكون `TransitionOverlay` لحجب الشاشة مؤقتاً بتأثير حركي أنيق لـ 1.2 ثانية ريثما تستقر الواجهة بالاتجاه الجديد.