feat: enhance Kanban functionality and update TODO.md

- Completed the creation and validation forms for tasks in the Kanban board, improving task management capabilities.
- Integrated new task creation and deletion functionalities in the `KanbanBoard` and `KanbanColumn` components.
- Added quick task addition feature in `Column` component for better user experience.
- Updated `TaskCard` to support task deletion with a new button.
- Marked several tasks as completed in `TODO.md` to reflect the progress on Kanban features.
- Updated TypeScript types to include 'manual' as a new task source.
This commit is contained in:
Julien Froidefond
2025-09-14 08:48:39 +02:00
parent 79f8035d18
commit 0b7e0edb2f
14 changed files with 1056 additions and 37 deletions

36
TODO.md
View File

@@ -38,11 +38,12 @@
- [x] Refactoriser les composants pour utiliser le nouveau système UI
### 2.3 Gestion des tâches (CRUD)
- [ ] Formulaire de création de tâche (Modal + Form)
- [x] Formulaire de création de tâche (Modal + Form)
- [x] Création rapide inline dans les colonnes (QuickAddTask)
- [ ] Formulaire d'édition de tâche (Modal + Form avec pré-remplissage)
- [ ] Suppression de tâche (confirmation + API call)
- [x] Suppression de tâche (icône discrète + API call)
- [ ] Changement de statut par drag & drop ou boutons
- [ ] Validation des formulaires et gestion d'erreurs
- [x] Validation des formulaires et gestion d'erreurs
### 2.4 Gestion des tags
- [ ] Créer/éditer des tags avec sélecteur de couleur
@@ -52,13 +53,14 @@
- [ ] Filtrage par tags
### 2.5 Clients HTTP et hooks
- [ ] `clients/tasks-client.ts` - Client pour les tâches (CRUD)
- [x] `clients/tasks-client.ts` - Client pour les tâches (CRUD complet)
- [ ] `clients/tags-client.ts` - Client pour les tags
- [ ] `clients/base/http-client.ts` - Client HTTP de base
- [ ] `hooks/useTasks.ts` - Hook pour la gestion des tâches
- [x] `clients/base/http-client.ts` - Client HTTP de base
- [x] `hooks/useTasks.ts` - Hook pour la gestion des tâches (CRUD complet)
- [ ] `hooks/useTags.ts` - Hook pour la gestion des tags
- [ ] `hooks/useKanban.ts` - Hook pour drag & drop
- [ ] Gestion des erreurs et loading states
- [x] Gestion des erreurs et loading states
- [x] Architecture SSR + hydratation client optimisée
### 2.6 Fonctionnalités Kanban avancées
- [ ] Drag & drop entre colonnes (react-beautiful-dnd)
@@ -143,11 +145,21 @@ lib/
## 🎯 Prochaines étapes immédiates
1. **Créer les composants UI de base** (Button, Input, Card, Modal)
2. **Implémenter le système de design** avec Tailwind
3. **Améliorer le Kanban** avec un design moderne
4. **Ajouter drag & drop** entre les colonnes
5. **Créer les formulaires** de tâches
1. **Formulaire d'édition de tâche** - Modal avec pré-remplissage des données
2. **Drag & drop entre colonnes** - react-beautiful-dnd pour changer les statuts
3. **Gestion avancée des tags** - Couleurs, autocomplete, filtrage
4. **Recherche et filtres** - Filtrage temps réel par titre, tags, statut
5. **Dashboard et analytics** - Graphiques de productivité
## ✅ **Fonctionnalités terminées (Phase 2.1-2.3)**
- ✅ Système de design tech dark complet
- ✅ Composants UI de base (Button, Input, Card, Modal, Badge)
- ✅ Architecture SSR + hydratation client
- ✅ CRUD tâches complet (création, suppression)
- ✅ Création rapide inline (QuickAddTask)
- ✅ Client HTTP et hooks React
- ✅ Refactoring Kanban avec nouveaux composants
---