MonTour : le SaaS que vous allez construire et la méthode

Prérequis : aucun. Cette leçon est le point de départ ; le sommaire complet est plus bas.

Le projet : MonTour

Un coiffeur, un garage, une boulangerie, un service municipal : partout, des clients attendent debout. MonTour remplace la file physique par une file virtuelle.

1. Le commerçant affiche un QR code à l’entrée.
2. Le client le scanne et reçoit un numéro sur son téléphone, sans créer de compte.
3. Il voit en direct combien de personnes sont devant lui et le temps d’attente estimé.
4. Le commerçant clique sur « Appeler le suivant ». Le téléphone du client sonne quand son tour approche.

C’est simple à comprendre, utile dès le premier jour et vendable : un plan gratuit (une file) et un plan Pro (plusieurs files, statistiques, notifications).

Pourquoi ce projet

• Petit domaine, vraies difficultés : authentification, multi-commerces, temps réel, page publique sans compte, paiement.
• Sécurité indispensable : une page publique attire les abus. Vous apprendrez à la protéger.
• Démontrable en 10 secondes : un QR code, un téléphone, un numéro qui s’affiche.

La boucle en 6 temps

Chaque chapitre suit la même boucle. Vous la répéterez plus de 50 fois : c’est elle qui vous fait avancer vite et sereinement.

1. Objectif : une phrase, un résultat visible.
2. Test : comment saurez-vous que c’est fait ?
3. Prompt : une demande précise à l’IA, avec le contexte.
4. Relire : lire le diff ligne par ligne, refuser ce que vous ne comprenez pas.
5. Commit : un petit commit, un message clair.
6. Pipeline vert : la CI valide, la version part en ligne.

Ce que vous livrez à la fin

• Une application en ligne, avec votre domaine.
• Un pipeline GitLab CI qui teste, analyse la sécurité et déploie.
• Un abonnement Stripe en mode test, prêt à passer en réel.
• Un historique Git propre qui raconte la construction du projet.

Le plan de la formation, module par module

• Module 0 · installer ses outils et Git dès la première minute
• Module 1 · créer l’application, le pipeline, le déploiement continu et la sécurité dès le départ
• Module 2 · modéliser la file, les tests d’abord, l’IA contre vos tests
• Module 3 · Supabase, le SQL utile, la Row Level Security, brancher la base
• Module 4 · connexion, Server Actions, page publique
• Module 5 · temps réel, QR code et écran, alertes, statistiques
• Module 6 · audit OWASP, en-têtes de sécurité, grille de revue, tests Playwright
• Module 7 · Stripe, RGPD, page de vente, production sereine
• Module 8 · fonctionnalité IA, refactoring, lancement
• Module 9 · agents IA, skills et connecteurs MCP, socle qualité, atelier final

Le prompt reproductible

Même point de départ, même contexte, même résultat : partez du tag indiqué et collez ce prompt tel quel.

Tu es mon binôme sur le projet MonTour (file d'attente virtuelle :
QR code, ticket sur le téléphone, commerçant qui appelle le suivant).
Voici mes 5 réponses de NOTES.md : <colle-les>.
Tâche : reformule en 5 lignes le problème de mon commerce cible,
puis propose 3 critères mesurables de "fini" pour la version 1.
Contraintes : pas de fonctionnalité hors du plan de la formation,
pas de chiffre inventé, phrases courtes.

Qualité du code : ce que vous vérifiez

• Quatre exigences pour tout le cours : code défensif, principes SOLID, design patterns nommés, code compréhensible sans IA. Elles sont détaillées dans le socle qualité.
• Un critère de « fini » : pipeline vert, test qui prouve le comportement, diff relu ligne par ligne.
• Sans IA : chaque chapitre contient au moins une partie à écrire vous-même. C’est elle qui vous rend autonome.

Vérifier

• ☐ Je sais expliquer MonTour en une phrase.
• ☐ Je connais les 6 temps de la boucle.
• ☐ Mon fichier NOTES.md contient mon commerce cible.

Pour aller plus loin

• Chapitre suivant : installer ses outils en 30 minutes
• Aperçu du module 9 : travailler avec des agents IA
• Article : les design patterns, base de tout développement robuste