Skip to main content
  • Mobile application
  • Website
  • Management system

Logiterre Expo

Sector
Events
Delivered as
  • Website
  • Mobile app
Year
2025
Languages
FR / EN / AR

“Déplacements à portée de demain”

(The project)

The official site and registration platform for an international logistics, mobility and connectivity forum: a React front end over a Laravel API, with a validated, spam-protected path for every type of attendee.

(Context)

A forum site that works as a registration engine.

Logiterre Expo presents the forum’s programme, past editions, press coverage and key figures, then registers attendees through role-specific paths: visitor, exhibitor, investor, sponsor, speaker, delegate, media and community partner.

We built a content-rich bilingual front end that talks to a Laravel API exposing one endpoint per registration role, including document uploads for official delegations. On the show floor, the LOGITERRE mobile app (iOS and Android) takes over: exhibitors and visitors scan each other’s QR badges to save every contact, browse exhibitors and partners, book conference seats and B2B meetings, manage booth teams and carry their own badge — in French, English and Arabic.

(Key figures)

routes
30+
registration roles
10+
bilingual content
FR / EN
mobile app screens
24

(The ecosystem)

What we delivered

The decisions that shaped it

  1. Front end and API kept apart

    A static React 19 front end talks to a separate Laravel back end over REST, so presentation and persistence evolve independently.

    Separation of concerns

  2. One endpoint per role

    Every attendee type has its own validated action and form, so each registration flow stays isolated and easy to change.

    Explicit flows

  3. Validated and spam-protected

    React Hook Form and Zod check input in the browser, Cloudflare Turnstile stops bots on submit, and clear notifications confirm each step.

    Form integrity

  4. Ready for shared hosting

    Delegations upload passport PDFs; a fallback file route serves them where storage links are unavailable, next to a health-check endpoint.

    Deployment-friendly

  5. A badge scanner built for the hall

    A scan takes seconds with one hand: the camera reads the badge, the shared contact opens with an optional note, and the app keeps a searchable history of every meeting.

    Show-floor networking

(How it works)

From role choice to confirmed registration

  1. Choose a role

    Each visitor picks a path (visitor, exhibitor, investor, sponsor, speaker, delegate, media or partner), each with its own form and route.

  2. Validate

    Input is checked against a Zod schema in the browser, and a Turnstile challenge filters out bots before anything is sent.

  3. Record

    The matching Laravel endpoint stores the registration and any passport document, then returns a confirmation to the attendee.

Captures of the delivered build, grouped by product. Select one to see it at full size.

Technology

Front end
  • React 19
  • Vite 6
  • React Router 6
  • Tailwind CSS 4
Components
  • shadcn/ui
  • Radix UI
  • Embla
  • Recharts
Forms
  • React Hook Form
  • Zod
  • i18next
  • Cloudflare Turnstile
Back end
  • Laravel REST API
  • Document storage
Mobile
  • Expo 54
  • React Native 0.81
  • React Navigation 7
  • Reanimated 4
  • HeroUI Native
  • Uniwind
Real-time & notifications
  • Expo Camera (QR)
  • Expo Notifications
  • Firebase
  • expo-updates
Security
  • expo-secure-store
  • Device session management

(Next project)

OM Travel

Travel & events

Your project could be the next system we build.