Duxelite Corporate Website
تفاصيل العمل
موقع Duxelite للشركات
1. نظرة عامة على المشروع:
هذا المشروع عبارة عن موقع إلكتروني حديث للشركات ومنصة حضور رقمي لشركة Duxelite. يهدف الموقع إلى عرض خدمات تطوير الويب الشاملة، ومحفظة أعمال الشركة، وخبرتها العميقة في منطقة الشرق الأوسط وشمال أفريقيا (MENA)، مع التركيز على استهداف الشركات التي تبحث عن حلول تطوير الويب، أنظمة تخطيط موارد المؤسسات (ERP)، منصات البرمجيات كخدمة (SaaS)، وحلول التعليم الإلكتروني.
2. دوري في المشروع:
"مطور ويب كامل (Full-Stack Developer) ضمن فريق Duxelite، مسؤول عن بناء المكونات التفاعلية للواجهة الأمامية وتطوير الـ APIs للواجهة الخلفية."
3. التقنيات المستخدمة:
الواجهة الأمامية (Frontend):
إطار العمل: React 18 مع TypeScript
أداة البناء: Vite 5.4
التصميم (Styling): Tailwind CSS 3.4
النماذج: React Hook Form مع Yup للتحقق
عميل HTTP: Axios
الأيقونات: Lucide React
إدارة الحالة: React Context API
الواجهة الخلفية (Backend):
إطار العمل: Laravel 12
إصدار PHP: 8.2+
قاعدة البيانات: MySQL 8.0+
ORM (طبقة ربط الكائنات العلائقية): Eloquent
المصادقة: Laravel Sanctum
نظام قائمة الانتظار: Laravel Horizon
توثيق الـ API: Laravel Swagger (l5-swagger)
عملية التطوير:
دعم Docker
تكامل مستمر/نشر مستمر (CI/CD) عبر GitHub Actions
4. المميزات الرئيسية والوظائف:
أقسام الموقع:
الصفحة الرئيسية: قسم البطل (Hero section)، نظرة عامة على الخدمات، أبرز أعمال Portfolio.
من نحن: قصة الشركة، عرض الفريق، المهمة والقيم.
الخدمات: تطوير الويب، أنظمة ERP، حلول SaaS، منصات التعليم الإلكتروني.
معرض الأعمال (Portfolio): معرض مشاريع، دراسات حالة مفصلة، مقاييس نجاح العملاء.
المدونة: مقالات محسّنة لمحركات البحث (SEO)، نظام إدارة محتوى.
الاتصال: نماذج اتصال، قنوات اتصال مباشرة.
المميزات التقنية:
تصميم متجاوب: نهج "الجوال أولاً" (Mobile-first) باستخدام Tailwind CSS.
أداء محسن: تحميل سريع، صديق لمحركات البحث، متوافق مع Core Web Vitals.
لوحة تحكم إدارية: إدارة المحتوى عبر لوحة Filament الإدارية.
جاهزية تحسين محركات البحث (SEO Ready): علامات وصفية (Meta tags)، بيانات منظمة (Structured data)، توليد خريطة الموقع (Sitemap).
الأمان: حماية من CSRF و XSS، ومصادقة آمنة.
تكامل API: واجهة برمجة تطبيقات RESTful للتواصل بين الواجهتين الأمامية والخلفية.
5. التحديات والحلول :
ضمان قابلية التوسع (Scalability) للموقع، وتحقيق الأداء العالي عبر الواجهتين الأمامية والخلفية، بالإضافة إلى امكانية إدارة المحتوى متعدد اللغات بسلاسة. تم التغلب على ذلك من خلال استخدام بنية تقنية حديثة تجمع بين React وLaravel، والاستفادة من Filament كلوحة إدارة قوية، وتطبيق Redis للتخزين المؤقت، مما يضمن موقعًا فعالًا وسريعًا.
6. الروابط:
رابط المشروع الحي: www.duxelite.net