Kanban Task Board with Vue
A collaborative kanban board with drag-and-drop, labels, due dates and offline-friendly state.
- Publicado
- Duración del video10 min
Ver en YouTube
Suscríbete en YouTube para desbloquear el código fuente de abajo.
Código fuente
Obtén el código fuente
Todo lo construido en el video, listo para ejecutar. Se entrega como descarga ZIP.
Qué incluye
- Complete Vue 3 project
- README with setup notes
Instrucciones de instalación
- Unzip the archive and open the folder in your editor.
- Run npm install.
- Run npm run dev.
Acerca de este proyecto
A polished task board in the spirit of the tools you use every day: boards, columns, cards, labels, due dates and quick filters, with optimistic updates so it always feels instant.
This is the ideal starter project, small enough to finish in one video, rich enough to teach real component design.
Funcionalidades
- Multiple boards and columns
- Drag-and-drop cards
- Labels and due dates
- Quick filters
- Optimistic updates
- Keyboard shortcuts
Lo que aprenderás
- Composition API patterns
- Drag-and-drop without a heavy library
- State management with Pinia
- Persisting state locally
Capturas de pantalla
Sobre este video
- Episodio
- E02
- Categoría
- Aplicaciones web
- Publicado
- 30 abr 2026
- Duración del video
- 10 min
- Acceso
- Suscríbete en YouTube para desbloquear la descarga
- Vue
- TypeScript
- Tailwind CSS
Reseñas y comentarios
Reseñas y comentarios
¿Lo construiste tú? Cuenta cómo te fue o haz una pregunta.
Deja una reseña