सीधे कंटेंट पर जाएँ
वेब एप्लिकेशनE02मुफ़्त: डाउनलोड अनलॉक करने के लिए YouTube पर सब्सक्राइब करें

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

सेटअप निर्देश

  1. Unzip the archive and open the folder in your editor.
  2. Run npm install.
  3. 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

रिव्यू और कमेंट

रिव्यू और कमेंट

क्या आपने इसे खुद बनाया? अपना अनुभव बताएं या सवाल पूछें।

रिव्यू लिखें

आपकी रेटिंग(वैकल्पिक)

आपका नाम और कमेंट सबको दिखेगा। कृपया निजी जानकारी साझा न करें।

ऐसे और प्रोजेक्ट

अगले ट्यूटोरियल के साथ बनाते रहें।

सभी वीडियो देखें
  • Sales CRM with Pipeline Board ट्यूटोरियल का थंबनेल3:05
    CRM

    Sales CRM with Pipeline Board

    Contacts, companies and deals on a drag-and-drop pipeline, with activity timelines and follow-up reminders.

    Vue · Node.js · MongoDB
  • Production-Ready REST API ट्यूटोरियल का थंबनेल9:57
    APIs

    Production-Ready REST API

    Authentication, validation, migrations, tests and docs, the backend patterns every real API needs.

    Node.js · PostgreSQL · TypeScript
  • AI Document Summarizer ट्यूटोरियल का थंबनेल10:54
    AI

    AI Document Summarizer

    Upload PDFs and get structured summaries, key points and action items, with a review step before anything is saved.

    React · Node.js · AI

नए बिल्ड सबसे पहले YouTube पर आते हैं

हर एप्लिकेशन को शून्य से बनते देखने के लिए सब्सक्राइब करें। हर वीडियो का अपना प्रोजेक्ट पेज होता है, जिसमें सोर्स कोड मिलता है।