الانتقال إلى المحتوى الرئيسي
  • تطبيق جوال
  • موقع إلكتروني
  • نظام إدارة

Logiterre Expo

القطاع
الفعاليات
سُلّم في شكل
  • موقع إلكتروني
  • تطبيق جوال
السنة
2025
اللغات
FR / EN / AR

“Déplacements à portée de demain”

(المشروع)

الموقع الرسمي ومنصة التسجيل لمنتدى دولي في اللوجستيك والتنقّل والربط: واجهة React مبنية فوق API من Laravel، مع مسار تسجيل مُتحقَّق منه ومحمي من الرسائل المزعجة لكل نوع من المشاركين.

(السياق)

موقع منتدى يعمل كمحرّك تسجيل.

يعرض Logiterre Expo برنامج المنتدى ودوراته السابقة وتغطيته الإعلامية وأرقامه الأساسية، ثم يسجّل المشاركين عبر مسارات خاصة بكل دور: زائر، عارض، مستثمر، راعٍ، متحدّث، مندوب، إعلام وشريك جمعوي.

بنينا واجهة ثنائية اللغة غنية بالمحتوى، متصلة بـ API من Laravel يوفّر نقطة دخول لكل دور تسجيل، بما في ذلك رفع الوثائق للوفود الرسمية. وفي أرض المعرض يتولّى تطبيق LOGITERRE للجوال (iOS وAndroid) المهمة: يمسح العارضون والزوار شارات QR لحفظ كل جهة اتصال، ويتصفّحون العارضين والشركاء، ويحجزون مقاعد المؤتمرات ومواعيد B2B، ويديرون فرق الأجنحة ويحملون شاراتهم معهم — بالفرنسية والإنجليزية والعربية.

(أرقام أساسية)

مسارًا
30+
أدوار تسجيل
10+
محتوى ثنائي اللغة
FR / EN
شاشة في تطبيق الجوال
24

القرارات التي صنعت المشروع

  1. فصل الواجهة عن الـ API

    واجهة React 19 ثابتة تتواصل عبر REST مع واجهة خلفية مستقلة من Laravel، فيتطوّر العرض والتخزين كلٌّ على حدة.

    فصل المسؤوليات

  2. نقطة دخول لكل دور

    لكل نوع من المشاركين إجراء ونموذج خاصّان به، فيبقى كل مسار تسجيل معزولًا وسهل التطوير.

    مسارات واضحة

  3. تحقّق وحماية من الرسائل المزعجة

    يتحقّق React Hook Form وZod من الإدخال في المتصفح، ويوقف Cloudflare Turnstile الروبوتات عند الإرسال، وتؤكّد إشعارات واضحة كل خطوة.

    سلامة النماذج

  4. جاهز للاستضافة المشتركة

    ترفع الوفود جوازاتها بصيغة PDF، ويخدمها مسار احتياطي حين تتعذّر روابط التخزين، إلى جانب نقطة لفحص حالة الخادم.

    نشر مرن

  5. ماسح شارات مصمَّم لقاعة المعرض

    يستغرق المسح ثوانيَ بيد واحدة: تقرأ الكاميرا الشارة، وتُفتح جهة الاتصال المشتركة مع ملاحظة اختيارية، ويحتفظ التطبيق بسجلّ قابل للبحث لكل لقاء.

    تواصل مهني في المعرض

(كيف يعمل)

من اختيار الدور إلى تأكيد التسجيل

  1. اختيار الدور

    يختار كل زائر مساره (زائر، عارض، مستثمر، راعٍ، متحدّث، مندوب، إعلام أو شريك)، ولكل مسار نموذجه ومساره الخاص.

  2. التحقّق

    يُفحص الإدخال بمخطط Zod في المتصفح، ويستبعد اختبار Turnstile الروبوتات قبل أي إرسال.

  3. التسجيل

    تحفظ نقطة Laravel المناسبة التسجيل وأي وثيقة سفر مرفقة، ثم تعيد تأكيدًا إلى المشارك.

لقطات من النسخة المُسلَّمة، مجمّعة حسب المنتج. اختاروا لقطة لعرضها بحجمها الكامل.

التقنيات

الواجهة الأمامية
  • React 19
  • Vite 6
  • React Router 6
  • Tailwind CSS 4
المكوّنات
  • shadcn/ui
  • Radix UI
  • Embla
  • Recharts
النماذج
  • React Hook Form
  • Zod
  • i18next
  • Cloudflare Turnstile
الواجهة الخلفية
  • Laravel REST API
  • Document storage
الجوال
  • Expo 54
  • React Native 0.81
  • React Navigation 7
  • Reanimated 4
  • HeroUI Native
  • Uniwind
الوقت الفعلي والإشعارات
  • Expo Camera (QR)
  • Expo Notifications
  • Firebase
  • expo-updates
الأمان
  • expo-secure-store
  • Device session management

(المشروع التالي)

OM Travel

السفر والفعاليات

قد يكون مشروعكم النظام التالي الذي نبنيه.