- موقع مؤسسي
- دليل الخدمات
- واجهة API للتواصل
LIPACK
- القطاع
- الصناعة
- سُلّم في شكل
- موقع إلكتروني
- السنة
- 2025
- اللغات
- FR / EN
“Votre Partenaire en Impression et Marquage Industriel Au Maroc”
(المشروع)
موقع ثنائي اللغة لشركة طباعة ووسم صناعي، بصفحات خدمات منظّمة حسب القطاع، وواجهة API للتواصل من Laravel، ومحتوى مفصول بالكامل عن الواجهة.
(السياق)
الوسم الصناعي، معروضًا بوضوح.
تقدّم LIPACK الوسم والتتبّع، والطباعة الأوفست والرقمية، والتغليف، واللافتات، والمواد الإشهارية، والتركيب، وفق معايير عملائها في السيارات، والصناعات الغذائية والدوائية، والإلكترونيات، والطاقة.
الموقع تطبيق React 19 أحادي الصفحة متصل بواجهة خلفية من Laravel مع Sanctum لمعالجة التواصل، ومحتوى كل خدمة مركزي على شكل بيانات.
(أرقام أساسية)
- صفحات خدمات
- 7
- قطاعات صناعية
- 4
- ثنائي اللغة
- FR / EN
- مظهران، فاتح وداكن
- 2
القرارات التي صنعت المشروع
فصل الواجهة عن الـ API
واجهة React ثابتة تتواصل مع واجهة خلفية من Laravel محمية بـ Sanctum، توفّر نقطة التواصل.
فصل واضح
المحتوى كبيانات
يتمركز محتوى الخدمات ونصوصها في وحدات بيانات وترجمة، فلا تتطلّب خدمة أو لغة جديدة أي تعديل في المكوّنات.
محتوى قابل للتوسّع
مسار لكل خدمة
للوسم والأوفست والطباعة الرقمية والتغليف واللافتات والمواد الإشهارية والتركيب مسار خاص بكل منها، تغذّيه وحدة بيانات مخصّصة.
دليل منظّم
تفضيلات ضمن السياق
تُدار اللغة والمظهر عبر مزوّدَي سياق يحيطان بالتطبيق، مع زوج من الخطافات المرافقة.
تجربة شاملة
(كيف يعمل)
تصفّح الخدمات
قراءة حسب القطاع
تُقسَّم حلول الوسم حسب القطاع (السيارات والطيران، الغذاء والدواء، الإلكترونيات، الطاقة والبناء) مع التركيز على المعايير.
صفحات الخدمات
يُعرض كل مسار خدمة من وحدة بياناته، مع انتقالات بين الصفحات مرتبطة بالمسار.
التواصل
يرسل نموذج محمي بـ Turnstile الطلب إلى نقطة Laravel، التي تحيله بالبريد الإلكتروني إلى الشركة.
داخل المشروع
لقطات من النسخة المُسلَّمة، مجمّعة حسب المنتج. اختاروا لقطة لعرضها بحجمها الكامل.
التقنيات
- الواجهة الأمامية
- React 19
- Vite 7
- React Router 7
- Tailwind CSS 4
- إدارة الحالة
- Language context
- Theme context
- محركات البحث
- react-helmet-async
- الحركة
- Framer Motion
- الواجهة الخلفية
- Laravel 12
- Sanctum
(المشروع التالي)
Law Firm
القانون, 2025
