Live
TaskFlow Manager
A task management app with boards, filters, charts, and local persistence.
Business value
Shows dashboard UI, data visualization, and interactive task workflows.
Key features
Task boardsDrag sortingSearch filtersChartsLocal storageDark mode
Vue 3TypeScriptVitePiniaElement PlusTailwind CSSVueUseECharts
overview
A live task-management practice project.
problem
Users need a clear way to manage tasks across categories.
solution
Use a dashboard, boards, and a table to organize tasks.
key features
Task boards / Drag sorting / Search filters / Charts / Local storage / Dark mode
tech stack
Vue 3 / TypeScript / Vite / Pinia / Element Plus / Tailwind CSS / VueUse / ECharts
architecture
Vue, Pinia, VueUse localStorage, and ECharts.
AI-assisted workflow
AI assisted with interaction planning, README writing, and build checks.
challenges and what I learned
Learned complex UI state, drag-and-drop, and chart integration.
screenshots
Available through the live demo.