เว็บ
แพลตฟอร์ม B2B OTA
แพลตฟอร์ม B2B Online Travel Agency แบบครบวงจร รองรับตัวแทนท่องเที่ยวและลูกค้าองค์กร พร้อมระบบ inventory แบบเรียลไทม์ การตั้งราคาแบบไดนามิก และการจัดการการจอง
เว็บ ผลงานเด่น
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
