Skip to content

19 - Build todo-list app #19

@Pirikita

Description

@Pirikita

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.

PR

HackYourFutureBelgium#94

Metadata

Metadata

Assignees

Projects

Status

Review needed

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions