/project-planner

Primary LanguageJavaScript

project-planner

Temps donné pour faire le projet

  • 3 jours

Fonctionnalités du projet

  • Autoriser l'utilisateur à créer des tâches. Les tâches doivent avoir un nom, une description et une date d'échéance.
  • Autoriser les utilisateurs à étiqueter leurs tâches avec un statut (ex : to do, doing, done).
  • Affichez les tâches, avec leur temps restant. Par exemple, si nous sommes aujourd'hui le 15 mars et que la tâche est due pour le 20 mars, affichez in 5 days.
  • Permettez aux utilisateurs de trier leurs tâches par temps restant, en commençant par la plus urgente ou par nom.
  • Filtrer les tâches (ex : afficher uniquement les tâches « à faire »).
  • BONUS : enregistrez les tâches dans LocalStorage, afin qu'elles persistent même lorsque la page est actualisée.

Exigences

  • Use Js Modules
  • Dark Mode
  • Responsive
  • SASS

Outils utilisés

  • Trelo
  • VsCode
  • Github
  • Discord
  • Notre gros cerveau

Répartition des tâches

jours 1

Adrien

  • Créer la structure html du projet.
  • Faire la fonction pour avoir un darkmode et le sauvegarder en localStorage.

Caroline

  • Créer la structure du projet (Fichiers, dossiers, etc).
  • Créer une class Task.
  • Ajouter les tâches en localStorage.
  • Afficher les tâches dans la section approprié.
  • Relier le bouton de suppréssion à la fonction approprié dans la class.
  • Convertir les dates en jours restants.
  • Ajouter une classe (.important) quand la date arrive à expiration.

Manu

  • Faire une fenêtre modal pour ajouter et supprimer une tâche.
  • Faire une fenêtre modal pour supprimer les tâches.
  • Faire une fonction pour ajouter les projets et les updates.

Jours 2

Adrien

  • Faire en sorte de pouvoir drag and drop les tâches entre les différentes section (Todo, Doing, Done) en faisant en sorte que le status de la tâches soit mise à jours en localStorage.

Caroline

  • Faire un filtre pour filtrer les tâches affiché par status ou par nom avec sur barre de recherche.
  • Faire en sorte que le filtre sélectionner soit ajouter en localStorage
  • Ajouter des pré-requis dans les formulaire et les sécuriser ! (Pas de failles xss chez nous, fin en théorie).

Manu

  • Faire une fonction pour supprimer toutes les tâches.
  • Styliser le darkMode.

Jours 3

Adrien

  • Terminer le drag and drop.
  • Styliser le footer.

Caroline

  • Fixer le header
  • Faire une fonction pour trier les tâches par date.
  • Ajouter du style pour le panel filter en darkmode.
  • s'assurer que le display affiches quelque chose quand il n'y a aucune tâches.

Manu

  • Ajouter une barre de scroll et la styliser.
  • Faire en sorte que la description s'affiche correctement quand il y a beaucoup de caractères.

Feedback

  • Tout c'est plutôt bien passé, Les tâches ont toutes était accomplie à temps même si on a tous perdu un peu de temps pour rêgler les autres membres du groupe, mais bon rien de plus normal quand on travail en équipe.

Gif d'un nerd