Sheffield | 26-ITP-jan | Richard Frimpong | Sprint 3 | Todo List

[Richiealx]

Learners, PR Template

Self checklist

• I have titled my PR with Region | Cohort | FirstName LastName | Sprint | Assignment Title
• My changes meet the requirements of the task
• I have tested my changes
• My changes follow the style guide

Changelist

This PR implements the Sprint 3 Todo List app.

The application populates a list of hardcoded todos on page load using the populateTodoList() function. Each todo item includes a checkbox icon, a trash icon, and the todo text.

Clicking the checkbox toggles the completed state of the task. This updates the icon from ☑ to ✅ and applies or removes a strikethrough style on the todo text. Clicking the trash icon deletes the individual todo item.

I added support for creating new todos using an input field and included a deadline input so a date can be set when a task is created. When a deadline is provided, it is displayed next to the task description.

A "Delete Completed" button has also been implemented to remove all completed tasks at once.

The todo module functions (addTask, deleteTask, toggleCompletedOnTask) were preserved and extended without breaking the existing tests. I also added a helper function to delete completed tasks.

The app was tested in the browser to confirm:

• todos load on page load
• checkbox toggles correctly
• completed tasks show strikethrough
• individual todos can be deleted
• new todos can be added
• completed todos can be mass deleted
• deadlines display correctly

I also ran the provided tests for the todo module, and all tests passed successfully.

Questions

No questions at this time.