Application web minimaliste développée avec React, Vite, TailwindCSS et DaisyUI.
Gérez vos tâches quotidiennes efficacement grâce à un système de priorités intuitif et une interface claire.
- Ajout de tâches avec un titre et un niveau de priorité : Urgente, Moyenne ou Basse.
- Filtrage intelligent pour afficher uniquement les tâches d’un niveau donné.
- Sauvegarde automatique via le
localStoragepour conserver les données entre les sessions. - Suppression rapide d’une ou plusieurs tâches sélectionnées.
- Interface moderne et responsive, conçue avec TailwindCSS et DaisyUI.
- Performances optimisées grâce à Vite et React Hooks (
useState,useEffect).
| Technologie | Rôle |
|---|---|
| React | Gestion de l’interface et des états |
| Vite | Environnement de développement rapide |
| TypeScript | Typage fort et meilleure maintenabilité |
| TailwindCSS | Système de design utilitaire moderne |
| DaisyUI | Composants UI prêts à l’emploi |
| LocalStorage | Sauvegarde locale des tâches |
# Cloner le dépôt
git clone https://github.com/<0knowledge888>/react-todo-priorities.git
# Aller dans le dossier du projet
cd react-todo-priorities
# Installer les dépendances
npm install
# Lancer le serveur de développement
npm run dev
Ensuite, ouvre ton navigateur à l’adresse suivante :
👉 http://localhost:5173
🧠 Structure du projet
php
Copier le code
react-todo-priorities/
│
├── public/
│ └── apptodo.png # Capture d’écran de l’application
│
├── src/
│ ├── components/
│ │ └── TodoItem.tsx # Composant affichant une tâche
│ ├── App.tsx # Composant principal
│ ├── index.css # Configuration Tailwind
│ └── main.tsx # Point d’entrée React
│
├── package.json
├── tailwind.config.js
└── README.md
🧑💻 Auteur
Projet développé par [Greg Mouret]
Passionné par le développement front-end et la création d’interfaces intuitives et performantes.
Retrouvez mes autres projets sur : https://github.com/<0knowledge888>
<p align="center" style="color:#9ca3af;"> © 2025 - React To-Do Priorities | Construit avec React & TailwindCSS </p> ```