Aller au contenu

Réalisations

Des systèmes en production, pas des maquettes.

Cinq projets choisis, de la nouvelle marque à l'application complète. Tous bâtis avec l'IA comme outil de travail, sur une infrastructure sécuritaire, rapide et découplée. Pour chacun : le besoin, ce que j'ai construit et comment c'est bâti.

  • Applications SaaS
  • Marque, site et back-end
  • Réservation en ligne
  • Automatisation
  • IA intégrée
  • Infrastructure découplée
Muleky — plan de pratique
Constructeur de plan de pratique de Muleky : blocs minutés, exercices de la banque et suggestions de Coach Nova (équipe fictive)

Comment ces projets sont bâtis

L'IA comme outil de travail

Je bâtis avec des agents IA que je dirige, et je relis chaque changement. Les projets avancent plus vite, sans couper dans la qualité.

Une infrastructure découplée

Des pages générées d'avance, qui se chargent vite, et une API séparée pour les formulaires, les comptes et les paiements.

Sécurité et sauvegardes

Cloudflare Turnstile contre les robots, limites de débit, deux facteurs pour les espaces privés, et sauvegardes quotidiennes de MongoDB vers S3 quand il y a des données à protéger.

01 · Application SaaS

Muleky

Le logiciel des entraîneurs de hockey

Besoin : analyser les données d'une équipe et en tirer des conseils concrets grâce à un assistant IA.

Un entraîneur jongle avec des chiffriers, des schémas sur papier et des messages éparpillés. J'ai conçu et développé Muleky pour tout réunir : planification des pratiques, exercices animés, évaluations, statistiques et alignements, avec un entraîneur adjoint IA qui connaît l'équipe.

Ce que j'ai construit

  • Tableau de bord d'équipe : match du jour, prochaine pratique, tâches, effectif disponible.
  • Constructeur de plans de pratique avec blocs minutés et banque d'exercices.
  • Éditeur de schémas d'exercices animés, étape par étape.
  • Coach Nova, un entraîneur adjoint IA qui analyse les joueurs et propose quoi travailler.
  • Statistiques, progression par compétence, alignements et mode « glace » sur téléphone.
  • Interface en français, en anglais et en espagnol ; abonnements en ligne.

Intégrations

Stripe pour les abonnements, l'API d'Anthropic (Claude) pour Coach Nova, AWS S3 pour les fichiers, Cloudflare Turnstile contre les robots, hébergement Vercel.

  • TypeScript
  • Node.js 22
  • Express
  • MongoDB
  • Stripe
  • AWS S3
  • Anthropic
  • Cloudflare Turnstile
  • Vercel
  • FR · EN · ES
Muleky — tableau de bord
Tableau de bord de Muleky : match du jour, prochaine pratique, tâches à régler, effectif disponible et fiche de l'équipe fictive Bouviers de St-Bouvier (M15 AAA)
Muleky — éditeur d'exercices animés
Exercices animés. L'entraîneur dessine le jeu une étape à la fois ; les joueurs voient les trajectoires se tracer.
Tableau de bord de Muleky sur téléphone : match du jour et prochaine pratique (équipe fictive)
Mode glace de Muleky sur téléphone : schéma de l'exercice en cours, chronomètre et exercice suivant (équipe fictive)
Sur la glace. Le plan de pratique suit l'entraîneur sur son téléphone, chronomètre compris.
Muleky — Coach Nova
Conversation avec Coach Nova, l'entraîneur adjoint IA de Muleky, sur les points forts d'un joueur et quoi travailler à la prochaine pratique (équipe fictive)
Coach Nova. Un assistant IA branché sur les données de l'équipe, pas un robot conversationnel générique.
Muleky — progression d'un joueur
Graphiques de progression d'un joueur dans Muleky : évolution par compétence, radar et tendances (équipe fictive)
Progression. Les évaluations deviennent des courbes lisibles, compétence par compétence.
Muleky — statistiques
Statistiques d'un joueur comparées à la moyenne de l'équipe dans Muleky : tirs, buts attendus, entrées et sorties de zone (équipe fictive)
Statistiques. Chaque joueur comparé à la moyenne de l'équipe.
Muleky — alignements
Éditeur d'alignements de Muleky : trios, paires de défenseurs et gardiens, joueur blessé écarté d'office (équipe fictive)
Alignements. Un joueur blessé est automatiquement écarté.

Équipe et joueurs fictifs.

remorquessavage.com
Page d'accueil de Remorques Savage : « Remorques 100 % aluminium, parfaites pour vos usages », menus par usage et par gamme, bouton « Construire votre remorque »

02 · Marque, site et back-end

Remorques Savage

