CodeFlowAI

Inspiration

We wanted to create a tool that simplifies code analysis with AI, offering intuitive insights and visualization features to improve developer productivity.

What it does

CodeFlowAI enables users to analyze their code using AI-powered chat, visualize dependencies via interactive graphs, and interact through voice commands.

How we built it

We used Gemini API for AI analysis, Mermaid.js for graphing, and ElevenLabs API for voice interaction, with a frontend built in vanilla JavaScript, HTML, and CSS.

Challenges we ran into

Integrating accurate AI responses, generating real-time dependency graphs, and ensuring smooth voice interactions were key technical hurdles.

Accomplishments that we're proud of

We successfully integrated AI-powered code analysis, dynamic graph generation, and voice features in a polished, user-friendly interface.

What we learned

We gained deep insights into AI integration, real-time graph generation, and optimizing user experience with voice technologies and responsive design.

What's next for CodeFlowAI

We plan to enhance AI capabilities, support more programming languages, and introduce collaboration and advanced dependency management features. We also plan to support larger codebases and more analytical responses.