Skip to content
CRME05Free: Subscribe on YouTube to unlock the download

Sales CRM with Pipeline Board

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

  • Published
  • Video length3 min
Watch on YouTube

Subscribe on YouTube to unlock the source code below.

Source code

Get the Source Code

Everything built in the video, ready to run. Delivered as a Google Drive folder.

What's included

  • Vue client
  • Node.js API
  • MongoDB seed script

Setup instructions

  1. Install Node.js 20+ and MongoDB (or use a free Atlas cluster).
  2. Set MONGODB_URI in server/.env.
  3. Run npm install in both /server and /client, then npm run dev in each.

About this project

A lightweight CRM for small sales teams. Deals move across a pipeline board; every contact has a timeline of calls, emails and notes; and reminders make sure follow-ups don't slip.

The build focuses on the drag-and-drop board and the activity feed, two features that look simple but are full of edge cases worth learning.

Features

  • Drag-and-drop deal pipeline
  • Contacts and companies
  • Activity timeline per contact
  • Follow-up reminders
  • Search across everything
  • Team members and ownership

What you will learn

  • Drag-and-drop with Vue and pointer events
  • Modelling documents in MongoDB
  • Building an activity feed
  • Composable-based state management

Screenshots

About this video

Episode
E05
Category
CRM
Published
Jun 12, 2026
Video length
3 min
Access
Subscribe on YouTube to unlock the download
  • Vue
  • Node.js
  • MongoDB
  • TypeScript

Reviews & comments

Reviews & comments

Built it yourself? Tell others how it went, or ask a question.

Leave a review

Your rating(optional)

Your name and comment are public. Please don't share personal details.

More like this

Keep building with the next tutorial.

Browse all videos
  • Production-Ready REST API tutorial thumbnail9:57
    APIs

    Production-Ready REST API

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

    Node.js · PostgreSQL · TypeScript
  • Kanban Task Board with Vue tutorial thumbnail10:35
    Web Applications

    Kanban Task Board with Vue

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

    Vue · TypeScript · Tailwind CSS
  • AI Document Summarizer tutorial thumbnail10: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

New builds land on YouTube first

Subscribe to follow along as each application is built from scratch. Every video gets its own project page with the source code.