Setup
Technologies / React.jsSetup · Nouméa

Des interfaces React.js.
Pour votre façon de travailler.

Naviflow/PBS : carte d’embarquement avec QR code depuis la gestion des réservations passagersAccueil Tontouta Express avec formulaire d’achat de billets de busTontouta Express
React.js
Des projets conçus par Setup · React.js

Plusieurs métiers.
Un parcours clair pour chacun.

Un voyageur réserve un billet. Un agent le contrôle. Un responsable suit l’activité. Derrière ces écrans, les données sont liées ; devant, chacun doit trouver rapidement ce qui lui est utile.

À Nouméa, Setup développe avec React.js des interfaces d’applications et des outils métier pour la Nouvelle-Calédonie et le Vanuatu. Nous concevons les écrans autour des règles de votre activité, des profils et des logiciels à connecter.

Parlons de votre outil métier
01 / Technologies

L’interface doit suivre le travail, pas l’inverse.

React.js est une bibliothèque JavaScript utilisée pour construire des interfaces à partir de composants. Elle sert à organiser les écrans et leurs interactions. La base de données, les échanges et les contrôles d’accès relèvent aussi de l’architecture de l’application.

Nous partons des actions à réaliser : réserver, vendre, valider, préparer ou consulter. Les informations affichées et les possibilités de modification sont définies pour chaque profil. Le but est de rendre le parcours lisible même lorsque les règles métier sont nombreuses.

Cette approche convient notamment aux centrales de réservation, aux plateformes de gestion et aux tableaux de bord. Pour un site de présentation dont l’équipe doit surtout modifier des pages, WordPress peut être une réponse plus appropriée.

01Réservations et ventes02Écrans par profil03Données et tableaux de bord04Connexions métier
02 / Les briques utiles

Les écrans ne fonctionnent pas seuls.

Le travail d’interface est pensé avec les règles de gestion, les échanges et les conditions d’utilisation.

Une fonction, des étapes compréhensibles.

Nous organisons les actions, les formulaires, les validations et les messages utiles. Un calcul de prix ou une disponibilité doit pouvoir être compris dans le parcours, sans demander à l’utilisateur de connaître les règles techniques.

Hertz et Point Rouge illustrent cette logique : une base commune et des règles propres à chaque enseigne, avec tarification dynamique, suppléments et connexions à MyRentCar et Epay NC.

Les connexions MyRentCar
PBS · Naviflow
Naviflow/PBS : carte d’embarquement avec QR code depuis la gestion des réservations passagers
React · Transport maritime · Vanuatu

Naviflow : les opérations de Pierre Brunet Shipping.

Au Vanuatu, la plateforme centralise passagers, fret, navires, voyages, facturation et suivi des expéditions. Elle remplace une gestion sur Excel devenue difficile à suivre avec la croissance de l’activité.

Les équipes disposent d’indicateurs en temps réel et de profils adaptés à leurs usages. Les connexions comprennent Xero, les notifications et le paiement mobile M-Vatu. L’interface React fait partie d’un outil de gestion complet.

Découvrir PBS · Naviflow
Tontouta Express
Accueil Tontouta Express avec formulaire d’achat de billets de bus
React · PWA · Epay NC

Tontouta Express : vendre et contrôler les billets.

Le parcours associe achat en ligne, paiement Epay NC, vente au comptoir ou dans le bus et contrôle des titres avec une PWA sur terminaux mobiles. Un back-office est partagé par l’exploitant et le gouvernement.

Depuis le lancement du 1er mars jusqu’au bilan du 20 octobre 2026, 12 000 billets ont été vendus. Le site, le contrôle et les outils de gestion ont été développés en React pour cette même chaîne de billetterie.

Découvrir Tontouta Express
Aelan Express
Accueil Aelan Express avec recherche de traversées sur fond de mer
React · Naviflow · PayZen

Aelan Express : ouvrir la vente de billets en ligne.

Le portail de vente au Vanuatu est relié à Naviflow et au paiement PayZen. Il permet aux voyageurs de préparer leur traversée à distance et ajoute un accès en ligne à une activité auparavant traitée au comptoir.

Du 25 novembre 2025 au 20 octobre 2026, 940 billets ont été vendus sur internet, sur 11 000 billets au total.

Découvrir Aelan Express
03 / Technologies

Préparer l’évolution de votre application.

Nous construisons le périmètre à partir des fonctions prioritaires et des échanges nécessaires. Les scénarios de test reprennent les parcours de bout en bout, y compris les profils, les erreurs et les confirmations attendues.

Les besoins sur mobile sont étudiés selon le contexte : site adapté au téléphone, PWA ou application dédiée. Une interface React pour le web ne devient pas automatiquement une application native ; le choix de la technologie mobile demande un cadrage propre.

La maintenance, les sauvegardes, l’hébergement et les évolutions sont organisés avec vous. Une première version utile peut être suivie d’autres modules, à condition de définir dès le départ les responsabilités et les données de référence.

04 / Technologies

La bonne technologie se choisit avec votre métier.

Vous cherchez surtout à présenter votre entreprise et à publier des contenus ? Découvrez WordPress. Vous devez gérer des réservations, des calculs ou plusieurs profils ? Notre approche du développement sur-mesure permet de cadrer le besoin avant de choisir les briques techniques.

Documentation React : construire une interface avec des composants ↗
Les choix techniques

Vos questions, avant de choisir.

React.js est-il adapté à un site vitrine ?

React.js permet de construire des interfaces web. Pour un site vitrine classique et la gestion régulière de contenus, Setup étudie généralement WordPress. Le choix dépend des parcours, des connexions et de l’autonomie attendue.

Peut-on relier une application React à notre ERP ?

Oui, si les interfaces disponibles le permettent. React construit l’interface ; les services de l’application gèrent les échanges et les contrôles. Nous cadrons les accès, les données et les règles de synchronisation.

Une application React fonctionne-t-elle sur téléphone ?

Une interface web peut être adaptée aux téléphones. Une PWA ou une application native répond à d’autres usages et demande un périmètre spécifique. Tontouta Express comprend une PWA de contrôle des billets.

Peut-on faire évoluer l’outil par étapes ?

Oui, en définissant les fonctions prioritaires, les données de référence et les connexions nécessaires. Le découpage doit permettre une première version utilisable et des évolutions cohérentes.

Votre prochain projet

Quel parcours doit devenir plus simple ?

Présentez-nous vos usages, vos outils actuels et ce qui doit devenir plus simple. Nous définissons le périmètre avant de proposer une solution.

Parlons de votre outil métier