https://github.com/thecodechaser/pipeline-flow-builder
Pipeline Flow Builder is a visual editor that allows users to construct custom data processing pipelines with drag-and-drop simplicity. Each node, such as Input, Math, Delay, or Output, represents a specific function and can be connected to define the flow of logic.
https://github.com/thecodechaser/pipeline-flow-builder
html-css javacsript react reactflow tailwindcss zustand
Last synced: 5 months ago
JSON representation
Pipeline Flow Builder is a visual editor that allows users to construct custom data processing pipelines with drag-and-drop simplicity. Each node, such as Input, Math, Delay, or Output, represents a specific function and can be connected to define the flow of logic.
- Host: GitHub
- URL: https://github.com/thecodechaser/pipeline-flow-builder
- Owner: thecodechaser
- License: mit
- Created: 2025-07-20T09:28:36.000Z (7 months ago)
- Default Branch: dev
- Last Pushed: 2025-07-20T11:08:02.000Z (7 months ago)
- Last Synced: 2025-07-20T11:28:45.271Z (7 months ago)
- Topics: html-css, javacsript, react, reactflow, tailwindcss, zustand
- Language: JavaScript
- Homepage: https://pipeline-flow.thecodechaser.com
- Size: 174 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Pipeline Flow Builder
> Pipeline Flow Builder is a visual editor that allows users to construct custom data processing pipelines with drag-and-drop simplicity. Each node, such as Input, Math, Delay, or Output, represents a specific function and can be connected to define the flow of logic. Users can configure each node’s parameters and visualize how data moves through the system. The tool ensures that the final pipeline forms a valid Directed Acyclic Graph (DAG), enabling safe and efficient execution of complex workflows. Whether for data manipulation or automation, Pipeline Flow Builder provides a clear and flexible way to design sequential processes.
## Preview:
## Built With
- HTML
- CSS
- JavaScript
- React
- React Flow
- Tailwind CSS
## Live version
[Pipeline Flow Builder](https://pipeline-flow.thecodechaser.com)
## Getting Started
To get a local copy up and running follow these simple example steps.
### Prerequisites
- A text editor(preferably Visual Studio Code)
- Node
- Web browser
### Install
- [Git](https://git-scm.com/downloads)
- [Node](https://nodejs.org/en/download/)
### Using it Locally
- Clone the project
```bash
git clone git@github.com:thecodechaser/pipeline-flow-builder.git
cd pipeline-flow-builder
```
- Install dependencies
```bash
npm i
or
npm install
```
- To Start the development server
```bash
npm run start
```
- To test the project
```bash
npm run test
```
## Visit And Open Files
[Visit Repo](https://github.com/thecodechaser/pipeline-flow-builder)
## Download Repo
[Download Repo](https://github.com/thecodechaser/pipeline-flow-builder/archive/refs/heads/main.zip)
## Authors
👤 **Ranjeet Singh**
- Website: [thecodechaser.com](https://thecodechaser.com)
- GitHub: [@thecodechaser](https://github.com/thecodechaser)
- Twitter: [@thecodechaser](https://twitter.com/thecodechaser)
- LinkedIn: [thecodechaser](https://linkedin.com/in/thecodechaser)
## 🤝 Contributing
Contributions, issues, and feature requests are welcome!
Feel free to check the [issues page](https://github.com/thecodechaser/pipeline-flow-builder/issues).
## Show your support
Give a ⭐️ if you like this project!
## Acknowledgments
- Inspiration: ReactFlow
## 📝 License
This project is [MIT](./LICENSE) licensed.