Kanban Task Board with Vue
A collaborative kanban board with drag-and-drop, labels, due dates and offline-friendly state.
- تاريخ النشر
- مدة الفيديو10 د
شاهد على YouTube
اشترك في القناة على YouTube لفتح الشيفرة المصدرية أدناه.
الشيفرة المصدرية
احصل على الشيفرة المصدرية
كل ما بُني في الفيديو، جاهز للتشغيل. يُسلَّم على هيئة ملف ZIP للتنزيل.
ما يتضمنه
- Complete Vue 3 project
- README with setup notes
تعليمات الإعداد
- Unzip the archive and open the folder in your editor.
- Run npm install.
- Run npm run dev.
حول هذا المشروع
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.
الميزات
- Multiple boards and columns
- Drag-and-drop cards
- Labels and due dates
- Quick filters
- Optimistic updates
- Keyboard shortcuts
ما ستتعلمه
- Composition API patterns
- Drag-and-drop without a heavy library
- State management with Pinia
- Persisting state locally
لقطات الشاشة
عن هذا الفيديو
- الحلقة
- E02
- الفئة
- تطبيقات الويب
- تاريخ النشر
- 30 أبريل 2026
- مدة الفيديو
- 10 د
- الوصول
- اشترك في القناة على YouTube لفتح التنزيل
- Vue
- TypeScript
- Tailwind CSS
المراجعات والتعليقات
المراجعات والتعليقات
هل بنيته بنفسك؟ شارك تجربتك أو اطرح سؤالاً.
اترك مراجعة