Automation-oooppps

KO | EN

gitlite — search

#hacktoberfest #react #ai #typescript #llm #go #rust #linux #docker #nodejs #awesome #awesome-list #pytorch #ios

Automation-oooppps

(★ 11)

No CODE AI

Automation-oooppps Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# AutoNoCode Pipeline Builder

A powerful, interactive, and visually stunning pipeline builder. Built with React Flow and FastAPI, this application allows users to construct complex logic flows with specialized nodes, real-time feedback, and backend validation.

## 🚀 Features

### ✨ Frontend (React)

- **Unified Node Architecture**: All nodes use a shared `BaseNode` design for consistency but support specialized logic.
- **9 Specialized Nodes**:
  - **Input / Output**: Standard entry and exit points.
  - **LLM Engine**: Integration for language model processing (OpenAI inspired).
  - **Text / Template**: Supports dynamic handles using `{{variable}}` syntax.
  - **API / Filter / Math / Delay / Condition**: Advanced nodes for logic and data processing.
- **Premium Toolbar**:
  - Expandable node menu with fuzzy search.
  - "Queue" positioning: Nodes added via the menu are automatically staggered to prevent overlap.
- **Undo / Redo**: Full history support for node deletion, movement, and connections.
- **Interactive Connections**: Custom edges with integrated "X" delete buttons and mismatch validation (red color).
- **Auto-Saving Indicators**: Real-time pulsing "Saving..." state and "Last saved" timestamps.
- **State Persistence**: Pipeline state (nodes/edges) is automatically saved to local storage, preserving work across reloads.
- **Clean Workspace**: A rounded-corner contained canvas for better focus.

### ⚙️ Backend (FastAPI)

- **DAG Validation**: Checks if the constructed pipeline forms a Directed Acyclic Graph using Kahn's algorithm.
- **Pipeline Parser**: Analyzes node and edge counts sent from the frontend.
- **CORS Enabled**: Ready for local development and communication.

## 🛠️ Tech Stack

- **Frontend**: React, React Flow, Redux Toolkit (State Management), Vanilla CSS.
- **Backend**: Python, FastAPI, Pydantic.
- **Icons**: Custom SVG/PNG assets for all node types.

## 🏃 How to Run the Project

### 1. Prerequisites

- Node.js (v16+)
- Python (v3.9+)

### 2. Backend Setup

```bash
cd backend
python -m venv venv
# Windows
.\venv\Scripts\activate
# Linux/Mac
source venv/bin/activate

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

_Backend will run on `http://localhost:8000`_

### 3. Frontend Setup

```bash
cd frontend
npm install
npm start
```

_Frontend will run on `http://localhost:3000`_

## 🏢 Architecture & Deployment

### Infrastructure (AWS EKS)

The application is deployed on an **AWS EKS Cluster** using a modern, scalable architecture:

- **Ingress Controller**: [NGINX Ingress](https://kubernetes.github.io/ingress-nginx/) manages external traffic.
- **SSL/TLS**: [Cert-Manager](https://cert-manager.io/) automatically issues Let's Encrypt certificates.
- **DNS**: Uses `nip.io` for dynamic IP-based hostnames (e.g., `34.197.168.162.nip.io`).
- **Container Registry**: Images are stored in **Amazon ECR**.

### CI/CD Workflow

1.  **Build**: Docker images are built for both `frontend/` and `backend/`.
2.  **Tag & Push**: Images are tagged as `latest` and pushed to project-specific ECR repositories.
3.  **Deploy**: Kubernetes manifests in `k8s/` are applied to the cluster.
4.  **Rollout**: `kubectl rollout restart` ensures the cluster pulls the latest images from ECR.

## 💰 Cost Optimization & Hibernation

To save AWS credits when not using the application, you can scale the cluster down to zero.

### 🛑 Hibernation (Scale Down)
Run these commands to stop all billing for worker nodes:
```powershell
# 1. Scale pods to 0
kubectl scale deployment frontend --replicas=0
kubectl scale deployment backend --replicas=0

# 2. Scale nodes to 0
eksctl scale nodegroup --cluster=pipeline-cluster --name=standard-nodes --nodes=0 --nodes-min=0
```

### 🚀 Wake Up (Scale Up)
Run these to make the application live again:
```powershell
# 1. Scale nodes back up (Wait 2-3 mins after this)
eksctl scale nodegroup --cluster=pipeline-cluster --name=standard-nodes --nodes=2 --nodes-min=1

# 2. Scale pods back up
kubectl scale deployment frontend --replicas=1
kubectl scale deployment backend --replicas=1
```

### 🔍 Verification
Confirm everything is off:
```powershell
kubectl get pods  # Should be empty
kubectl get nodes # Should be empty or No resources found
```

## 📁 Project Structure

- `frontend/`: React application using React Flow and Redux Toolkit.
- `backend/`: FastAPI server for DAG validation and pipeline parsing.
- `k8s/`: Kubernetes manifests (Deployment, Service, Ingress, ClusterIssuer).

---

**Built with ❤️ for the VectorShift Technical Assessment.**

Automation-oooppps

Automation-oooppps Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Automation-oooppps

Automation-oooppps Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README