Un site portfolio, un habit tracker, un micro-SaaS avec paiement. Voici 7 projets, classés par difficulté. De quoi apprendre le vibe coding en construisant de vraies choses, pas juste en lisant des tutoriels.
La meilleure façon d’apprendre le vibe coding n’est pas de regarder des vidéos. C’est de construire, du début à la fin, un vrai projet, même petit. Un projet terminé et déployé vaut plus que dix projets à moitié faits. C’est aussi ce que confirment la plupart des guides destinés aux débutants.
Cet article vous propose 7 projets, du plus simple au plus ambitieux. Pour chacun : la difficulté, le temps à prévoir, l’outil conseillé, et un exemple de prompt pour démarrer. Vous ne connaissez pas encore les outils cités ? Notre Top 5 des meilleures IA de vibe coding vous aidera à choisir. Pensez aussi à relire notre méthode de prompting avant de vous lancer. Elle change vraiment le résultat final.
Comment choisir son premier projet
Trois règles simples avant de commencer.
Restez petit. Un bon premier projet se termine en un week-end, pas en un mois. Mieux vaut un projet minuscule terminé qu’un projet ambitieux abandonné à mi-chemin.
Allez jusqu’au bout. L’objectif n’est pas juste de faire fonctionner quelque chose sur votre écran. C’est d’obtenir un lien que vous pouvez partager, même à une seule personne. Ce dernier kilomètre — le déploiement — apprend autant que le reste.
Ne faites pas confiance les yeux fermés. Une enquête récente le confirme : moins d’un tiers des développeurs font pleinement confiance au code généré par l’IA, sans le vérifier. Prenez cette bonne habitude dès le premier projet, même le plus simple.
Les 7 projets, du plus simple au plus complet
1. Un site portfolio ⭐
Temps estimé : 1 à 2 heures. Outil conseillé : Lovable ou Bolt.new.
C’est souvent le tout premier projet recommandé. La raison est simple : il devient la vitrine de tout ce que vous construirez ensuite. Une seule page, avec votre présentation, vos projets, et un formulaire de contact.
Ce que ça apprend : structurer une page, gérer le style visuel, publier un site en ligne.
Exemple de prompt de départ : « Crée un site portfolio d’une page, pour un [votre métier]. Une section présentation, une section projets avec 3 cartes, et un formulaire de contact en bas de page. Style épuré, fond clair, une seule couleur d’accent. »
2. Un habit tracker ou une to-do list ⭐
Temps estimé : 15 à 30 minutes. Outil conseillé : Bolt.new ou Replit.
C’est le projet le plus recommandé par la communauté du vibe coding pour se faire la main. Pas de base de données complexe, pas de compte utilisateur. Juste une interface qui ajoute, coche, et sauvegarde des éléments.
Ce que ça apprend : la gestion d’état (ce qui change à l’écran). Le stockage local. La construction d’une interface simple.
Exemple de prompt de départ : « Crée un tracker d’habitudes. L’utilisateur ajoute une habitude, coche les jours où il l’a faite, et voit une série de jours consécutifs (streak). Sauvegarde les données localement, pas besoin de compte. »
3. Un convertisseur ou un petit calculateur ⭐⭐
Temps estimé : 30 minutes à 1 heure. Outil conseillé : Bolt.new, v0, ou Lovable.
Convertisseur d’unités, calculateur de pourboire, simulateur de budget. Ce type de projet fait manipuler de la logique simple, sans façade compliquée.
Ce que ça apprend : gérer les entrées utilisateur. Calculer et afficher un résultat en temps réel. Valider les erreurs de saisie.
Exemple de prompt de départ : « Crée un calculateur de pourboire. L’utilisateur entre le montant de l’addition, choisit un pourcentage (15%, 18%, 20%, ou personnalisé), et le nombre de personnes. Affiche le pourboire total et le montant par personne, mis à jour en temps réel. »
4. Un tableau de bord météo ⭐⭐⭐
Temps estimé : 1 à 2 heures. Outil conseillé : Cursor ou Replit.
Ce projet introduit une nouvelle compétence essentielle : appeler une source de données extérieure, une API. Vous récupérez la météo d’une ville, et vous l’affichez proprement.
Ce que ça apprend : connecter une API externe. Gérer les cas où la donnée n’arrive pas (erreur réseau, ville introuvable). Organiser une interface avec plusieurs blocs d’information.
Exemple de prompt de départ : « Crée un tableau de bord météo. L’utilisateur entre le nom d’une ville. Affiche la température actuelle, la météo du jour, et les prévisions sur 3 jours. Si la ville n’existe pas, affiche un message clair plutôt qu’une page vide. »
5. Une landing page avec capture d’emails ⭐⭐⭐
Temps estimé : 1 demi-journée. Outil conseillé : Lovable ou Replit.
C’est le premier projet de cette liste qui touche à un vrai petit backend. Une page qui présente une idée de produit. Un formulaire enregistre les emails des personnes intéressées, avant même que le produit n’existe.
Ce que ça apprend : connecter une interface à une base de données ou un tableur. Valider un formulaire. Penser un projet comme un vrai lancement, pas juste un exercice technique.
Exemple de prompt de départ : « Crée une landing page pour [votre idée de produit]. Un titre accrocheur, trois arguments clés, et un formulaire email en bas de page. Les emails soumis doivent être enregistrés dans une base de données, avec un message de confirmation après l’envoi. »
6. Une application avec gestion complète de données ⭐⭐⭐⭐
Temps estimé : 1 à 2 jours. Outil conseillé : Replit ou Cursor.
Ici, on passe à un vrai projet structurant. Une application où l’utilisateur crée un compte, ajoute des éléments, les modifie, les supprime. Un gestionnaire de recettes, un carnet de contacts, un suivi de dépenses personnelles, par exemple.
Ce que ça apprend : l’authentification (créer un compte, se connecter). Les opérations complètes sur une base de données. La protection des données d’un utilisateur par rapport aux autres.
Exemple de prompt de départ : « Crée une application de suivi de dépenses personnelles. Chaque utilisateur crée un compte. Il peut ajouter une dépense (montant, catégorie, date), la modifier, la supprimer. Un utilisateur ne doit voir que ses propres dépenses, jamais celles des autres. »
7. Un micro-SaaS avec paiement ⭐⭐⭐⭐⭐
Temps estimé : Plusieurs jours, voire plusieurs semaines. Outil conseillé : Cursor ou Claude Code, pour un vrai contrôle du code.
C’est le projet le plus ambitieux de cette liste. Un petit outil qui résout un problème précis, pour un public précis, avec un système de paiement fonctionnel. L’idée n’est pas de viser une application universelle. Mieux vaut un outil très ciblé, du type « calendrier de contenu pour créateurs solo ». Pas quelque chose qui essaie de plaire à tout le monde.
Ce que ça apprend : l’intégration d’un système de paiement. La gestion des abonnements. La sécurité des données payantes. Et surtout, la transition entre prototype et vrai produit.
Exemple de prompt de départ : « Nous allons construire un micro-SaaS pour [problème précis, public précis]. Avant de coder quoi que ce soit, propose-moi un plan : les fonctionnalités du MVP, le schéma de base de données, et les étapes pour intégrer un paiement par abonnement avec Stripe. »
Récapitulatif
| # | Projet | Difficulté | Temps | Outil conseillé |
|---|---|---|---|---|
| 1 | Site portfolio | ⭐ | 1-2 h | Lovable, Bolt.new |
| 2 | Habit tracker / to-do list | ⭐ | 15-30 min | Bolt.new, Replit |
| 3 | Convertisseur / calculateur | ⭐⭐ | 30 min – 1 h | Bolt.new, v0, Lovable |
| 4 | Tableau de bord météo | ⭐⭐⭐ | 1-2 h | Cursor, Replit |
| 5 | Landing page + capture email | ⭐⭐⭐ | 1/2 journée | Lovable, Replit |
| 6 | App avec gestion de données | ⭐⭐⭐⭐ | 1-2 jours | Replit, Cursor |
| 7 | Micro-SaaS avec paiement | ⭐⭐⭐⭐⭐ | Plusieurs jours | Cursor, Claude Code |
Quelques règles pour progresser plus vite
Ces règles reviennent dans presque tous les retours d’expérience de la communauté du vibe coding.
- Soyez précis, jamais vague. « Des boutons bleu marine, avec des coins arrondis » fonctionne mieux que « rends ça joli ».
- Décrivez quatre choses dans votre premier prompt : ce que c’est, pour qui, ce que ça fait, et à quoi ça ressemble.
- Construisez le squelette d’abord. Ajoutez les fonctionnalités une par une, pas toutes en même temps.
- Utilisez des instructions négatives quand c’est utile. Par exemple : « N’ajoute pas de système de connexion. » Cela évite à l’IA de complexifier un projet qui doit rester simple.
- Prenez 10 minutes sur votre premier prompt. Un prompt détaillé au départ évite souvent des heures de corrections ensuite.
Avant de vous lancer
Un dernier conseil, valable même sur le projet le plus simple : gardez un œil critique sur ce que l’IA produit, dès le départ. C’est une habitude qui se prend tôt, ou pas du tout. Notre article sur les pièges à éviter en vibe coding détaille les erreurs les plus fréquentes. Même sur des projets qui semblaient anodins au départ.
Choisissez un projet dans cette liste. Donnez-vous un week-end. Et surtout, allez jusqu’au bout, c’est-à-dire jusqu’au lien que vous pouvez montrer à quelqu’un d’autre.
