Riximus / todo-app-vuetify

To Do App

Tasks

Functions

• Add Todo
• Delete To Do
• Mark To Do as done
  • Checkbox state like isDone boolean
• To Do’s filter
  • active
  • done
  • all
• Show To Do’s done (graphically/ animated)

Nonfunctional requirements

• Save Todo’s in a Database
  • Save
  • Done Change
  • Delete
• Tests
• Gestaltung von UI
  • Input
  • Filter Buttons (or Select)
  • List for To Do's
    • Checkbox
    • Delete Button
    • Progress Bar or Circle

Optional extensions

• Login
• Real Time Communication of multiple Users
• Offline PWA

Project setup

# yarn
yarn

# npm
npm install

# pnpm
pnpm install

Compiles and hot-reloads for development

# yarn
yarn dev

# npm
npm run dev

# pnpm
pnpm dev

Compiles and minifies for production

# yarn
yarn build

# npm
npm run build

# pnpm
pnpm build

Created with…

Vite

Component Library

Vuetify — A Vue Component Framework