Skip to content

0knowledge888/todoreactv1

Repository files navigation

React To-Do List — Gestion des tâches avec priorités

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.


🧩 Aperçu du projet

Aperçu de l'application


🧭 Fonctionnalités principales

  • 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 localStorage pour 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).

⚙️ Stack technique

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

🧰 Installation et exécution

# 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> ```

About

Application de to-do list en react

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published