An open API service indexing awesome lists of open source software.

https://github.com/sincerelyyyash/nexflow

Workflow builder application using Reactflow on NextJS
https://github.com/sincerelyyyash/nexflow

aceternity-ui mongodb next-auth nextjs reactflow shadcn-ui typescript workflow-builder

Last synced: about 2 months ago
JSON representation

Workflow builder application using Reactflow on NextJS

Awesome Lists containing this project

README

          

# NexFlow

NexFlow is a workflow management application built with Next.js, ReactFlow and Next-Auth for Authentication. It allows users to create, save, and execute custom workflows. This project leverages Next.js for server-side rendering and ReactFlow for visualizing and managing workflows.

## NOTE:
- Workflow execution might not work on deployed link, because vercel does not allow file operations on their servers.
- It will work fine locally or when deployed on AWS.

### Homepage
Screenshot 2024-09-08 at 5 47 25 AM

### Sign In Page
Screenshot 2024-09-08 at 5 47 32 AM

### Workflow Creation Page
Screenshot 2024-09-08 at 5 48 13 AM

### Workflow Execution Page
Screenshot 2024-09-08 at 5 48 25 AM

## Features

- **Workflow Builder**: Drag-and-drop interface for creating and configuring workflows.
- **Execution**: Upload files and execute workflows to process data.
- **User Management**: User authentication and authorization.

## Prerequisites

- **Node.js** (v14 or later)
- **MongoDB** (Local or Atlas)

## Getting Started

### Clone the Repository

```bash
git clone https://github.com/sincerelyyyash/nexflow.git
cd nexflow
```
### Install Dependency
```bash
npm install
```

### Configure Environment Variables
- Create a .env.local file in the root of your project and add the following environment variables:
- NEXTAUTH_SECRET=''
- MONGODB_URI=

- Replace the placeholder with your actual credentials

### Run the Development Server:
```bash
npm run dev
```

- Visit http://localhost:3000 in your browser to see the application in action.