Pipeline Builder Pro

A sophisticated, node-based visual programming interface built with React Flow and FastAPI. This application allows users to construct complex logic pipelines, visualize data flow, and validate graph integrity (DAG) in real-time.

🚀 Key Features

• Dynamic Text Logic: Custom Text Node that parses {{variable}} syntax to generate input handles on-the-fly.
• Intelligent UI:
  • Auto-scaling: Text nodes grow vertically as you type with built-in overflow handling.
  • Dark Mode: Full system-wide dark theme support.
  • Professional UX: Lucide-React iconography and smooth-step edge connections.
• Backend Validation: Integrated FastAPI service to calculate node/edge counts and verify Directed Acyclic Graph (DAG) status.
• State Persistence: Automatically saves your pipeline to local storage via Zustand.

🏗️ Project Structure

Frontend (/frontend)

• /src/nodes: 9 specialized node types (LLM, Input, Math, etc.) built on a modular BaseNode component.
• /src/store.js: Centralized Zustand store managing graph state, persistence, and node updates.
• /src/toolbar.js: Draggable node library.

Backend (/backend)

• main.py: FastAPI server handling graph analysis and DAG validation logic.

🛠️ Technical Stack

• Frontend: React, React Flow, Zustand, TailwindCSS, Lucide Icons.
• Backend: Python, FastAPI.

🏁 Getting Started

1. Backend:

   cd backend
   pip install -r requirements.txt
   uvicorn main:app --reload
   

2. Frontend:

   cd frontend
   npm install
   npm start