Corridraw — SaaS สำหรับวาดไดอะแกรมแบบร่วมมือกัน
เว็บ ผลงานเด่น

Corridraw — SaaS สำหรับวาดไดอะแกรมแบบร่วมมือกัน

SaaS บนเบราว์เซอร์สำหรับการวาดไดอะแกรมร่วมกันแบบเรียลไทม์ — ทั้ง flowchart, system architecture, BPMN และ mind map — พร้อมการแก้ไขแบบ multi-cursor สด ประวัติเวอร์ชัน และ workspace สำหรับทีม

ภาพรวม

Corridraw คือเครื่องมือวาดไดอะแกรมแบบ SaaS ที่ใช้งานจริงที่ corridraw.com รองรับการทำงานร่วมกันแบบเรียลไทม์บน flowchart, สถาปัตยกรรมระบบ, BPMN, ER และ mind map พร้อมประสบการณ์ multi-cursor บนอีดิเตอร์ SVG/Canvas ที่ virtualise แล้ว และซิงก์ด้วย CRDT

จุดเด่น

  • ทำงานร่วมกันแบบเรียลไทม์ด้วย multi-cursor บนโมเดลเอกสาร CRDT ผ่าน WebSocket
  • อีดิเตอร์ SVG/Canvas hybrid บน React พร้อม virtualised rendering รองรับไดอะแกรมที่มี shape นับพัน
  • เอนจิน auto-routing แบบ orthogonal พร้อม snap-to-grid และ smart guide ให้เส้นเชื่อมเรียบร้อยไม่กระตุก
  • ไลบรารี shape แบบ modular โหลดตามต้องการ (AWS, UML, network topology, floor plan, BPMN)
  • operations log แบบ append-only ขับเคลื่อนทั้งประวัติเวอร์ชันและไปป์ไลน์การ export
  • RBAC ระดับ workspace พร้อม JWT session และยืนยันอีเมล ผ่านบริการ auth เฉพาะที่เขียนด้วย NestJS
  • Background worker สำหรับ export PNG/SVG/PDF, สร้าง thumbnail และรวมข้อมูลการใช้งาน

สถาปัตยกรรม

ส่วนประกอบ รายละเอียด
Editor อีดิเตอร์ SVG/Canvas hybrid บน React พร้อม virtualised rendering, auto-routing แบบ orthogonal, snap-to-grid และ smart guide
Shape libraries ชุด shape แบบ modular โหลดตามต้องการ ครอบคลุม AWS, UML, network topology, floor plan และ BPMN
Collaboration gateway บริการ WebSocket บน Node.js ส่งข้อมูลของโมเดลเอกสารแบบ CRDT ทำให้การแก้ไขพร้อมกันรวมกันได้อย่างสะอาดโดยไม่ต้อง lock
Auth service บริการ NestJS เฉพาะ จัดการ JWT session, ยืนยันอีเมล และ RBAC ระดับ workspace
SSR app ฟรอนต์เอนด์ Next.js แบบ SSR ให้บริการ corridraw.com, hydrate อีดิเตอร์ และเป็นตัวกลางเรียก REST
Database PostgreSQL เก็บเอกสาร workspace และ operations log แบบ append-only ที่ป้อนหน้าประวัติและการ export
Background workers Worker แบบคิวสร้าง thumbnail, รัน export PNG/SVG/PDF ตามกำหนด และรวมข้อมูลการใช้งาน
Infrastructure VPS เครื่องเดียว แยกโปรเซสของ SSR app, auth service และ WebSocket gateway โดยมี nginx ทำ reverse proxy และจบ TLS

เทคโนโลยี

Next.jsReactNode.jsNestJSWebSocketCRDTPostgreSQLRedis

รายละเอียด

หมวดหมู่ เว็บ
จำนวนเทคโนโลยี 8
สถานะ เผยแพร่แล้ว
ผลงานเด่น ใช่

แกลเลอรี

screenshot_1.png
screenshot_2.png
screenshot_3.png

ผลงานที่เกี่ยวข้อง