<div align="center">
    <img src="public/brand/logo_text.png" alt="Superkey logo" />
        </br></br>
    <h4 color="green">FlowGPT is a tool to generate flowchart with ai (gpt-3.5)</h4>
    <p>Made with ❤️ by <a target="_blank" href="https://twitter.com/nil_ooy">@nilooy 🧑‍💻</a></p>
    
    
   
</div>


![Copy of update flowgpt - 14 Apr 23](https://user-images.githubusercontent.com/32486682/232072495-9445eda4-f134-47e0-b2c1-2c359581e020.gif)


## Built With

- Next.js
- langchain
- Mermaid (https://github.com/mermaid-js/mermaid)
- DaisyUI

## Requirements
1. Node Version >= 18
2. OpenAI API Key

## Installation

1. Clone the Repo

2. rename the `env.template` to `.env.local` and OPENAI_API_KEY

2. `cd` into the folder
```sh
cd flowgpt
```

3. Install all deps with yarn
```sh
yarn
```

4. Run in development mode
```sh
yarn dev
```

5. Open browser and go to http://localhost:3000


## Contribution
it's a pretty new tool, Lots of room for improvement, feel free to contribute.

## Roadmap

- Automatic syntax error detection and retry with history
- OpenAI API KEY modal to insert from the UI
- Save flowcharts on localStorage
- Animated Flowchart Generation (exportable as video)



## Updates will be posted here
[![Twitter URL](https://img.shields.io/twitter/url/https/twitter.com/nil_ooy.svg?style=social&label=Follow%20%40nil_ooy)](https://twitter.com/nil_ooy)
