Application mobile
Matching Platform
La web app de réservation est une solution innovante permettant aux utilisateurs de bénéficier de différents services
- Réservation de consultations individuelles (One-to-One) avec des intervenants spécialisés.
- Inscription aux ateliers collectifs pour un apprentissage en groupe avec calendrier de réservation.
- Achat de jetons pour accéder aux vidéos proposées par les intervenants.
- Souscription à des abonnements mensuels offrant divers avantages tels que :
✓ Calcul numérologique personnalisé.
✓ Accès mensuel à des offres exclusives, ateliers et jetons.
Dans le back office,
l’administrateur dispose d’une vue complète et centralisée pour piloter l’ensemble de la plateforme. Il peut :
En somme, le back office permet à l’administrateur de piloter la plateforme de bout en bout, en garantissant la qualité des services proposés, la sécurité des échanges et la fluidité de l’expérience utilisateur.
Concernant l’intervenant,
il dispose d’un espace personnel lui permettant de gérer l’ensemble de ses activités en ligne.
Ainsi, le back office offre à chaque intervenant un outil simple et complet pour développer sa visibilité, optimiser son organisation et monétiser efficacement ses services.
Technologies utilisées
L’API RESTful Laravel 10 assure une communication fluide entre le front-end, le back-office et l’API de paiement. Elle gère efficacement les ressources telles que les utilisateurs, les commandes et les paiements, tout en garantissant la sécurité grâce à JWT. Conçue selon les principes REST, elle facilite l’intégration avec des interfaces modernes et optimise la gestion des données et des interactions au sein de l’application.
Le front office de l’application web est développé avec React JS (v18.2.0) et JavaScript ES6+, utilisant JSX pour une structuration claire et modulable des composants. La gestion d’état repose sur la Context API, tandis que la navigation est optimisée avec React Router v6 et les appels aux API sont réalisés via Axios, garantissant une interaction fluide avec le serveur. L’interface combine Material-UI, Bootstrap et Tailwind CSS, offrant une expérience utilisateur moderne et réactive.
Nous avons intégré une API de paiement sécurisée permettant d’effectuer des transactions en ligne via la plateforme Stripe. Cette API est reliée à un système de gestion de commandes et d'abonnements. Elle permet ainsi de traiter le paiement des consultations, ateliers, achats de jetons et souscriptions avec des cartes bancaires.
Le back office de l’application web est développé avec Laravel (PHP 8.1.13) pour une interface utilisateur dynamique et réactive tandis que JWT assure une authentification sécurisée des utilisateurs. L’intégration Laravel Vite Plugin permet de gérer efficacement les tâches et fichiers statiques côté frontend. Afin de gérer et afficher les événements sous forme de calendrier interactif, nous avons utilisé la bibliothèque FullCalendar (modules @fullcalendar/vue et @fullcalendar/daygrid). Les appels API se font via Axios, garantissant des échanges rapides avec le serveur. Le style est optimisé avec Sass et PostCSS, tandis que des utilitaires comme Lodash simplifient la manipulation des données.
Cette plateforme administrative permet de gérer l’ensemble des activités :
Utilisateurs (création, modification, suppression), abonnements, paiements, commandes, contenus, et services proposés. Conçue pour simplifier l’administration et sécuriser l’accès aux données sensibles, elle offre une gestion fluide et centralisée des aspects financiers, commerciaux et opérationnels de l’application.
