ميزات المشروع
• واجهة مستخدم متجاوبة بالكامل مع جميع الأجهزة (موبايل، تابليت، ديسكتوب).
• ثنائي اللغة ودعم RTL/LTR: التبديل بين العربية والإنجليزية بسلاسة مع تعديل اتجاه النص تلقائيًا.
• بنية مكونات قابلة لإعادة الاستخدام لتسهيل الصيانة والتوسع المستقبلي.
• تحسين الأداء عبر Lazy Loading للصور والموارد واستخدام Vite للبناء السريع.
• Backend آمن لدعم التواصل مع العملاء وتسجيل البيانات الهامة باستخدام Node.js.
• تصميم يركز على وضوح المعلومات وتجربة المستخدم مع سهولة التنقل بين الصفحات وفهم الخدمات بسرعة.
• طبقات بصرية خفيفة: StarBackground وIntroOverlay تضيف جاذبية دون التأثير على سرعة التحميل.
• دعم الوصولية (Accessibility) والتنقل بالكيبورد لجميع المستخدمين.
⸻
طريقة التنفيذ
1. تخطيط الهيكلية وتجهيز تصميم واجهة المستخدم والمكونات.
2. تطوير المكونات باستخدام React + TypeScript لبناء واجهة منظمة وقابلة لإعادة الاستخدام.
3. تصميم متجاوب باستخدام CSS Grid وFlexbox مع مراعاة الوصولية والTypography.
4. تحسين سرعة الموقع باستخدام Vite وLazy Loading للصور والمحتوى.
5. تطوير Backend بسيط وآمن للتواصل وتسجيل البيانات مع المستخدمين.
6. إعداد LanguageContext.tsx وملف الترجمة translations.ts لضمان تبديل سلس بين العربية والإنجليزية مع دعم RTL/LTR.
7. تصميم طبقات بصرية تفاعلية StarBackground وIntroOverlay لتعزيز الجاذبية دون التأثير على الأداء.
8. إضافة أدوات لضمان جودة الكود مثل TypeScript، وفحص الأخطاء، وإعدادات البناء للإنتاج.
