L'objectif de ce test technique est d'évaluer vos compétences en développement avec React et TypeScript. Vous devez créer une application de gestion de tâches (Tasklist) qui permet aux utilisateurs de créer de nouvelles tâches, de les modifier et de les supprimer.
Créez une interface utilisateur intuitive qui permet aux utilisateurs d'ajouter de nouvelles tâches. Affichez la liste des tâches existantes avec des options pour les modifier et les supprimer.
Implémentez la fonctionnalité pour ajouter une nouvelle tâche. Chaque tâche doit avoir un titre, une description, une priorité et une date butoire. Permettez aux utilisateurs de modifier le titre, la description, la priorité et la date butoire d'une tâche existante. Lorsque vous sauvegarder une tâche veuillez utiliser le projet mongo dédié Ajoutez un mécanisme pour supprimer une tâche de la liste.
Ajoutez des validations pour garantir que les champs requis (titre, description) sont fournis lors de la création et de la modification des tâches. Gérez les erreurs qui peuvent survenir lors de l'interaction avec l'application (par exemple, si une tâche ne peut pas être supprimée).
Ajoutez une fonctionnalité de filtre pour permettre aux utilisateurs de trier les tâches par statut (en cours, terminées, etc.). Implémentez une fonctionnalité de recherche pour permettre aux utilisateurs de rechercher des tâches spécifiques par mot-clé. Critères d'Évaluation :
Connaissance de React et TypeScript : Évalue la capacité à utiliser efficacement React avec TypeScript pour créer des composants réactifs et réutilisables. Gestion de l'État : Évalue la gestion appropriée de l'état des composants React pour assurer une expérience utilisateur fluide. Validation et Gestion des Erreurs : Évalue la capacité à mettre en place une validation appropriée et à gérer les erreurs de manière élégante. Bonus (Facultatif) : Si les fonctionnalités bonus sont implémentées, cela démontrera une compréhension approfondie des concepts et une capacité à aller au-delà des exigences de base. Instructions :
Vous êtes libre d'utiliser n'importe quelle bibliothèque ou framework supplémentaire si nécessaire. Le code doit être propre, bien organisé et facilement compréhensible. Commentez votre code pour expliquer les choix de conception et les parties complexes de l'implémentation. N'oubliez pas de gérer les dépendances via un gestionnaire de paquets comme npm ou yarn. Vous pouvez utiliser un outil de démarrage de projet comme Create React App si vous le souhaitez. Soumission :
Une fois le test terminé, veuillez mettre votre code sur un référentiel Git (GitHub, GitLab, Bitbucket, etc.). Envoyez le lien du projet forké par email avec le sujet Test Technique React TypeScript Tasklist - [Votre Nom]. Bonne Chance