19 - Build todo-list app

[Epunch]

Link to the coursework

https://github.com/HackYourFutureBelgium/Module-Data-Groups/tree/main/Sprint-3/todo-list

Why are we doing this?

These challenges are designed to develop your problem-solving skills.

Acceptance criteria

• Given a todo list web application
  When the page loads
  Then the populateTodoList() function should create todo list items for each hardcoded todo
  When a todo list item is created
  Then it should contain: ☑ 🗑 todo text
  When the checkbox icon is clicked
  Then the todo text should have strikethrough
  And the checkbox should be ticked ✅ 🗑 todo text

• Given a todo list item on the page
  When the trash icon is clicked
  Then the todo list item should be deleted

• Given a button to add new todos
  When the button is clicked
  Then a new todo should be added to the list with the checkbox and trash icons

• Given a button to mass delete completed todos
  When the button is clicked
  Then any todos that have been checked off should be deleted

• Given the ability to set a deadline when creating a todo
  When a deadline is set
  Then the deadline should be displayed next to the todo text

How to submit:

• Fork the repo to your Github account.
• Make a branch feature/todo for this project.
• Make regular small commits in this branch with clear messages.
• When you are ready, open a PR to the HYF repo, following the instructions in the PR template.