Repository files navigation

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.

For an example of how Flowchart Fun works, take the following input:

Node A  goes to: Node B  and: Node C    goes back to: (Node A)

You can generate this flowchart with just a few clicks:

Flowchart Fun is built withReact andcytoscape.js.

If you plan on developing the premium features, you will need accounts onVercel,Supabase,Stripe andSendgrid.

1. Clone the repository
2. Copy.env.example to.env and add env variables
3. pnpm install andvercel dev

vercel dev

Note: You will need to create aVercel account andinstall the CLI to run the app locally. To deploy the app, you will need a Pro Vercel account because it uses more than 12 serverless functions.

pnpm dev

We 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 runpnpm -F app compile. We would appreciate your help in making Flowchart Fun accessible in even more languages!

Let us know about your plans in theDiscord, and we'd be glad to lend a helping hand.

To ensure quality and accuracy, Flowchart Fun employsJest for unit testing andPlaywright for e2e testing.

pnpm -F app test

pnpm -F app e2e

pnpm -F app build && pnpm -F app analyze

If you're interested in contributing, we'd love to have your help with the underlying syntax parser -Graph Selector. Our community welcomes all contributions, big or small!

To 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 onDiscord. We're always happy to help and answer any questions you may have.