Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[TECH ED] Build todo-list app #110

Open
5 tasks
Rashaad-Ebrahim opened this issue Dec 19, 2024 · 0 comments
Open
5 tasks

[TECH ED] Build todo-list app #110

Rashaad-Ebrahim opened this issue Dec 19, 2024 · 0 comments

Comments

@Rashaad-Ebrahim
Copy link
Owner

Link to the coursework

https://github.com/CodeYourFuture/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

Maximum time in hours

4

How to get help

Share your blockers in your class channel
https://programming.codeyourfuture.io/guides/getting-help/asking-questions/

How to submit

  1. Fork to your Github account.
  2. Make a branch for this project.
  3. Make regular small commits in this branch with clear messages.
  4. When you are ready, open a PR to the CYF repo, following the instructions in the PR template.

There are several projects in this repo. Make a new branch based on main for each project.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
Status: No status
Development

No branches or pull requests

1 participant