Bienvenue sur ce projet de ToDo List moderne, développé en React avec Vite. Cette application vous permet de gérer vos tâches quotidiennes simplement et efficacement, avec une interface épurée en mode sombre.
🔗 Lien vers l’application en ligne : todo-ghostin.vercel.app
- ✅ Ajouter une tâche
- ✅ Marquer une tâche comme terminée / non terminée
- ✅ Supprimer une tâche individuellement
- ✅ Supprimer toutes les tâches terminées
- ✅ Filtrer les tâches : Toutes / À faire / Terminées
- ✅ Affichage dynamique du nombre de tâches par filtre
- ✅ Stockage local automatique avec localStorage
- ✅ Interface responsive & en mode sombre personnalisée
git clone https://github.com/G-Hostin/ToDoList.git
cd ToDoListnpm installnpm run dev🖥️ Accédez ensuite à : http://localhost:5173
src/
├── components/
│ ├── ToDoForm.jsx
│ ├── ToDoItem.jsx
│ └── ToDoFilters.jsx
├── styles/
│ ├── base.css
│ ├── layout.css
│ ├── form.css
│ ├── list.css
│ └── filters.css
├── App.jsx
└── main.jsxCe projet a été réalisé dans le cadre d'un apprentissage React, avec pour objectifs :
- Comprendre le state et les événements
- Manipuler le DOM virtuel via des composants fonctionnels
- Gérer le cycle de vie avec
useEffect - Structurer un projet de manière propre et évolutive
Ce projet est sous licence MIT. Vous êtes libre de le réutiliser, le modifier ou le distribuer.
Tu peux forker ce dépôt, proposer des améliorations ou même signaler des bugs via les issues. Toute contribution est la bienvenue !
Welcome to this modern ToDo List project, developed with React and Vite. This application allows you to manage your daily tasks simply and efficiently, with a clean dark mode interface.
🔗 Live demo: todo-ghostin.vercel.app
- ✅ Add a task
- ✅ Mark a task as completed / uncompleted
- ✅ Delete a task individually
- ✅ Delete all completed tasks
- ✅ Filter tasks: All / To Do / Completed
- ✅ Dynamic display of task count per filter
- ✅ Automatic local storage with localStorage
- ✅ Responsive interface & custom dark mode
git clone https://github.com/G-Hostin/ToDoList.git
cd ToDoListnpm installnpm run dev🖥️ Then access: http://localhost:5173
src/
├── components/
│ ├── ToDoForm.jsx
│ ├── ToDoItem.jsx
│ └── ToDoFilters.jsx
├── styles/
│ ├── base.css
│ ├── layout.css
│ ├── form.css
│ ├── list.css
│ └── filters.css
├── App.jsx
└── main.jsxThis project was created as part of React learning, with the following objectives:
- Understanding state and events
- Manipulating the virtual DOM through functional components
- Managing lifecycle with
useEffect - Structuring a project in a clean and scalable way
This project is under MIT license. You are free to reuse, modify or distribute it.
You can fork this repository, suggest improvements or even report bugs via issues. Any contribution is welcome!