🧩 AlgoPipe

AlgoPipe is a fast, lightweight visual pipeline editor built with React, Tailwind, FastAPI, and Pydantic. Easily drag and drop nodes to build intelligent workflows, with real-time cycle detection to ensure your graph remains a valid Directed Acyclic Graph (DAG). Ideal for no-code tools, data processing flows, and LLM-based pipelines.

🚀 Features

• 🔩 Plug-and-play node system : Minimal code, maximum scalability.

• 📝 Smart text Inputs : Dynamic input box resizing, handle detection and Autocomplete suggestions.

• 🎯 Intuitive flow editor : Easily connect nodes to build powerful pipelines.

• 🎨 Responsive and animated UI : Includes custom scrollbars and polished visuals.

• 🧭 Live minimap view : Navigate large workflows with color-coded nodes.

• 🌈 Multiple theme support : Instantly switch for a personalized look.

• 📡 Real-time backend validation with DAG checks : Alerts for cycles, node counts, and flow issues.

• 🔍 SEO optimized build : Built for accessibility and discoverability.

• 📦 Clean Code & Extensibility : Clean foundation for adding new features.

🧰 Tech Stack

Frontend

		🐻
React	Tailwind CSS	Zustand	React Flow	Vite	React Icons

Backend

Python	FastAPI	Pydantic	Uvicorn

Development Tools

Prettier	ESLint

Setup & Installation

Prerequisites

Before starting, ensure you have the following installed on your system:

• Node.js (version 14 or higher)
• npm (comes with Node.js)
• Python (version 3.7 or higher)
• pip (Python package manager)

Installation Steps

1. Clone the Repository

git clone https://github.com/thesakshijaiswal/algopipe.git
cd algopipe

2. Frontend Setup

Navigate to the frontend directory and install dependencies:

cd frontend
npm install

3. Backend Setup

Navigate to the backend directory and install dependencies:

cd ../backend
pip install fastapi uvicorn

Running the Application

Start the Backend Server

From the /backend directory:

uvicorn main:app --reload

The backend will be available at http://localhost:8000

Start the Frontend Development Server

From the /frontend directory:

npm start

The frontend will be available at http://localhost:3000

Preview

🛠 Developer

If you found this project useful or inspiring, please consider ⭐️ starring the repo to support the work!

📄 License

This project is licensed under the MIT License.