Skip to content

Instantly share code, notes, and snippets.

@bastienapp
Last active October 5, 2023 12:01
Show Gist options
  • Save bastienapp/2b7298c47a1da29eb3f587ce4de7663d to your computer and use it in GitHub Desktop.
Save bastienapp/2b7298c47a1da29eb3f587ce4de7663d to your computer and use it in GitHub Desktop.
Créer une liste de choses à faire en JavaScript

Créer une liste de choses à faire en JavaScript

Votre mission est de créer un site permettant d'administrer une liste de "choses à faire" (todo list).

Voici un exemple de site : https://my-todo-mr-ayush25.vercel.app/

Attention, il n'est pas nécessaire de faire la même chose, ce site est partagé afin que vous ayez un exemple de résultat attendu !

Les "choses à faire" seront représentées par un tableau d'objets, de la forme suivante :

let todos = [
{
    "userId": 1,
    "id": 1,
    "title": "delectus aut autem",
    "completed": false
  },
  {
    "userId": 1,
    "id": 2,
    "title": "quis ut nam facilis et officia qui",
    "completed": false
  },
  {
    "userId": 1,
    "id": 3,
    "title": "fugiat veniam minus",
    "completed": false
  },
]

Voici la liste des fonctionnalités :

  • Une liste de "choses à faire" est affichée à partir d'un tableau d'objets
  • il doit être possible d'ajouter un nouvel élément à la liste à partir d'un champ de texte
  • il doit être possible de changer l'état d'une "chose à faire" pour la passer de "à faire" à "faite"

Vous pouvez aussi faire les fonctionnalités suivantes :

  • charger la liste à partir d'une API : https://jsonplaceholder.typicode.com/todos
  • pouvoir supprimer des "choses à faire" de la liste
  • pouvoir trier la liste pour afficher unique les lignes en état "à faire" ou "faite"
  • pouvoir filtrer la liste avec un champ de recherche
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment