{"slug": "prompt-flow-a-visual-side-project-for-flow-design-trace-and-integration-steps", "title": "Prompt Flow — a visual side project for flow design, trace, and integration steps (looking for feedback)", "summary": "Prompt Flow is a visual side project built with React, ReactFlow, and Zustand that allows users to design and trace algorithmic flows on a canvas, replacing spoken explanations or flat text notes. Data is stored locally in the browser using IndexedDB, with no server-side database or user login required, and projects can be backed up via JSON export/import. The app includes sample templates to help users quickly understand how to model flows.", "body_md": "Hey everyone,\nI’ve been working on a side project called Prompt Flow and wanted to share it here — it’s not finished yet, but I’ve been using it day to day.\nThe real starting point: when I’m developing an algorithm, I didn’t want to keep going with spoken explanations or flat text notes. I wanted to design a flow and see the whole process at once — so I moved to a canvas where I can answer “where does it go from here, and what happens on this branch?” in one glance.\nWhat’s in there now:\nStack: React, ReactFlow, Zustand; TR/EN/RU UI; project JSON export/import.\nData is intentionally simple: projects are stored in the browser (IndexedDB). There’s no server-side database and no user login. Your flows stay in your own browser without signing up — use JSON export/import if you want a backup. (SP/table nodes on the canvas are for modeling flows; the app itself doesn’t connect to a database.)\nIf building a flow from scratch feels heavy, there are a few sample templates inside the app — pick one and load it onto the canvas. I added those so you can see how things work faster.\nHappy to answer questions; I can share screenshots if that helps.", "url": "https://wpnews.pro/news/prompt-flow-a-visual-side-project-for-flow-design-trace-and-integration-steps", "canonical_source": "https://dev.to/emrullah_tuncay_7752eaf36/prompt-flow-a-visual-side-project-for-flow-design-trace-and-integration-steps-looking-for-g9j", "published_at": "2026-05-21 13:36:32+00:00", "updated_at": "2026-05-21 14:07:13.976568+00:00", "lang": "en", "topics": ["developer-tools", "products", "startups"], "entities": ["Prompt Flow", "React", "ReactFlow", "Zustand", "IndexedDB"], "alternates": {"html": "https://wpnews.pro/news/prompt-flow-a-visual-side-project-for-flow-design-trace-and-integration-steps", "markdown": "https://wpnews.pro/news/prompt-flow-a-visual-side-project-for-flow-design-trace-and-integration-steps.md", "text": "https://wpnews.pro/news/prompt-flow-a-visual-side-project-for-flow-design-trace-and-integration-steps.txt", "jsonld": "https://wpnews.pro/news/prompt-flow-a-visual-side-project-for-flow-design-trace-and-integration-steps.jsonld"}}