Tableau de bord interactif de gestion de projet (style Trello)

Créez un tableau de gestion de projet interactif similaire à un simple Trello, construit avec HTML, CSS et JavaScript pour un fonctionnement uniquement côté client et sans backend. Ce tableau doit comporter quatre colonnes verticales clairement définies : « À faire », « En cours », « En révision » et « Terminé ». Commencez avec quelques cartes de tâches rectangulaires d’exemple dans la colonne « À faire ». L’interaction principale consistera à déplacer les tâches entre les colonnes. Lorsqu’un utilisateur clique sur une carte de tâche, elle doit visuellement se transférer en bas de la colonne séquentielle suivante, progressant de « À faire » jusqu’à « Terminé ». Si une carte de tâche dans la colonne « Terminé » est cliquée à nouveau, son apparence doit changer pour indiquer qu’elle est finalisée, par exemple en ajoutant un barré à son texte. Envisagez d’inclure un bouton « + Ajouter une tâche » qui permet aux utilisateurs d’ajouter une nouvelle carte de tâche générique à la colonne « À faire ».