Project Overview
Flow API is a developer tool that converts API requests into interactive flow diagrams, helping developers understand request structure, debug endpoints, and generate code across multiple languages.
Problem
API requests move between docs, terminal snippets, browser tools, and code. That makes them hard to explain, compare, and convert cleanly.
Solution
Flow API parses common request formats and turns them into a visual flow plus generated code outputs for implementation.
Key Features
- cURL / Fetch / HTTP / HAR parser
- Interactive flow diagrams
- Multi-language code generation
- Developer-friendly UI
Technical Decisions
The frontend is built with Next.js and TypeScript, with parsing logic organized around request input formats and reusable output views for diagrams and generated code.
UI/UX Decisions
The interface keeps the input, visual structure, and generated output close together so developers can quickly understand what changed.
Challenges
The main challenge is normalizing multiple input formats while preserving enough request detail to generate useful visual and code outputs.
Result
Developers can paste an API request, understand it visually, and move faster from request inspection to implementation.
Screenshots
