ikeaven / todo-list

TODO-List

todo-list's Issues

TASK LIST : Implement a task list component

• Implement a task list component that displays a list of tasks.
• Each task should display its name and a checkbox to mark it as complete.
• Completed tasks should be visually distinguished from incomplete tasks (e.g., strike-through text or a different background color).

STYLING

• Style the application to make it visually appealing.
• Use SCSS for styling.

ADD TASK

• Implement a form to add new tasks.
• When a user enters a task name and submits the form, the task should be added to the list.
• Input validation: Task name should not be empty.

LOCAL STORAGE

• Implement local storage to persist tasks even after refreshing the page.

• When the app loads, it should fetch and display previously saved tasks.

DELETE TASK

• Implement a delete button for each task.

• Clicking the delete button should remove the task from the list.

BONUS

• Add the ability to filter tasks by their completion status (e.g., show only completed or incomplete tasks).

• Implement routing using Vue Router to allow users to navigate between different views (e.g., a separate view for completed tasks).

PROJECT SETUP: Vue 3 / Composition API / repo Git

EDIT TASK