This is a simple and responsive To-Do List application built using Vue.js 3 and plain HTML/CSS. It allows you to:
- Add new tasks
- Mark tasks as completed
- View the number of completed and remaining tasks
- Remove individual tasks
- Clear all tasks at once
- Display a reusable custom Vue component with a welcome message
Open the project with Live Server (in VS Code) to see it running locally.
You can either download the ZIP or use Git:
git clone https://github.com/AnjanaManoj2004/ToDoApp.gitOpen in VS Code
Make sure you have the Live Server extension installed.
Right-click on ToDoApp.html
Click "Open with Live Server"
Your app should open automatically in your default browser.
Vue.js 3 (CDN)
HTML5
CSS3
Live Server (for local dev preview)
Add new tasks
Remove individual tasks
Mark as completed
See number of tasks left
"Remove All Tasks" button
Basic Vue component usage
Anjana Manoj