Command Palette

Search for a command to run...

iValid

01.2024Present|www.ivalid.fr

Plateforme SaaS de gestion de rendez-vous et d'optimisation des operations terrain, developpee chez Silogis.

  • Next.js
  • React
  • React Native
  • TypeScript
  • SaaS
  • API REST
  • OAuth 2.0
  • Zoho CRM
  • Stripe
  • Google Maps API
  • PWA
  • WatermelonDB
  • Zustand
  • React Query

Video de presentation concue et realisee par mes soins.

Contexte

iValid est une plateforme SaaS francaise developpee par Silogis, destinee aux entreprises dont les equipes travaillent sur le terrain (techniciens, artisans, professionnels de sante, experts en assurance). L'objectif : centraliser et optimiser l'ensemble de la gestion des rendez-vous et des deplacements.

Le projet est ne du constat que de nombreux professionnels itinerants gerent encore leurs plannings via des tableurs, des agendas papier et des appels telephoniques — un processus chronophage et source d'erreurs.

Fonctionnalites principales

Calendrier intelligent

Systeme de calendrier multi-vues (jour, semaine, mois) avec drag-and-drop, filtres par equipe et codes couleurs. Synchronisation bidirectionnelle avec Google Calendar, Microsoft 365 et Apple iCloud.

Reservation en ligne 24/7

Les clients peuvent prendre rendez-vous sans creation de compte, avec confirmation automatique par email et SMS. Widget de reservation embeddable sur n'importe quel site web.

Optimisation d'itineraires

Calcul du meilleur trajet en temps reel via Google Maps API, avec analyse du trafic, suivi kilometrique et monitoring des emissions CO2. Reduction de 30% du temps de trajet en moyenne.

Gestion des zones geographiques

Definition de territoires de service et affectation automatique des intervenants selon la proximite. Systeme de remplacement intelligent en cas d'absence.

15 integrations natives

  • Calendriers : Google Calendar, Microsoft 365, Apple iCloud, export ICS
  • Paiements : Stripe
  • CRM : Zoho CRM, Zoho Invoice
  • Notifications : SMS Magic, Microsoft Graph API
  • Video : Whereby
  • Geolocalisation : Google Maps (geocoding, routing, autocomplete)
  • Developpeurs : API REST, Webhooks, OAuth 2.0

Reservation mobile

Le parcours de reservation a ete pense pour etre le plus fluide possible — deux etapes, zero friction.

Choix du creneauConfirmation de reservation

Etape 1 : selection du jour et du creneau avec scroll horizontal sur les dates disponibles. Les creneaux sont pre-charges par prefetching — quand l'utilisateur swipe vers un jour, les disponibilites du jour suivant sont deja en cache.

Etape 2 : formulaire de confirmation avec les informations d'acces (batiment, etage, code). La soumission utilise un optimistic update — le creneau est immediatement marque comme reserve cote UI avant meme la reponse serveur, avec rollback automatique en cas d'erreur.

Optimisation des performances

L'integration des 15 APIs externes a necessite une approche avancee pour garantir une experience fluide :

  • Prefetching intelligent : les donnees sont pre-chargees en arriere-plan avant que l'utilisateur n'en ait besoin. Les creneaux du jour suivant, les infos client depuis Zoho CRM, les itineraires Google Maps — tout est anticipe.
  • Optimistic updates : les actions utilisateur (reservation, annulation, modification) sont refletees instantanement dans l'UI via React Query. Le serveur confirme en arriere-plan. En cas d'echec, rollback automatique avec notification.
  • Stale-while-revalidate : les donnees en cache sont servies immediatement pendant que React Query revalide en arriere-plan. L'utilisateur ne voit jamais de loader sur les ecrans deja visites.
  • Invalidation granulaire : une modification de rendez-vous invalide uniquement les queries concernees (calendrier du jour, compteurs, itineraire) sans recharger toute l'application.
  • Debouncing & batching : les recherches (clients, adresses via Google Places Autocomplete) sont debounced, et les appels API groupes quand possible pour reduire la charge reseau.
  • Lazy loading : les modules lourds (carte Google Maps, editeur PDF) sont charges a la demande, pas au premier rendu.

Ma contribution

En tant que Full-Stack Engineer en alternance chez Silogis, j'ai contribue au developpement d'iValid sur les volets web et mobile :

  • Migration web : participation a la transition de l'application mobile vers un deploiement web complet en Next.js, incluant la refonte de l'architecture frontend.
  • Integration API : developpement et maintenance des connecteurs avec Zoho CRM pour la synchronisation des donnees clients, rendez-vous et factures.
  • Composants UI : creation de composants reutilisables avec NativeWind et Gluestack, assurant un design responsive et coherent entre les plateformes.
  • Gestion d'etat : implementation de la couche data avec React Query (prefetching, optimistic updates, invalidation granulaire) et Zustand pour l'etat local.
  • Systeme de notifications : mise en place des notifications push et des rappels automatises SMS/email.
  • Base de donnees locale : integration de WatermelonDB pour le fonctionnement hors-ligne de l'application mobile.
  • Authentification : implementation du flux OAuth 2.0 avec JWT Bearer tokens.
  • Optimisation : prefetching intelligent, stale-while-revalidate, lazy loading et resolution de bugs complexes en production.

Stack technique

CoucheTechnologies
Frontend WebNext.js, React, TypeScript
MobileReact Native, NativeWind, Gluestack
State ManagementReact Query, Zustand
Base de donnees localeWatermelonDB
APIsREST, OAuth 2.0, Webhooks HMAC-SHA256
IntegrationsZoho CRM, Stripe, Google Maps, Microsoft 365
DeploiementVercel, hebergement France

Resultats

  • -40% de rendez-vous manques grace aux rappels automatises
  • -30% de temps de trajet avec l'optimisation d'itineraires
  • ~20h economisees/mois par utilisateur
  • ~364 euros economises/mois par membre d'equipe
  • 99.9% de disponibilite (SLA)
CV