Un fabricant québécois de remorques 100 % aluminium

Besoin : une image professionnelle et à jour, un site qui génère des demandes de soumission, et un back-end pour les traiter.

Un projet complet, de A à Z. J'ai conçu la nouvelle marque, puis un site bilingue avec son propre back-end : de la fiche produit à la soumission configurée, jusqu'au suivi par l'équipe des ventes.

Ce que j'ai construit

  • Nouvelle image de marque : logo, couleurs, typographie et règles d'utilisation.
  • Un seul code pour deux sites : remorquessavage.com en français et savagetrailers.com en anglais.
  • Catalogue des gammes Walkyrie, Baldur et Thor, pages par secteur d'activité, garanties et points de vente.
  • Soumission configurée : modèle, capacité, dimensions, options et quantité.
  • Espace client et détaillant avec suivi des soumissions et authentification à deux facteurs.
  • Back-office : soumissions avec commentaires internes, utilisateurs, offres d'emploi et candidatures.
  • Pages lisibles par les agents IA : version Markdown sur demande et fichiers de découverte standard.

Infrastructure

Pages générées d'avance, API Express séparée et base MongoDB. Sauvegarde complète chaque jour vers S3, gardée 30 jours. Cloudflare Turnstile, limites de débit et en-têtes de sécurité. Courriels par Microsoft 365, infolettre Mailchimp.

  • Node.js
  • Express
  • MongoDB
  • AWS S3
  • Microsoft Graph
  • Mailchimp
  • Cloudflare Turnstile
  • TOTP
  • Vercel
  • FR · EN
Logo de Remorques Savage : écusson bleu et lettrage marine
La marque. Bleu dominant, orange réservé aux boutons, typographie Inter : un look industriel et sobre.
Remorques Savage — fiche THOR XL
Fiche produit de la remorque benne basculante THOR XL : capacités, caractéristiques et fiche technique PDF
Fiches produits. Chaque modèle a sa page, ses caractéristiques et sa fiche technique.
Remorques Savage — construire votre remorque
Page « Construire votre remorque » : formulaire de soumission où l'on choisit et configure son modèle
Soumission configurée. Le client choisit son modèle et ses options ; la demande arrive complète au back-office.
Back-office. L'équipe des ventes suit chaque demande et y ajoute ses notes.

03 · Marque, site et réservation · en évolution

CoolPrime

La livraison d'une adresse à une autre, réservée en ligne

Besoin : laisser les clients obtenir un prix, réserver et payer une livraison eux-mêmes, sans appel ni ressaisie.

CoolPrime livre dans les régions de Montréal, Québec, Ottawa et Toronto. J'ai créé l'image de marque et le site bilingue, puis la réservation en ligne, qui continue d'évoluer avec l'entreprise.

Ce que j'ai construit

  • Image de marque : logo, slogan et identité du site.
  • Site en anglais et en français : services, devenir membre, carrières, blogue.
  • Réservation : adresses avec saisie semi-automatique, type de véhicule, option express.
  • Prix calculé selon la distance et la circulation (Google Maps).
  • Vérification du téléphone par texto, puis paiement en ligne sécurisé.
  • Pages lisibles par les agents IA (Markdown et fichiers de découverte).

Infrastructure

Pages générées d'avance, API Express séparée pour la vérification par texto (Twilio Verify) et le paiement (Stripe Checkout), avec limites de débit.

  • Node.js
  • Express
  • Stripe
  • Twilio Verify
  • Google Maps
  • Alpine.js
  • Vercel
  • EN · FR
coolprime.ca
coolprime.ca
Page d'accueil de CoolPrime : « Une livraison ? On s'en occupe. », fourgon de livraison et formulaire de soumission instantanée
Logo de CoolPrime en blanc, avec le slogan « Relaxez, CoolPrime livre pour vous ! »
La marque. Un logo lisible sur un fourgon comme sur un téléphone.
CoolPrime — réservation
Bandeau de réservation de CoolPrime : adresses de ramassage et de livraison avec saisie semi-automatique et bouton « Soumission instantanée »
Soumission instantanée. Deux adresses suffisent pour obtenir un prix.
CoolPrime — services
Page Services de CoolPrime : trois options de livraison, standard, express et urgent
Des options claires. Standard, express ou urgent, expliqués simplement.
À venir : l'application des livreurs. Une application Android (Capacitor) qui envoie la position GPS en arrière-plan, et une carte pour le répartiteur. La preuve de concept fonctionne ; le développement est en cours.

Le flux, de bout en bout

  1. 1Catalogue importé
  2. 2Soumission ou bon de commande
  3. 3PDF généré
  4. 4Envoi par courriel (AWS SES)
  5. 5Suivi du statut
  6. 6Facture QuickBooks Online

