{"id":13457371,"url":"https://github.com/tone-row/flowchart-fun","last_synced_at":"2025-05-14T12:11:15.205Z","repository":{"id":37416023,"uuid":"343261217","full_name":"tone-row/flowchart-fun","owner":"tone-row","description":"Easily generate flowcharts and diagrams from text ⿻","archived":false,"fork":false,"pushed_at":"2025-04-09T01:29:17.000Z","size":29548,"stargazers_count":3210,"open_issues_count":13,"forks_count":235,"subscribers_count":34,"default_branch":"main","last_synced_at":"2025-05-14T04:23:28.862Z","etag":null,"topics":["diagram-generator","flowchart","flowchart-editor","generator","graphs","open-source","react"],"latest_commit_sha":null,"homepage":"https://flowchart.fun/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/tone-row.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null},"funding":{"github":"tone-row"}},"created_at":"2021-03-01T01:55:23.000Z","updated_at":"2025-05-12T22:17:58.000Z","dependencies_parsed_at":"2024-04-08T23:03:18.289Z","dependency_job_id":"1adc7ed3-1c87-4da9-8d93-d66887cac5b9","html_url":"https://github.com/tone-row/flowchart-fun","commit_stats":{"total_commits":1029,"total_committers":13,"mean_commits":79.15384615384616,"dds":0.3634596695821186,"last_synced_commit":"216b9115c092e81f7c128b65befad45f986df16a"},"previous_names":[],"tags_count":182,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tone-row%2Fflowchart-fun","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tone-row%2Fflowchart-fun/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tone-row%2Fflowchart-fun/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tone-row%2Fflowchart-fun/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/tone-row","download_url":"https://codeload.github.com/tone-row/flowchart-fun/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254110284,"owners_count":22016387,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["diagram-generator","flowchart","flowchart-editor","generator","graphs","open-source","react"],"created_at":"2024-07-31T08:01:41.577Z","updated_at":"2025-05-14T12:11:15.153Z","avatar_url":"https://github.com/tone-row.png","language":"TypeScript","readme":"# Flowchart Fun\n\n[Flowchart Fun](https://flowchart.fun/) is a webapp for quickly generating flowcharts from text. With a fast and intuitive workflow, you can visualize your ideas and plans in minutes.\n\n\u003cimg src=\"https://github.com/tone-row/flowchart-fun/blob/main/app.png?raw=true\" alt=\"screenshot\" width=\"600\" /\u003e\n\n## 📝 Example\n\nFor an example of how Flowchart Fun works, take the following input:\n\n```\nNode A\n  goes to: Node B\n  and: Node C\n    goes back to: (Node A)\n```\n\nYou can generate this flowchart with just a few clicks:\n\n\u003cimg src=\"./example1.png\" alt=\"example flowchart\" width=\"400\" /\u003e\n\n## 🛠️ Development\n\nFlowchart Fun is built with [React](https://reactjs.org/) and [cytoscape.js](https://github.com/cytoscape/cytoscape.js).\n\n### 💡 Prerequisites\n\nIf you plan on developing the premium features, you will need accounts on [Vercel](https://vercel.com/docs/concepts/functions/introduction), [Supabase](https://supabase.io/), [Stripe](https://stripe.com/) and [Sendgrid](https://sendgrid.com/).\n\n### 🚀 Getting Started\n\n1. Clone the repository\n1. Copy `.env.example` to `.env` and add env variables\n1. `pnpm install` and `vercel dev`\n\n#### 🔒 To run with login features:\n\n`vercel dev`\n\nNote: You will need to create a [Vercel account](https://vercel.com/signup) and [install the CLI](https://vercel.com/download) to run the app locally. To deploy the app, you will need a Pro Vercel account because it uses more than 12 serverless functions.\n\n#### ⚙️ To run without login features:\n\n`pnpm dev`\n\n### 🌐 Translations\n\nWe welcome anyone interested in helping us add translations to Flowchart Fun. Translations can be added to the .po files located in /app/src/locales/[language]/messages.po. After adding translations, please run `pnpm -F app compile`. We would appreciate your help in making Flowchart Fun accessible in even more languages!\n\n#### 💬 Interested in Adding a Language?\n\nLet us know about your plans in the [Discord](https://discord.com/invite/wPASTQHQBf), and we'd be glad to lend a helping hand.\n\n### 🧪 Tests\n\nTo ensure quality and accuracy, Flowchart Fun employs [Jest](https://jestjs.io/) for unit testing and [Playwright](https://github.com/microsoft/playwright) for e2e testing.\n\n#### Unit Tests\n\n`pnpm -F app test`\n\n#### E2E Tests\n\n`pnpm -F app e2e`\n\n### 🔍 Analyzing the Bundle\n\n`pnpm -F app build \u0026\u0026 pnpm -F app analyze`\n\n## 🤝 Contributing\n\nIf you're interested in contributing, we'd love to have your help with the underlying syntax parser - [Graph Selector](https://github.com/tone-row/graph-selector). Our community welcomes all contributions, big or small!\n\nTo get started, please fork the dev branch and start developing and testing your feature. If you have any questions, don't hesitate to join the discussion on [Discord](https://discord.com/invite/wPASTQHQBf). We're always happy to help and answer any questions you may have.\n","funding_links":["https://github.com/sponsors/tone-row"],"categories":["TypeScript","Svg/Canvas","HarmonyOS","react","Design Tools"],"sub_categories":["Windows Manager"],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftone-row%2Fflowchart-fun","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftone-row%2Fflowchart-fun","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftone-row%2Fflowchart-fun/lists"}