Inspiration
Motivated by the desire to simplify the process of drafting complex diagrams.
What it does
FlowMagic leverages AI to generate Mermaid code, which creates detailed flow diagrams automatically.
How we built it
We utilized Streamlit for the front end, integrating OpenAI's GPT-3.5 Turbo to generate the Mermaid code. The diagrams are rendered within Streamlit and can be downloaded by the user.
Challenges we ran into
Initially, GPT-3.5 struggled to produce accurate Mermaid code. We addressed this by fine-tuning the model. Additionally, rendering Mermaid code posed challenges, which we overcame by employing HTML markup in Streamlit.
Accomplishments that we're proud of
Our team collaborated effectively to resolve multiple issues, enhancing our problem-solving skills and strengthening our teamwork.
What we learned
This project deepened our understanding of Streamlit, OpenAI models, and the GitHub API.
What's next for FlowMagic
We plan to implement bug fixes and enhance user control over diagram customization for more personalized outputs.
Built With
- github
- mermaid
- openai
- streamlit
Log in or sign up for Devpost to join the conversation.