Flow Kode

Inspiration

Flow Kode was born out of a common developer problem. Most devs don’t spend time formally planning out phases of their projects; they code first and figure out the structure as they go. As a result, tasks get lost, priorities shift, and communication breaks down. With the rise of copilots, developers now generate ideas and actionable todos naturally in their coding chats — yet those valuable insights rarely make it into a project tracker. We wanted to bridge that gap and make project management feel as natural as coding itself. Flow Kode helps developers and teams spend more time building and less time worrying about organizing their work.

What it does

Flow Kode integrates a full project management system directly inside a VSCode-like workspace. Developers can easily create milestones, tasks, and priorities — all within the same environment they already code in. As you chat with GitHub Copilot, our system automatically extracts actionable todos using Agentic AI, builds milestones, and merges them into your project manager in real time. Using CodeRabbit, Flow Kode also keeps teams in sync by seamlessly updating everyone on completed tasks, merging ideas, and tracking progress across collaborators. It’s a coding workspace that plans with you as you work.

How we built it

We forked VSCode Online to create our base interface in React, allowing us to embed our project manager directly inside the editor. Real-time updates and data syncing are powered by Supabase, keeping every user’s tasks, milestones, and progress consistent across the team. For automatic task extraction, we built three Fetch.ai agents that analyze Copilot conversations, pull out actionable tasks, assign priorities, and merge them back into the system with the full context of your project. CodeRabbit integrations handle team notifications and progress updates without interrupting the development flow.

Challenges we ran into

Building off VSCode’s massive codebase — with hundreds of files and thousands of lines — made even small UI tweaks challenging. Ensuring collaboration across multiple developers meant carefully managing task ownership, updates, and merges in real time. We were also new to AI agent workflows, so learning how to structure and integrate them effectively took trial, error, and a lot of guidance from mentors at Fetch.ai. Keeping everything synchronized through Supabase while maintaining performance pushed our database and design skills to the edge.

Accomplishments that we're proud of

We’re proud of how Flow Kode ties together multiple CalHacks technologies into a single, cohesive tool. While there are plenty of project management platforms, Flow Kode uniquely blends AI task extraction, live collaboration, and familiar coding environments into one experience that feels like a natural part of the development workflow.

What we learned

We learned that integration and workflow design are key. Building each component was one challenge — merging them together in real time was another. It showed us how essential it is to plan for interaction between systems early and how collaboration tools should feel invisible, not intrusive.

What's next for Flow Kode

We want to bring Flow Kode to more developers and teams who want to code faster, smarter, and more collaboratively. Our goal is to evolve it into the go-to workspace where coding and project management flow together — no extra tools, no missed tasks, and no bossy PMs.

Built With

• coderabbit
• fetch.ai
• python
• react
• supabase
• typescript