Skip to content

readme.md

Latest commit

 

History

History
42 lines (31 loc) · 1.61 KB

readme.md

File metadata and controls

42 lines (31 loc) · 1.61 KB

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