To-Do List - Application Web

Description

Cette application de To-Do List est développée en HTML, CSS et JavaScript. Elle permet aux utilisateurs d'ajouter, de marquer comme terminées et de supprimer des tâches. L'interface est conviviale, responsive et dotée d'animations fluides. Les tâches sont gérées via le stockage local pour une persistance des données même après le rechargement de la page.

---

Fonctionnalités

• Ajouter des tâches : L'utilisateur peut saisir une tâche et l'ajouter à la liste.
• Marquer une tâche comme terminée : Un bouton "Terminer" permet de barrer la tâche et de modifier son apparence.
• Supprimer une tâche : Un bouton "Supprimer" permet de retirer la tâche de la liste.
• Stockage local : Les tâches sont sauvegardées en localStorage, assurant leur persistance.
• Interface responsive : Compatible avec les petits et grands écrans.
• Animations fluides : Effets de transition pour une meilleure expérience utilisateur.

---

Technologies utilisées

• HTML5 : Structure de la page.
• CSS3 : Styles et mise en page responsive.
• JavaScript (ES6) : Gestion des tâches et interaction utilisateur.
• LocalStorage : Stockage des tâches pour persistance des données.

---

Installation et utilisation

1. Téléchargement du projet

Clonez le projet avec la commande :

git clone https://github.com/Abdelhakim-Baalla/Simple-todo-list-app.git

2. Ouvrir le projet

Accédez au dossier du projet et ouvrez le fichier index.html dans votre navigateur.

3. Fonctionnement

1. Saisissez une tâche dans le champ de texte.
2. Cliquez sur "Ajouter" pour l'ajouter à la liste.
3. Cliquez sur "Terminer" pour marquer la tâche comme terminée.
4. Cliquez sur "Supprimer" pour retirer la tâche de la liste.
5. Les tâches restent enregistrées même après la fermeture du navigateur.

---

Structure du projet

/todo-list
│── index.html        # Structure de la page
│── style.css         # Styles et mise en page
│── script.js         # Fonctionnalités JavaScript
└── README.md         # Documentation du projet

---

Améliorations futures

• ✅ Ajouter une animation lors de la suppression d'une tâche.
• ✅ Permettre l'édition des tâches.
• ✅ Ajouter une option pour vider toute la liste.
• ✅ Implémenter un mode sombre / clair.
• ✅ Synchronisation avec une base de données (ex: Firebase).

---

Auteur

• Nom : Abdelhakim Baalla
• GitHub : GitHub
• Email : abdelhakimbaalla50@gmail.com

---

Licence

Ce projet est sous licence MIT - Vous êtes libre de l'utiliser et de le modifier selon vos besoins.