A todo list app built with Vue

by Vue.js Examples

Todo List App

A todo list app built with the Vue framework.

Features

  1. Add a task.
  2. Delete a task.
  3. Check / Complete a task.
  4. Toggle to view all tasks / hide completed tasks.

Screenshots

Getting Started

  1. Fork and Clone your forked repo.
  2. Open terminal and navigate to the directory contatining the cloned project.
  3. To install dependencies, run:
npm install
  1. For development, run:
npm run dev
  1. For production, run:
npm run build

Navigating the Code

.
├── node_modules
├── public
├── screenshots
├── src
├── .gitignore
├── README.md
├── index.html
├── package-lock.json
├── package.json
└── vite.config.js

Notable files

  • assets contains base css files.
  • App.vue contains the basic html & javascript for the app.
  • TodoList.vue contains the bulk of the todo list functionalities.

GitHub

View Github