Aller au contenu
Applications webE02Gratuit: Abonnez-vous sur YouTube pour débloquer le téléchargement

Kanban Task Board with Vue

A collaborative kanban board with drag-and-drop, labels, due dates and offline-friendly state.

  • Publié
  • Durée de la vidéo10 min
Regarder sur YouTube

Abonnez-vous sur YouTube pour débloquer le code source ci-dessous.

Code source

Obtenir le code source

Tout ce qui est réalisé dans la vidéo, prêt à être lancé. Fourni en téléchargement ZIP.

Ce qui est inclus

  • Complete Vue 3 project
  • README with setup notes

Instructions d’installation

  1. Unzip the archive and open the folder in your editor.
  2. Run npm install.
  3. Run npm run dev.

À propos de ce projet

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.

Fonctionnalités

  • Multiple boards and columns
  • Drag-and-drop cards
  • Labels and due dates
  • Quick filters
  • Optimistic updates
  • Keyboard shortcuts

Ce que vous allez apprendre

  • Composition API patterns
  • Drag-and-drop without a heavy library
  • State management with Pinia
  • Persisting state locally

Captures d’écran

À propos de cette vidéo

Épisode
E02
Catégorie
Applications web
Publié
30 avr. 2026
Durée de la vidéo
10 min
Accès
Abonnez-vous sur YouTube pour débloquer le téléchargement
  • Vue
  • TypeScript
  • Tailwind CSS

Avis et commentaires

Avis et commentaires

Vous l'avez construit ? Racontez comment cela s'est passé ou posez une question.

Laisser un avis

Votre note(facultatif)

Votre nom et votre commentaire sont publics. Ne partagez pas d'informations personnelles.

Projets similaires

Continuez à construire avec le prochain tutoriel.

Voir toutes les vidéos
  • Miniature du tutoriel Sales CRM with Pipeline Board3: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
  • Miniature du tutoriel Production-Ready REST API9:57
    APIs

    Production-Ready REST API

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

    Node.js · PostgreSQL · TypeScript
  • Miniature du tutoriel AI Document Summarizer10: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

Les nouveaux projets sortent d’abord sur YouTube

Abonnez-vous pour suivre la création de chaque application de A à Z. Chaque vidéo a sa propre page de projet avec le code source.