เว็บ
แพลตฟอร์ม B2B OTA
แพลตฟอร์ม B2B Online Travel Agency แบบครบวงจร รองรับตัวแทนท่องเที่ยวและลูกค้าองค์กร พร้อมระบบ inventory แบบเรียลไทม์ การตั้งราคาแบบไดนามิก และการจัดการการจอง
เว็บ ผลงานเด่น
Corridraw — Innovation Workspace สำหรับทีมที่คิดออกมาดัง ๆ
SaaS แบบ infinite canvas สำหรับทีม product, engineering และ design — รวม sticky note, ไดอะแกรมคมชัด, multi-cursor สด, AI ที่แปลงสเกตช์เป็นไดอะแกรม และฝังบอร์ดได้ใน Notion, Linear และ Confluence
ภาพรวม
Corridraw เป็น workspace แบบ SaaS ที่ใช้งานจริงที่ corridraw.com ออกแบบรอบ infinite canvas ให้ทีมร่วมกันสเกตช์ ตัดสินใจ และส่งมอบงาน ผสมระหว่างอีดิเตอร์ SVG/Canvas แบบ virtualised, การทำงานร่วมกันแบบ CRDT เรียลไทม์, AI Magic Frame ที่เปลี่ยนสเกตช์ดิบเป็นไดอะแกรมจริง และการเชื่อมต่อในระดับลึกกับ Notion, Linear, Slack, GitHub, Figma และ Confluence
จุดเด่น
- Infinite canvas ที่รวม sticky note, ลายมือ, shape คมชัด และ frame ไว้ในผืนเดียว ไม่มี grid ไม่มีหน้า
- Multi-cursor presence แบบสด มีชื่อ มีสี และผสานการแก้ไขพร้อมกันได้สะอาดด้วยโมเดลเอกสาร CRDT
- AI Magic Frame — เปลี่ยนสเกตช์ดิบให้กลายเป็น flowchart, ER diagram, สรุป หรือ layout component ที่ใช้งานได้
- เครื่องมือไดอะแกรมอัจฉริยะสำหรับ flowchart, ER, UML, crow's-foot, mind map และ wireframe โดยใช้คีย์บอร์ดเป็นหลัก
- ไลบรารี template ครอบคลุม discovery, retros, planning, roadmap, สถาปัตยกรรม และ customer journey map
- คอมเมนต์แบบเป็นเธรดตรึงกับ element, โหวตแบบ async และ reaction — การตัดสินใจอยู่ติดกับงานจริง
- ฝังบอร์ดสดใน Notion, Linear และ Confluence รวมถึงเชื่อมต่อกับ Slack, GitHub และ Figma
- Export เป็น SVG/PNG/PDF พร้อมตัวเล่นย้อนประวัติเวอร์ชัน ขับเคลื่อนด้วย operations log แบบ append-only
- Onboard ภายใน 10 วินาที พร้อมแพลนฟรีตลอดชีพ ไม่ต้องใช้บัตรเครดิต
สถาปัตยกรรม
| ส่วนประกอบ | รายละเอียด |
|---|---|
| อีดิเตอร์ infinite canvas | อีดิเตอร์ SVG/Canvas hybrid บน React พร้อม virtualised rendering รองรับลายมือ, sticky note, frame และ shape อัจฉริยะที่สเกลกับบอร์ดขนาดใหญ่โดยไม่ตก frame |
| เอนจินไดอะแกรม | การวาดด้วยคีย์บอร์ดสำหรับ flowchart, ER, UML, crow's-foot, mind map และ wireframe โดยใช้ primitive การ routing และการจัดสไตล์ร่วมกับ canvas แบบ freeform |
| AI Magic Frame | บริการที่ขับเคลื่อนด้วย LLM แปลงสเกตช์ดิบและโน้ตให้กลายเป็นไดอะแกรม สรุปข้อมูล และ layout component ภายใน canvas เดียวกัน |
| Collaboration gateway | บริการ WebSocket บน Node.js ส่งโมเดลเอกสารแบบ CRDT ทำให้การแก้ไขพร้อมกันรวมกันได้อย่างสะอาดโดยไม่ต้อง lock; presence cursor และกรอบการเลือกใช้ช่องทางเดียวกัน |
| Auth service | บริการ NestJS เฉพาะ จัดการ JWT session, ยืนยันอีเมล, RBAC ระดับ workspace และ SSO สำหรับแพลนที่ต้องชำระเงิน |
| SSR app | ฟรอนต์เอนด์ Next.js แบบ SSR ให้บริการ corridraw.com, hydrate อีดิเตอร์ และเป็นตัวกลางเรียก REST ไปยังบริการ back-end |
| Integrations | ตัว render embed สดสำหรับ Notion / Linear / Confluence รวมถึงการแจ้งเตือนผ่าน Slack, การ link กับ GitHub และ import frame จาก Figma |
| Database | PostgreSQL เก็บเอกสาร, workspace, คอมเมนต์, โหวต และ operations log แบบ append-only ที่ขับเคลื่อนการเล่นย้อนประวัติและการ export |
| Background workers | Worker แบบคิวสำหรับสร้าง thumbnail, export PNG/SVG/PDF ตามกำหนด, render embed และสรุปข้อมูลการใช้งาน |
| Infrastructure | VPS เครื่องเดียว แยกโปรเซสของ SSR app, auth service, AI gateway และ WebSocket collaboration server โดยมี nginx ทำ reverse proxy และจบ TLS |
เทคโนโลยี
Next.jsReactNode.jsNestJSWebSocketCRDTAI / LLMPostgreSQLRedis
รายละเอียด
หมวดหมู่ เว็บ
จำนวนเทคโนโลยี 9
สถานะ เผยแพร่แล้ว
ผลงานเด่น ใช่
แกลเลอรี
