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

Sales CRM with Pipeline Board

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

  • Publié
  • Durée de la vidéo3 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 sous forme de dossier Google Drive.

Ce qui est inclus

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

Instructions d’installation

  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.

À propos de ce projet

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.

Fonctionnalités

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

Ce que vous allez apprendre

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

Captures d’écran

À propos de cette vidéo

Épisode
E05
Catégorie
CRM
Publié
12 juin 2026
Durée de la vidéo
3 min
Accès
Abonnez-vous sur YouTube pour débloquer le téléchargement
  • Vue
  • Node.js
  • MongoDB
  • TypeScript

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 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 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
  • 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.