Workspace

Drag-and-drop Kanban board with Vue

8 tasks

To Do

3

Design system audit

Review color contrast and spacing tokens

highDesignAudit

API rate limiting

Implement Redis-based rate limiter

mediumBackend

Update dependencies

Bump Nuxt to v4.5 and Vue to 3.6

lowMaintenance

In Progress

2

Motion-v integration

Add spring physics to page transitions

highAnimationVue

Dark mode toggle

Persist preference in localStorage

mediumUX

Done

3

Hero section shader

WebGL orb background with hover interaction

highWebGL

Contact form

Zod validation with toast notifications

mediumForms

SEO meta tags

Dynamic og:image and structured data

lowSEO

Native DnD

HTML5 Drag and Drop API with Vue transitions for smooth reordering and cross-column moves.

Reactive State

All board state is reactive — add, delete, and move tasks with instant UI updates.

Micro-interactions

Hover states, enter/leave transitions, and drag feedback for a polished experience.