Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/serhii-chernenko/vue3-task-list-bug

Vue3 Training app
https://github.com/serhii-chernenko/vue3-task-list-bug

add bug delete fix list remove tasks todo training vue vue3 vuejs

Last synced: about 2 months ago
JSON representation

Vue3 Training app

Awesome Lists containing this project

README

        

---
difficulty: 2
training: true
chapter: "Chapter 5: Challenge Roundup"
tags: Bug Fixing Challenge, vue 3
---

# Task List Bug

# Challenge Description

You are working on a task management app that displays a list of tasks.
However, there is a bug in the code that makes it impossible to add or remove a task.

Your objective is to identify and fix the bug.

## Requirements

- Clicking the "Add Task" button should add a new task to the list. Fix it.
- Clicking the x on a task should remove that task from the list. Fix it.

## Other Considerations

- If you see the `data-test` attribute anywhere in the boilerplate don't remove it.
- TailwindCSS is preinstalled with the default config. It might be helpful for you, if you want to have some styles. (Not obligatory)