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

Fork, Commit, Merge - Easy Issue (Vue) #1007

Open
nikohoffren opened this issue Oct 13, 2023 · 0 comments
Open

Fork, Commit, Merge - Easy Issue (Vue) #1007

nikohoffren opened this issue Oct 13, 2023 · 0 comments

Comments

@nikohoffren
Copy link
Member

Fork, Commit, Merge - Easy Issue (Vue)

Implement a Vue.js Todo List Component

Note: You don't have ask permission to start solving the issue or get assigned, since these issues are supposed to be always open for new contributors. The actions-user bot will reset the file back to previous state for the next contributor after your commit is merged. So you can just simply start working with the issue right away!

Description

The goal of this task is to implement a Vue.js Todo List component. The component should have the following features:

  • Display a title for the Todo List.
  • Provide an input field to add new tasks.
  • Allow tasks to be added to a list.
  • Show tasks with checkboxes indicating completion status.
  • Provide a "Remove" button for each task to delete it.

Start by navigating inside of the directory used in this project with the command:

cd tasks/vue/easy/todo-list` 

Then run npm i to install Vue.js and all the necessary dependencies for the project.

After installing the dependencies you can open the src/components directory and TodoList.vue file, and start implementing your solution!

Run the Vue app

To check how to the Task List looks, make sure you are in the tasks/vue/easy/todo-list in your terminal and run npm run serve to start the Vue server.
Then, open a browser and go to http://localhost:8080/ to see your app.

If the Todo List looks to be working correctly, you are ready to make a pull request!


To work with this issue, you need to have npm and NodeJS installed to your local machine.
Check out README.md for more instructions of installing npm and NodeJS as well as how to make a pull request.


Feel free to ask any questions here if you have some problems!

Also, kindly give this project a star to enhance its visibility for new developers!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

1 participant