To Do App

Gitmoji

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