To-Do-List

KO | EN

gitlite — search

#react #ai #typescript #go #android #docker #macos #java #awesome #kubernetes #awesome-list #mcp #openai #open-source

(★ 19)

Développer une application de gestion de tâches permettant d’ajouter, de rechercher, de filtrer et de prioriser les tâches en utilisant Html, CSS et Javascript. L’application devra être responsive et proposer une interface fluide et attractive.

To-Do-List Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

<p style="margin-right: 20px; display: flex; align-items: center;">
  <span style="margin-right: 10px;">🖥️📱</span> Interface utilisateur du site To-Do List, disponible en versions desktop et mobile.
</p>

<div style="display: flex; justify-content: center; align-items: center; margin-bottom: 40px; position: relative;">
  <img src="assets/images/Mobile_ToDo.png" alt="Interface Mobile" style="width: 30%; animation: fadeIn 2s;">
  <img src="assets/images/Desktop_ToDo.png" alt="Interface Desktop" style="width: 45%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); animation: fadeIn 2s;">
</div>

<div style="display: flex; align-items: center; justify-content: center;">
  <h1 style="margin-right: 20px;">📋 Workflow du Projet</h1>
  <img src="assets/gif/girl_developer.gif" alt="Women presenting a plan" style="width: 300px;">
</div>

<h2>📝 Étapes du Projet</h2>

<h3>1. 🎯 Planifier mes tâches sur Projet Github</h3>
<p>Organisation et suivi des tâches du projet via Github Projects</p>

<h3>2. ⚙️ Installation et configuration de l'environnement dans VS Code</h3>
<p>Installation du package Tailwind CSS selon la documentation officielle, comme la photo que je partage</p>

<h3>3. 📁 Creation Repo sur Github avec First push</h3>
<p>Premier push contenant les packages nécessaires</p>

<h3>4. 🔒 Creation .gitignore</h3>
<p>Configuration pour masquer les packages</p>

<h3>5. 🔑 Configurer SSH key dans Github</h3>
<p>Mise en place de l'authentification sécurisée</p>

<h3>6. 👁️ Cacher .gitignore</h3>
<p>Masquage des fichiers sensibles</p>

<h3>7. 🎨 Integration de l'interface</h3>
<p>Développement réalisé avec les outils suivants : </p>
<p>
  <img src="https://img.shields.io/badge/vercel-%23000000.svg?style=for-the-badge&logo=vercel&logoColor=white" alt="Vercel">
  <img src="https://img.shields.io/badge/github-%23121011.svg?style=for-the-badge&logo=github&logoColor=white" alt="GitHub">
  <img src="https://img.shields.io/badge/git-%23F05033.svg?style=for-the-badge&logo=git&logoColor=white" alt="Git">
  <img src="https://img.shields.io/badge/html5-%23E34F26.svg?style=for-the-badge&logo=html5&logoColor=white" alt="HTML5">
  <img src="https://img.shields.io/badge/css3-%231572B6.svg?style=for-the-badge&logo=css3&logoColor=white" alt="CSS3">
  <img src="https://img.shields.io/badge/tailwindcss-%2338B2AC.svg?style=for-the-badge&logo=tailwind-css&logoColor=white" alt="Tailwind CSS">
  <img src="https://img.shields.io/badge/javascript-%23323330.svg?style=for-the-badge&logo=javascript&logoColor=%23F7DF1E" alt="JavaScript">
</p>

<h3>8. 🔄 Interaction de la page avec l'utilisateur</h3>
<p>Fonctionnalités JavaScript :</p>
<ul>
  <li>🔄 Dragging : Déplacement des tâches entre colonnes</li>
  <li>✅ Alert : Delete , Success</li>
  <li>📊 Count Task par type (To do, In progress, Done)</li>
  <li>🔍 Recherche sur titre du task</li>
  <li>🎨 Couleur spécifique par propriété</li>
  <li>🛠️ Accès utilisateur pour Modifier/Delete</li>
</ul>

## 🌐 Liens de déploiement

- 🚀 **Lien de déploiement sur Vercel** : [Voir le projet ](https://to-do-list-git-master-oumaymabrds-projects.vercel.app/)
- 💻 **Lien GitHub** : [Voir le projet](https://oumaymabrd.github.io/To-Do-List/)

To-Do-List

To-Do-List Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

To-Do-List

To-Do-List Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README