访问官网
GithubFlowchart Fun
Flowchart Fun是一个快速生成流程图的网页应用。通过快速且直观的工作流程，您可以在几分钟内将想法和计划可视化。
📝 示例
以下是Flowchart Fun工作原理的示例，请看以下输入：
节点A
指向：节点B
以及：节点C
返回到：(节点A)
只需几次点击，您就可以生成这个流程图：
🛠️ 开发
Flowchart Fun使用React和cytoscape.js构建。
💡 先决条件
如果您计划开发高级功能，您需要在Vercel、Supabase、Stripe和Sendgrid上注册账户。
🚀 开始使用
- 克隆仓库
- 将
.env.example复制为.env并添加环境变量 - 运行
pnpm install和vercel dev
🔒 运行登录功能：
vercel dev
注意：您需要创建一个Vercel账户并安装CLI以在本地运行应用。要部署应用，您需要一个Pro Vercel账户，因为它使用了超过12个无服务器函数。
⚙️ 不使用登录功能运行：
pnpm dev
🌐 翻译
我们欢迎任何有兴趣帮助我们为Flowchart Fun添加翻译的人。翻译可以添加到/app/src/locales/[language]/messages.po文件中。添加翻译后，请运行pnpm -F app compile。我们非常感谢您的帮助，使Flowchart Fun能够在更多语言中使用！
💬 有兴趣添加新语言？
请在Discord中告诉我们您的计划，我们很乐意提供帮助。
🧪 测试
为确保质量和准确性，Flowchart Fun使用Jest进行单元测试，使用Playwright进行端到端测试。
单元测试
pnpm -F app test
端到端测试
pnpm -F app e2e
🔍 分析Bundle
pnpm -F app build && pnpm -F app analyze
🤝 贡献
如果您有兴趣贡献，我们非常欢迎您帮助改进底层语法解析器 - Graph Selector。我们的社区欢迎所有大大小小的贡献！
要开始贡献，请fork dev分支并开始开发和测试您的功能。如果您有任何问题，请随时加入Discord讨论。我们总是很乐意提供帮助并回答您可能有的任何问题。
