Créer un outil d'administration interne
Livrez un outil interne en quelques minutes
Chaque équipe produit a un backlog de demandes du type «quelqu'un devrait nous construire un écran d'admin rapide». En tant que PM, vous n'avez plus à faire la queue. Avec l'IA et un peu de Tailwind, vous pouvez prototyper exactement l'outil interne dont votre équipe ops a besoin.
Dans cette leçon, vous allez construire un panneau d'administration épuré : un tableau de données listant des éléments avec des boutons d'action, ainsi qu'un simple formulaire «ajouter un élément». C'est le pain quotidien des interfaces d'outils internes, et une fois que vous savez l'esquisser vous-même, vous pouvez remettre à l'ingénierie un prototype fonctionnel plutôt qu'un Figma vague.
Restez pragmatique. Les outils internes n'ont pas besoin d'être beaux — ils doivent être clairs, rapides et utilisables par votre équipe.
Instructions
Ajoutez un titre de page (h1) intitulé «User Admin Panel» dans un div centré
Indice : Utilisez : `<div class="max-w-4xl mx-auto p-8"><h1 class="text-3xl font-bold mb-6">User Admin Panel</h1></div>`
Où faut-il écrire ça ?
<!-- Build your admin panel here -->Écrivez-le à la ligne 11 — sous ce commentaire, après le code que vous avez déjà ajouté.
Ajoutez un tableau de données avec des colonnes d'en-tête (Name, Role, Actions) et au moins une ligne de données
Ajoutez des boutons d'action Modifier et Supprimer dans les lignes du tableau
Ajoutez un formulaire «ajouter un élément» avec des champs de texte et un bouton d'envoi
Votre code
Décrivez ce que vous voulez créer pour cette étape et je rédige le code — puis cliquez sur Appliquer pour l'insérer dans votre éditeur. Cette étape : Ajoutez un titre de page (h1) intitulé «User Admin Panel» dans un div centré