https://github.com/rationalprabal/workflow

"React Workflow Builder" – A React.js app for building customizable workflows with nodes like filtering, format conversion, and POST requests. Includes workflow saving and execution using a Node.js backend and MongoDB.
https://github.com/rationalprabal/workflow

aws-lambda csv-parser expressjs mongodb multer nodejs reactflow reactjs

Last synced: 3 months ago
JSON representation

"React Workflow Builder" – A React.js app for building customizable workflows with nodes like filtering, format conversion, and POST requests. Includes workflow saving and execution using a Node.js backend and MongoDB.

• Host: GitHub
• URL: https://github.com/rationalprabal/workflow
• Owner: RationalPrabal
• Created: 2024-09-12T18:30:40.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-09-12T22:09:17.000Z (over 1 year ago)
• Last Synced: 2025-01-28T22:48:52.777Z (about 1 year ago)
• Topics: aws-lambda, csv-parser, expressjs, mongodb, multer, nodejs, reactflow, reactjs
• Language: JavaScript
• Homepage:
• Size: 54.7 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# React.js Workflow Builder Application

## Front-End Setup Instructions 

### Run the following commands.

1. Git clone https://github.com/RationalPrabal/Workflow

2. npm i

3. Make an env as per .env.example

4. npm run dev

## Back-End Setup Instructions 

### Run the following commands.

1. Git clone https://github.com/RationalPrabal/Workflow-backend

2. npm i

3. Make an env as per .env.example

4. npm run dev

Now you are ready to access the website in your local host.

## Homepage

From here you can create nodes and connect them with each other to create a workflow.

![image](https://github.com/user-attachments/assets/37098d8f-f1cb-4638-a763-c007a00ce5a4)

In this example we have created all types of nodes and connected them to each other in order to create a workflow in the specified order.

![image](https://github.com/user-attachments/assets/197d4b42-624d-4ef7-96a3-d287eee5cafa)

Now saving the workflow will save it in the database and generate a unique id.

## Run Workflow Page

If you click over "Run workflow" button on Homepage then it will take you to this page.

![image](https://github.com/user-attachments/assets/5dc16276-22ad-4669-bb15-9946f3061708)

Here you can upload the file in which you want to perform the operation and select the workflow id.

![image](https://github.com/user-attachments/assets/85caf38d-ea7d-439f-8b63-3c2dfb81e0aa)

Run the workflow and you will see your desired result.