Ton premier projet

Mettons en pratique ce que tu as appris. On va créer une TODO app simple en 10 minutes.

Ce qu'on va construire

Une app de gestion de tâches avec :

• Ajouter une tâche
• Marquer comme terminée
• Supprimer une tâche
• Persistance en localStorage

Étape 1 : Créer le projet

# Créer un nouveau dossier
mkdir todo-app && cd todo-app

# Lancer Claude Code
claude

Étape 2 : Demander à Claude de créer l'app

Active le Plan Mode (Shift+Tab x2) et envoie ce prompt :

Crée une TODO app simple avec HTML, CSS et JavaScript vanilla.

Fonctionnalités :
- Input pour ajouter une tâche
- Liste des tâches avec checkbox pour marquer comme fait
- Bouton pour supprimer une tâche
- Sauvegarde en localStorage

Crée un seul fichier index.html avec tout le code.
Style moderne et minimaliste.

Étape 3 : Valider le plan

Claude va te proposer un plan. Lis-le et valide avec "ok" ou demande des ajustements.

Étape 4 : Laisser Claude implémenter

Une fois le plan validé, Claude crée le fichier. Tu peux activer l'auto-accept (Shift+Enter) pour aller plus vite.

Étape 5 : Tester

# Ouvrir dans le navigateur
open index.html  # Mac
start index.html # Windows

Étape 6 : Itérer

Tu veux des améliorations ? Demande à Claude :

Ajoute la possibilité de modifier une tâche existante
en double-cliquant dessus.

Ce que tu as appris

• Utiliser le Plan Mode pour structurer le travail
• Écrire un prompt clair avec contexte et contraintes
• Itérer sur le résultat avec des demandes précises

Prochaines étapes

Explore le Parcours pour voir le chemin complet de l'idée au lancement, ou passe directement à la version Premium pour construire un vrai SaaS.