Status Component

Status change component implementation in Vue.js

Features of WebApp

• Status component calculates offset to always render inside viewport
• Status component status order is changable by drag and drop functionality, result is stored in localStorage
• Changes to item statuses stored in localstorage
• Seperate pages for projects and tasks

Recommended IDE Setup

VSCode + Volar (and disable Vetur) + TypeScript Vue Plugin (Volar).

Customize configuration

See Vite Configuration Reference.

Project Setup

Install npm packages

npm install

Compile and Hot-Reload for Development

npm run dev

Type-Check, Compile and Minify for Production

npm run build