Les fiches clients sont synchronisées avec Zoho CRM.

04 · Application d'affaires

PoPadema

Bons de commande et soumissions, jusqu'à la facture

Besoin : automatiser l'administration et faire parler entre eux les logiciels de vente, de CRM et de comptabilité.

Padema offre des solutions d'entretien aux entreprises du Québec. Sans outil dédié, chaque soumission veut dire recopier les produits, monter le PDF, l'envoyer, puis tout ressaisir dans la comptabilité. J'ai développé une application web sur mesure qui relie le catalogue, l'envoi des documents, le CRM et QuickBooks Online.

Ce que j'ai construit

  • Création de soumissions et de bons de commande à partir du catalogue, importé depuis un fichier.
  • Génération du PDF et envoi par courriel, puis suivi du statut de chaque document.
  • Conversion en facture QuickBooks Online en un clic (connexion OAuth 2.0).
  • Synchronisation des clients avec Zoho CRM.

Sécurité

  • Authentification à deux facteurs
  • Sauvegardes quotidiennes vers S3
  • Cloudflare Turnstile contre les robots
  • Connexions par API autorisées
  • Node.js
  • Express
  • MongoDB
  • QuickBooks Online API
  • Zoho CRM API
  • AWS SES
  • AWS S3
  • PDF
  • TOTP

Application interne : aucune capture n'est publiée. L'illustration ci-contre utilise des données fictives.

05 · Plateforme en temps réel

Free Board Society

Des jeux de société en ligne, avec un adversaire IA

Besoin : un produit web sur mesure, en temps réel, avec un agent IA que l'on configure sans programmer.

Free Board Society permet aux concepteurs de transformer leur prototype de jeu de société en table jouable en ligne, et aux joueurs de s'affronter en direct. Chaque jeu peut avoir son propre agent IA, réglé dans un éditeur visuel.

  • Parties multijoueurs synchronisées en temps réel.
  • Éditeur de jeux par étapes : plateau, pièces, cartes et agent IA.
  • Agent IA configurable (nom, consignes, message d'accueil, manipulation des pièces), avec une mémoire des leçons apprises au fil des parties.
  • Catalogue de jeux avec recherche et filtres, paiements en ligne, authentification à deux facteurs.
  • Node.js
  • Express
  • MongoDB
  • Ably (temps réel)
  • Stripe
  • Anthropic
  • AWS S3
Visiter freeboardsociety.com
freeboardsociety.com
Page d'accueil de Free Board Society : « Transforme ton prototype papier en table jouable en ligne », avec un aperçu de l'éditeur
Éditeur de jeux — étape IA
Éditeur de jeux de Free Board Society, étape IA : configuration de l'agent IA du jeu (nom, instructions, message d'accueil, manipulation des pièces) à côté du plateau de tock
L'agent IA se règle comme un formulaire. Le concepteur décrit le rôle de l'adversaire ; aucune ligne de code.
Partie d'échecs en cours sur Free Board Society : échiquier bleu et crème avec coordonnées
Échecs, en direct entre deux joueurs.
Plateau de tock « Super Tock » sur Free Board Society : quatre coins aux couleurs des cartes, billes de quatre joueurs
Tock à quatre joueurs.
Éditeur de jeux — étape Pièces
Éditeur de jeux de Free Board Society, étape Pièces : bibliothèque de billes et d'éléments à placer sur le plateau de tock
Pièces et plateau. Une bibliothèque d'éléments interactifs à glisser sur la table.

Comment je travaille avec l'IA

Je dirige des agents IA comme une petite équipe.

Je développe dans VS Code avec Claude Code. Sur un gros chantier, je lance plusieurs agents en parallèle : l'un fait l'inventaire, un autre écrit le code, un autre vérifie. Mon rôle ressemble à celui d'un chef d'atelier : je découpe le travail, je rédige des consignes précises, je relis chaque changement et je tranche.

Résultat : une première version qui fonctionne en quelques jours plutôt qu'en quelques mois, et plus de temps pour ce qui compte vraiment : la sécurité, la performance et vos données. Ce site a d'ailleurs été refait de cette façon.

  • Chaque ligne livrée est relue par moi.
  • Les clés, mots de passe et données de clients ne passent jamais dans les consignes.
  • Le code reste à vous, documenté, sans dépendance cachée.
Voir mon atelier numérique
VS Code — modèle et route d'API
VS Code avec deux fichiers côte à côte, un modèle Mongoose et une route Express, et le terminal intégré
Terminal : versions de Node.js et npm, démarrage d'un serveur Express et réponse JSON d'une route de santé