tone-row/flowchart-fun

🚀 Flowchart Fun: Vẽ sơ đồ tư duy chỉ bằng vài dòng văn bản

Biến ý tưởng thành sơ đồ luồng chỉ trong vài giây chỉ bằng cách gõ văn bản.

Flowchart Fun là một ứng dụng web giúp người dùng tạo sơ đồ và đồ thị luồng một cách nhanh chóng từ văn bản. Dựa trên cú pháp đơn giản, bạn có thể mô tả các nút và mối quan hệ giữa chúng, rồi công cụ sẽ tự động sinh ra sơ đồ trực quan. Dự án được xây dựng bằng React và Cytoscape.js, hỗ trợ cả triển khai đầy đủ tính năng đăng nhập hoặc phiên bản chạy cục bộ mà không cần tài khoản.

✨ Điểm nổi bật

• Sinh sơ đồ từ văn bản: Dùng cú pháp trực quan để mô tả nút và mối liên hệ.
• Xây dựng bằng React + Cytoscape.js: Giao diện mượt mà, hiệu năng cao.
• Hỗ trợ đa môi trường chạy: Chạy bằng Vercel Dev (có đăng nhập) hoặc pnpm dev (không cần đăng nhập).
• Cộng đồng đóng góp mở: Mời bạn đóng góp phát triển parser cú pháp Graph Selector.
• Đa ngôn ngữ: Hỗ trợ thêm bản dịch qua các tệp tin .po.
• Kiểm thử đầy đủ: Được kiểm thử bằng Jest (unit) và Playwright (e2e).
• Triển khai premium: Hỗ trợ tích hợp Supabase, Stripe, Sendgrid cho tính năng cao cấp.

💡 Vì sao đáng chú ý

Flowchart Fun khác biệt ở chỗ không cần kéo thả thủ công — chỉ cần viết ra cú pháp văn bản, sơ đồ sẽ được sinh tự động ngay lập tức. Điều này giúp tiết kiệm thời gian vô cùng lớn so với các công cụ vẽ sơ đồ truyền thống. Phù hợp với thiết kế sơ đồ logic, lưu đồ quy trình, hoặc trình bày ý tưởng khái niệm một cách nhanh chóng.

#FlowchartFun #OpenSource #React #DiagramGenerator #TiniX