Autre réalisation technique · gestion de tâches
NeoTasks.
Un tableau Kanban responsive avec création, recherche, filtres et déplacement accessible des tâches.
Projet personnel — données de démonstration.
Contexte / Problème
Le besoin avant la réponse.
Contexte
NeoTasks est une réalisation technique complémentaire consacrée aux interactions et aux états d’un tableau Kanban local.
Problématique
Conserver une vue claire des tâches et de leur statut sur mobile comme sur desktop sans imposer le glisser-déposer comme seule interaction.
02 / MON RÔLE
Un périmètre précis. Une contribution assumée.
Conception de l’interface, modélisation des tâches et développement React des interactions.
Démarche / Étapes
Du besoin au livrable.
Modéliser les tâches et leurs statuts.
Développer la création, la modification et la suppression.
Ajouter recherche, filtres et compteurs synchronisés.
Prévoir le déplacement par glisser-déposer et par boutons.
Conserver et valider les données dans le navigateur.
Réalisation visible
Des écrans pour vérifier.
Colonnes, tâches, compteurs et actions de déplacement.
Création, recherche, filtre et première colonne du tableau sur mobile.
Décisions / Raisons
Choisir, puis expliquer.
Conserver le glisser-déposer comme raccourci et proposer aussi des boutons nommés.
Passer le tableau en une seule colonne sur petit écran.
Valider les données relues depuis localStorage avant leur affichage.
06 / SOLUTION
La réponse, sans la sur-vendre.
Un Kanban responsive dont toutes les transitions de statut restent disponibles à la souris, au clavier et sur écran tactile.
Livrables
Gestion complète des tâches.
Recherche et filtres par statut.
Déplacement accessible entre les colonnes.
Persistance locale et états vides.
Recul / Transparence
Résultat et limites.
Technologies / outils
- Next.js
- React
- TypeScript
- Tailwind CSS
- HTML5 Drag and Drop
- localStorage
Résultat / livrables
Une démonstration Kanban utilisable au clavier, à la souris et sur écran tactile, sans back-end.
Limites / améliorations
Les tâches restent dans le navigateur utilisé : aucun compte ni partage entre appareils n’est proposé.