Cette application TodoList permet à l'utilisateur de gérer ses tâches efficacement en offrant une interface simple et intuitive. Elle prend en charge les fonctionnalités de création, édition, suppression et marquage de tâches comme terminées.
- Créer une tâche : Permet d'ajouter une nouvelle tâche à la liste.
- Modifier une tâche : Double-cliquez sur une tâche pour la modifier.
- Supprimer une tâche : Supprimez des tâches individuelles ou toutes les tâches terminées.
- Marquer une tâche comme terminée : Utilisez une case à cocher pour marquer les tâches comme complètes.
- Filtrage des tâches : Filtrez les tâches par statut (toutes, actives, terminées).
- Mode sombre/clair : L'application prend en charge les modes clair et sombre.
-
Clonez le projet via Git :
git clone https://github.com/yourusername/todolist-app.git
-
Allez dans le répertoire du projet : cd todolist-app
3.Installez les dépendances nécessaires: npm install
4.Démarrez l'application : npm start
Je comprends mieux maintenant, tu veux simplement le fichier README.md prêt à être copié. Voici :
markdown Copier Modifier
Cette application TodoList permet à l'utilisateur de gérer ses tâches efficacement en offrant une interface simple et intuitive. Elle prend en charge les fonctionnalités de création, édition, suppression et marquage de tâches comme terminées.
- Créer une tâche : Permet d'ajouter une nouvelle tâche à la liste.
- Modifier une tâche : Double-cliquez sur une tâche pour la modifier.
- Supprimer une tâche : Supprimez des tâches individuelles ou toutes les tâches terminées.
- Marquer une tâche comme terminée : Utilisez une case à cocher pour marquer les tâches comme complètes.
- Filtrage des tâches : Filtrez les tâches par statut (toutes, actives, terminées).
- Mode sombre/clair : L'application prend en charge les modes clair et sombre.
-
Clonez le projet via Git :
git clone https://github.com/yourusername/todolist-app.git
Allez dans le répertoire du projet :
bash Copier Modifier cd todolist-app Installez les dépendances nécessaires :
bash Copier Modifier npm install Démarrez l'application :
bash Copier Modifier npm start L'application sera accessible à l'adresse http://localhost:3000.
Utilisation Ajouter une tâche : Entrez un texte dans le champ de saisie et appuyez sur Entrée pour l'ajouter. Modifier une tâche : Double-cliquez sur une tâche pour modifier son contenu. Supprimer une tâche : Cliquez sur l'icône de suppression à côté de la tâche. Marquer une tâche comme complétée : Cochez la case à côté de la tâche. Filtrer les tâches : Utilisez les boutons pour filtrer par statut : toutes, actives ou complètes. Mode sombre/clair : Passez d'un mode à l'autre pour ajuster l'apparence de l'application selon vos préférences. Technologies utilisées React : Utilisé pour la gestion de l'interface utilisateur. Tailwind CSS : Framework CSS pour la mise en page et le style. Lucide Icons : Pour les icônes de l'interface. LocalStorage : Pour stocker les tâches localement et les récupérer après un rafraîchissement de la page. Structure
#Light Mode
#Dark Mode
- Hébergement : GitHub Pages, Vercel, Netlify
- Communauté : Frontend Mentor Community
Amusez-vous bien ! 🚀