Skip to content

A visual, node-based pipeline builder for creating and managing LLM workflows, built with React and React Flow.

Notifications You must be signed in to change notification settings

sohanpaliyal/pipeline-builder-frontend

Repository files navigation

VectorShift Frontend Pipeline Builder

A powerful node-based workflow editor built with React and React Flow.

Overview

This project provides a visual interface for constructing and managing complex data pipelines. Users can drag and drop various nodes to create workflows that integrate LLMs, APIs, databases, and data transformations.

Key Features

  • Visual Workflow Editor: Intuitive drag-and-drop interface powered by React Flow.
  • Custom Node Types:
    • LLM Node: Integration with Large Language Models.
    • API Node: Make external API requests.
    • Database Node: Interact with data sources.
    • Transformation Node: Apply logic and transformations to data.
    • Input/Output Nodes: Define pipeline entry and exit points.
  • Responsive Design: Modern, accessible UI styling.

Getting Started

This project was bootstrapped with Create React App.

Prerequisites

  • Node.js (LTS recommended)
  • npm or yarn

Installation

  1. Clone the repository.
  2. Install dependencies:
    npm install

Available Scripts

In the project directory, you can run:

npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in your browser.

The page will reload when you make changes.
You may also see any lint errors in the console.

npm test

Launches the test runner in the interactive watch mode.
See the section about running tests for more information.

npm run build

Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.
Your app is ready to be deployed!

See the section about deployment for more information.

npm run eject

Note: this is a one-way operation. Once you eject, you can't go back!

If you aren't satisfied with the build tool and configuration choices, you can eject at any time. This command will remove the single build dependency from your project.

Learn More

About

A visual, node-based pipeline builder for creating and managing LLM workflows, built with React and React Flow.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published