Application de tâches réactive avec CRUD complet et LocalStorage

Créez une application de tâches réactive avec HTML5, CSS3 et JavaScript vanilla. L'application doit avoir une interface utilisateur moderne et épurée utilisant CSS Grid/Flexbox avec des contrôles intuitifs. Implémentez une fonctionnalité CRUD complète (ajouter/modifier/supprimer/terminer les tâches) avec des animations fluides. Incluez une catégorisation des tâches avec un code couleur et des niveaux de priorité (faible/moyen/élevé). Ajoutez des dates d'échéance avec un composant de sélecteur de date et des notifications de rappel. Utilisez localStorage pour la persistance des données entre les sessions. Implémentez une fonctionnalité de recherche avec des filtres pour le statut, la catégorie et la plage de dates. Ajoutez un réordonnancement des tâches par glisser-déposer à l'aide de l'API HTML5 Drag and Drop. Assurez-vous que le design est entièrement réactif avec des points de rupture appropriés utilisant des requêtes média. Incluez un bouton de basculement entre thème sombre/clair qui respecte les préférences système de l'utilisateur. Ajoutez des micro-interactions subtiles et des transitions pour une meilleure expérience utilisateur.