ReactJS ToDoList
1.0.0
Ce projet implémente le Front-End pour une simple application Web To-Do List, en utilisant la bibliothèque React JS, ainsi que des composants stylisés remplaçant le CSS pur.
Il comprend la page de connexion et l'interface utilisateur générale de l'application.
La logique d'authentification de connexion et la base de données des tâches pour chaque utilisateur ne sont pas implémentées, puisque ce projet se veut uniquement une étude Front-End.
La page de connexion a été inspirée par cette conception par Jordan Hughes. La page d'accueil a été inspirée par ce design par Mik Skuza.
• Page de connexion, comprenant le bouton de connexion, qui redirige vers l'application principale ;
• Interface utilisateur de l'application avec barre latérale de navigation et zone pour la liste de tâches ;
• Ajouter une nouvelle tâche, définir les propriétés du nom et de la catégorie ;
• Supprimer la tâche, avec un modal pour confirmer l'action ;
• Vérifiez la tâche comme effectuée via la case à cocher ;
• Filtrer les tâches affichées dans la liste des tâches par « terminé », « non terminé » ou « tout » ;
• Filtrer les tâches affichées dans la liste de tâches par catégorie, en les sélectionnant dans la barre latérale ;
• Autorisation : l'utilisateur ne peut pas accéder à la page d'accueil avant de se connecter, ni à la page de connexion après s'être connecté.
Obs. : actuellement, la "tâche d'édition" et les fonctionnalités d'ajout ou de suppression de catégories ne sont pas implémentées, car je considérais que cela n'apporterait pas grand-chose à mon apprentissage personnel et prendrait beaucoup de temps. Peut-être que je mettrai cela en œuvre plus tard.
Si vous souhaitez essayer ce projet vous-même :
sudo npm install -g yarnyarn install sur le terminal, dans le dossier où vous avez téléchargé le projet, pour installer toutes les dépendances utilisées.yarn start pour exécuter le projet sur votre navigateur.
