Saltar al contenido
CRME05Gratis: Suscríbete en YouTube para desbloquear la descarga

Sales CRM with Pipeline Board

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

  • Publicado
  • Duración del video3 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 carpeta de Google Drive.

Qué incluye

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

Instrucciones de instalación

  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.

Acerca de este proyecto

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.

Funcionalidades

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

Lo que aprenderás

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

Capturas de pantalla

Sobre este video

Episodio
E05
Categoría
CRM
Publicado
12 jun 2026
Duración del video
3 min
Acceso
Suscríbete en YouTube para desbloquear la descarga
  • Vue
  • Node.js
  • MongoDB
  • TypeScript

Reseñas y comentarios

Reseñas y comentarios

¿Lo construiste tú? Cuenta cómo te fue o haz una pregunta.

Deja una reseña

Tu valoración(opcional)

Tu nombre y comentario son públicos. No compartas datos personales.

Más como este

Sigue construyendo con el siguiente tutorial.

Ver todos los videos
  • Miniatura del tutorial 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
  • Miniatura del tutorial Kanban Task Board with Vue10: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
  • Miniatura del tutorial 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

Los nuevos proyectos llegan primero a YouTube

Suscríbete para ver cómo se construye cada aplicación desde cero. Cada video tiene su propia página de proyecto con el código fuente.