انتقل إلى المحتوى
CRME05مجاني: اشترك في القناة على YouTube لفتح التنزيل

Sales CRM with Pipeline Board

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

  • تاريخ النشر
  • مدة الفيديو3 د
شاهد على YouTube

اشترك في القناة على YouTube لفتح الشيفرة المصدرية أدناه.

الشيفرة المصدرية

احصل على الشيفرة المصدرية

كل ما بُني في الفيديو، جاهز للتشغيل. يُسلَّم على هيئة مجلد في Google Drive.

ما يتضمنه

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

تعليمات الإعداد

  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.

حول هذا المشروع

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.

الميزات

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

ما ستتعلمه

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

لقطات الشاشة

عن هذا الفيديو

الحلقة
E05
الفئة
CRM
تاريخ النشر
12 يونيو 2026
مدة الفيديو
3 د
الوصول
اشترك في القناة على YouTube لفتح التنزيل
  • Vue
  • Node.js
  • MongoDB
  • TypeScript

المراجعات والتعليقات

المراجعات والتعليقات

هل بنيته بنفسك؟ شارك تجربتك أو اطرح سؤالاً.

اترك مراجعة

تقييمك(اختياري)

اسمك وتعليقك علنيان. يرجى عدم مشاركة معلومات شخصية.

مشاريع مشابهة

واصل البناء مع الدرس التالي.

تصفح كل الفيديوهات
  • الصورة المصغّرة لدرس 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
  • الصورة المصغّرة لدرس 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
  • الصورة المصغّرة لدرس 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

المشاريع الجديدة تصل إلى YouTube أولًا

اشترك لتتابع بناء كل تطبيق من الصفر. لكل فيديو صفحة مشروع خاصة به مع الشيفرة المصدرية.